zaki-yama / html5-css3-modern-coding

「HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方」

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Chapter 2

学んだこと

  • margin
  • clearfix (p26)
    • float を使って横並びのレイアウトを実現すると、その要素の高さが取得できずレイアウトが崩れる
    • それを回避するためのプロパティとして clear: both; というものがある
    • .clarfix:after などの専用クラスに切り出して適用することが多い
  • rem

先送り

  • 擬似要素 ::before, ::after
  • box-sizing プロパティ

Chapter 3

学んだこと

  • background
  • display: inline-block
  • box-shadow
  • white-space: nowrap (折り返さない), overflow: hidden (隠しテキスト)
  • マージンの相殺

About

「HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方」


Languages

Language:CSS 69.7%Language:HTML 30.3%