HTML_캐스케이딩(Cascading)

캐스케이딩(Cascading)

 

의미

• '위에서 아래로 흐른다'는 의미, 계단식으로 적용된다는 뜻
• 선택자에 여러 스타일이 적용될 때, 스타일 충돌을 막기 위해 우선순위에 따라 적용할 스타일을 결정함.

원리

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

스타일 시트에서 '캐스케이딩'은 가장 기본적인 개념이고, 일반적으로 'stylesheet'는 'CasCadingStylesheet(CSS)와 같은 의미로 사용됨

 

 

스타일 우선순위

 

출처:

Do it! HTML+CSS+자바스크립트 웹 표준의 정석