[CSS] CSS규칙

▶ 스타일 상속

- CSS3 스타일은 부모 태그로부터 상속   

● 부모태그 :자신을 둘러싸는 태그

● 자식태그 :부모 태그로부터 둘러싸인 태그

- 부모태그 <p>, 자식 태그 <em>

- <em> 태그의 출력 :글자 크기는 25px, 글자 색은 부모<p> 태그를 상속받아 green

 

 

 

 

 

 

▶ 스타일 합치기와 오버라이딩

- 태그에 적용되는 모든 스타일 합쳐지고, 동일한 스타일은 순위가 높은 스타일이 우선 적용되는 규칙

● 스타일 합치기(cascading) :아래 4가지 스타일 시트가 태그에 동시에 적용될 때 스타일이 합쳐서 적용

● 오버라이딩(overriding) :덮어쓰기로, 동일한 CSS3 속성에 서로 다른 값을 설정하는 충돌 시 우선순위가 높은 스타일을 적용하는 규칙 

 

 

▷ 태그에 적용 가능한 스타일 (and 우선순위)

1. 브라우저의 디폴트 스타일

2. 스타일 시트 파일에 선언된 스타일

3. <style></style> 태그에 선언된 스타일

4. style 속성에 선언된 스타일

 

 

 

 

예제) 여러 스타일 시트가 중첩되는 경우

 

 

 

 

 

참고문헌: DO it! HTML5 + CSS + 자바스크립트 웹 표준의 정석, 명품 HTML5 + CSS3 + Javascript 웹 프로그래밍