Skip to main content

2 docs tagged with "css"

View all tags

セレクタとカスケード — 結合子・疑似クラス・詳細度

CSS セレクタの種類と結合子の違い、疑似クラスと疑似要素の区別、詳細度の計算方法を解説します。ID とクラスの重みの順序、全称セレクタと結合子が詳細度に寄与しないこと、カスケードが詳細度以外の何を見ているかまでを扱います。

ボックスモデル — width が何を指すかで崩れる

CSS のボックスモデルを、コンテンツ・パディング・ボーダー・マージンの 4 領域と box-sizing による width の解釈の違いから解説します。背景がどこまで描かれるか、マージンの相殺がいつ起きるか、border-box をリセットで当てる定石までを扱います。