CSSのコード規約

複数人で css を管理・編集するとき、人によってプロパティの順番が異なっていると同クラスにたくさんのプロパティがあるソースを編...

CSS のセレクタが深くネストされると、詳細度が上がり、スタイルの上書きが困難になります。さらにリファクタリング時に HTML ...

レスポンシブ対応のコードでは、メディアクエリのブレイクポイントがプロジェクト全体に散らばりがちです。`768px` や `102...

ブラウザにはデフォルトのスタイルシート（User Agent Stylesheet）が組み込まれていて、CSS を何も書かなくて...

CSS のコメントはコードの意図を伝える手段ですが、書きすぎると可読性を下げ、書かなさすぎると後から読む人が困ります。何にコメン...

CSS の中に `top: -3px` や `width: 347px` のような数値が唐突に現れることがあります。この数値がな...

CSS で値を管理する手段として、Sass 変数、CSS カスタムプロパティ（`var()`）、`calc()` の 3 つがあ...

CSS が壊れる原因の大半は、詳細度（specificity）の衝突にある。あるスタイルを上書きしようとして !importan...

z-index は CSS の中でも特にカオスになりやすいプロパティです。「重なりが崩れたからとりあえず 9999 にしよう」と...

CSS には多くの長さの単位があり、同じ見た目を実現するにも複数の書き方が存在します。チーム開発で「ここは px なのか rem...