100DaysOfCode #2

やったこと

• Progate: 3h
  • HTML & CSS 学習コース 中級編
  • HTML & CSS 学習コース 上級編
  • HTML & CSS 道場コース 上級編

「HTML & CSS 学習コース 中級編」コースを修了しました！ https://t.co/BmVKjCR2BM #Progate

— y-mix(blackwolftech) (@bwolftech) July 2, 2019

「HTML & CSS 学習コース 上級編」コースを修了しました！ https://t.co/1q5Xtt9voe #Progate

— y-mix(blackwolftech) (@bwolftech) July 2, 2019

「HTML & CSS 道場コース 上級編」コースを修了しました！ https://t.co/DVDJPtCLTP #Progate

— y-mix(blackwolftech) (@bwolftech) July 2, 2019

ピックアップ

• CSS: margin: 0 auto の左右のマージンは大きなブロック要素を中央揃えしたいとき、 text-align: center はボタンやテキスト単位の小さなインライン/インラインブロック要素を中央揃えしたいときに使う。
• CSS: opacityは要素全体・文字も透明化。rgbaは背景色だけ透明化できる！
  • と思ったけど、 opacity, background と 設定するプロパティが違うので適用範囲が変わるのでは
• CSS: line-height で指定された高さの中心に文字が配置されるため、 line-height == height は上下方向の中央に配置される
• CSS: z-indexはpositionと同時に使う必要がある

きづいたこと

• 黒いヘッダーにfont-awesomeでアイコンを配置するとき、 文字色を設定しないと隠れて見失うので気をつけよう！

font-awesomeを使うときに文字色の指定を間違えてアイコンを見失うことがある(汗)

— y-mix(blackwolftech) (@bwolftech) July 2, 2019