CSS (6) - CSS 기본

 

1. 웹문서에 디자인 입히기 

 

CSS로 꾸밀 수 있음

 

2. 스타일과 스타일 시트 

 

스타일 형식은 선택자 {속성: 값; 속성: 값}

스타일을 한군데 묶어 놓은 것을 스타일 시트라고 한다. 

브라우저 기본 스타일 and 사용자 스타일 (인라인,내부,외부스타일)

 

내부 스타일 시트는 <style> </style>에 스타일 정의 

외부 스타일 시트는 외부 css파일을 정의한 뒤에 불러오는 것 

head에 <link rel="stylesheet" href="path">

 

 

3. 캐스케이딩 스타일 시트 

 

3.1 캐스케이딩의 의미 -> 스타일 시트의 우선순위가 위에서 아래로 계단식으로 적용되는 것을 의미한다.

CSS에서는 웹 요소에 둘 이상의 스타일이 적용될 때 우선순위에 따라 적용할 스타일 결정된다.

 

3.2 스타일 우선순위 :  사용자 스타일 -> 제작자 스타일 -> 브라우저 기본 스타일 

      적용범위 : !important -> 인라인스타일 > id스타일 > 클래스 스타일 > 타입스타일 

 

 

3.3 스타일 상속 : 태그는 포함관계가 있다 (부모자식)

                            자식 요소에 별도에 스타일을 지정하지 않으면, 부모요소의 스타일 속성이 자식요소에 전달됨 

                            단 배경색과 배경이미지는 상속되지 않는다.