본문 바로가기

CSS

스타일 시트

스타일 시트는 태그. Selector, 태그의 포함 관계에 따른 상속등의 이유로 하나의 HTML 태그에

대하여 여러가지 스타일시트 속성 이동시에 적용 될 수 있다.

 

 

스타일 시트의 우선순위

 

1. In-Line, Embeded, External 중에서 In-Line 스타일의 우선 순위가 높다.

 

2.태그, Class, ID의 Selector중에서 ID의 우선순위가 가장  높다.
<SPAN id=a></SPAN>,<SPAN class=b></SPAN>


3.태그가 포함관계에 있을 때 자식요소(포함된 태그)에 적용된 스타일이 우선한다.


4.스타일 시트가 여러개 정의되어 있을 경우에는 가장 나중에 선언된 스타일이 우선한다.


5.!import속성이 선언되면 위치나 종류에 관계 없이 우선순위가 가장 높다.

예: h1{color:red !import;font-size:25pt}