LoginSignup
1
0

More than 3 years have passed since last update.

【Day31】積み上げ日記

Last updated at Posted at 2020-03-17

予定

■スキプラさん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に関して、時間をかけて復習した。うまく自分の中に落とし込めたが、実際にアウトプットしないと定着しないので、次は見ないこと!
スピード感的には全然満足できる進捗ではないので、明日は②を確実に終わらせる!

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0