予定
■スキプラさんnote①
完了
■スキプラさんnote①
学習時間
2h
学習ポイント
■ヘッダーメニュー
✖︎左右100%(見づらい)
○左右60%、中央寄せ、外側にあるクラスに背景色つける
■li要素を横並びにするにはinlineに指定
liタグはブロック要素なので縦になる。
インライン要素にすると、横並びになる。
※flexbox使わなくてOK
■文字の下線をなくす
text-decoration: none;
■背景画像を指定する
✖︎ height
○ min-height
■背景画像の固定(スクロールしても動かない)
background-attachment: fixed
■position
親要素→relative
子要素→absolute
※背景画像として使った場合:relative使わない。
img画像として使った場合:親要素にrelative
疑問点
○色を指定するときに、色の数値わからないので指定できないが?
○liタグは基本的にflexではなく、inlineにして横並びにする?
計画通り進んだか?
進んだ。今回はより理解が進んでいないpositionやinlinnに関して、時間をかけて復習した。うまく自分の中に落とし込めたが、実際にアウトプットしないと定着しないので、次は見ないこと!
スピード感的には全然満足できる進捗ではないので、明日は②を確実に終わらせる!