태그: 캐스케이드
3편
-
CSS 선택자: 속성 선택자, 가상 클래스, :has()까지
속성 선택자의 ^= $= *= 차이와 i 플래그, :focus-visible·:nth-child(An+B of S)·:has() 같은 가상 클래스, 특이도 계산과 :is/:where의 차이까지 예제로 짚어 봅니다.
-
CSS 깊이 보기: 특이성·캐스케이드·박스 모델·쌓임 맥락과 실무 패턴
스타일이 왜 적용되지 않는지 추적하려면 특이성 계산, 캐스케이드 순서, 박스 모델과 마진 병합, 스택킹 컨텍스트를 알아야 합니다. 각 규칙을 예제로 설명하고 @layer, 논리 속성, clamp(), 컨테이너 쿼리를 활용한 실무 패턴도 소개합니다.
-
CSS 기초 | 선택자, 속성, 색상, 폰트
CSS 선택자, 색상 표현, 웹 폰트, 텍스트 오버플로우, px·rem·em 단위, CSS 변수를 예제로 익히고 같은 요소에 여러 규칙이 겹칠 때 캐스케이드와 특이도로 값이 결정되는 과정을 설명합니다.