HTML5/CSS3 モダンコーディング 読書メモ

html5_css3_modern_coding.md

• P32
• P6 ダウンロード
  • https://www.shoeisha.co.jp/book/download/9784798141572
• p10 リセットCSS
  • HTML5resetCSS
  • これを使ってるみたい
• P037: white-space: nowrap; と overflow: hidden;
  • 折返さないようにして、要素をはみ出た分を非表示にする
• P041: display: block とか display: inline-block とか
  • inline 要素は block にすることで幅や高さを指定できるようになる
• P044: transition
  • スタイルの変化を「ふわっ」とさせる
• P058: overflow-y: auto;
  • 高さをはみ出した場合にスクロールできる
• P059: max-height: 220px;
  • max を指定することで高さが可変になる
• P061: nth-of-type
  • 同じ階層の n 番目の要素にスタイルをあてられる
  • 奇数・偶数みたいな指定も可能
• P064: font-size: 0px;
  • 半角スペースによって改行をさせない
• P076
  • transform プロパティで要素を移動、回転、変形できる
• P078
  • HTML や CSS のブラウザごとのサポート
    • Home で調べる
    • 必要に応じてベンダープレフィックスを付ける
• P080
  • CSS カウンタ
  • カウンタを定義してインクリメントできる
• P084
  • すき間を無くしたいときは font-size: 0px;
  • その後文字サイズを復活させる
• P101
  • ダミーテキストに Lorem ipsum...
  • 日本語だと著作権の切れた小説が多いらしい
• P159
  • Sass を使うとシングルクラスで重複を排除できる
  • @extend
• P184
  • z-index で重なり順を制御できる
• P190
  • FontAwesome 5 は公式のCDNでCSS配布をやめるらしい
• P204
  • 透明度
  • rgba での指定はあくまで色の透過
  • opacity は要素全体の透過
    • 文字色や枠線、子要素も透過される