캐스캐이딩 스타일 시트(CSS)

캐스캐이딩의 의미

• 캐스캐이딩(Cascading) : ‘위에서 아래로 흐른다’는 뜻
• 선택자에 여러 스타일이 적용될 때 스타일 충돌을 막기 위해 ‘위에서 아래로 흐르며 적용되는’ 방법을 선택

캐스캐이딩의 원칙

1. 스타일 우선순위 - 스타일 규칙의 중요도, 적용 범위에 따라 우선순위가 결정되고 우선순위에 따라 위에서 아래로 스타일 적용
2. 스타일 상속 - 태그들의 포함 관계에 따라 부모 요소의 스타일을 자식 요소로, 위에서 아래로 전달

※ 스타일 시트에서 ‘캐스캐이딩’은 가장 기본적인 개념이기 때문에 일반적으로 ‘스타일 시트’는 ‘캐스캐이딩 스타일 시트(CSS)’와 같은 의미로 사용됨

 

스타일 우선 순위

1. 얼마나 중요한가에 따라

• 시스템에서 만든 스타일. 사용자가 제어할 수 없음
• 브라우저의 기본 스타일
• 웹 사이트를 만들 때 제작자가 만든 스타일

 2. 얼마나 한정지을 수 있는가에 따라

3. 소스 순서에 따라

• 중요도가 같다면 소스 순서에 따라 결정
• 소스에서 나중에 온 스타일이 먼저 온 스타일을 덮어씀