CSS — 後に書いた規則が勝つ
CSS 가 예측 불가능해 보이는 것은 규칙이 없어서가 아니라 규칙이 세 단계라서입니다. 중요도 → 특정성 → 순서. 이 순서를 계산기로 직접 확인하고, 실제 서비스에서 났던 두 버그 — 모바일 덮개가 안 열리던 것과 페이지가 33,000px 로 늘어나던 것 — 를 그대로 재현해 고칩니다.
중급 · 레슨 13 · 실습 3
커리큘럼
カスケードとレイアウト
- 三段階で決まる reading
- 勝つ規則を計算する lab
- CSSカスケードの確認 quiz
詳細度は高いのになぜ負けるのか
- レイヤーを使い始めると判定が一段増える reading
- レイヤーで勝つ lab
- カスケードレイヤーの確認 quiz
中央が揃わず余白が消えた
- 300pxが300pxでない理由 reading
- ボックスモデルと余白の確認 quiz
stickyと書いたのにくっつかない
- 原因はいつも祖先にある reading
- くっつかない理由を祖先に探す lab
- 包含ブロックと位置指定の確認 quiz
画面の幅ではなく箱の幅だ
- カードは自分がどこに置かれたか知らない reading
- レイアウト選択とレスポンシブの確認 quiz