読者です 読者をやめる 読者になる 読者になる

忘備録

日々の調べ物をまとめる。アウトプットする。基本自分用。

『Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法』

逃げてきたCSSの勉強に立ち向かう時が来た気がするので、ポチりました。

Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法

良著(だと思う)な上、kindle版が現在616円と激安なのでオススメです。

要点だけメモしていきます。

良いCSSとは

  • 予測しやすい
  • 再利用しやすい
  • 保守しやすい
  • 拡張しやすい

破綻しやすいCSS

  • HTMLの構造に依存している
  • スタイルを取り消している
  • 絶対値を多用している

詳細度

上から順に詳細度が高い。

詳細度を考慮して設計することが非常に重要。

  1. !important
  2. インライン記述
  3. IDセレクタ
  4. クラスセレクタ、属性セレクタ、擬似クラス
  5. 要素セレクタ、擬似要素
  6. ユニバーサルセレクタ

以下メモ

  • !importantはむやみに使用しない
  • インライン記述はデバッグなどの 時以外は使用しない