CSS

Casecading Style Sheets 의 약자

 

화면을 더 세련되게 보이려고 하는 것

 

문서 내용과 상관 없이 디자인만 바꿀 수 있다. 

 

인라인 , 내부 , 외부 스타일을 적용할 수 있다. 

 

글 순서대로 우선 순위가 적용되며 스타일도 class를 만들어 줄 수 있다. 

 

스타일 시트는 선택자가 젤 중요하다.

 

일반 선택자, 복합선택자, 가상 클래스 선택자 , 가상 엘리먼트 선택자, 속성 선택자가 있다.

 

일반 선택자에는

 

전체 선택자 --- *{}로 사용한다.

 

타입 선택자  매칭되는 element 선택--- e1,e2,e3{}로 사용한다.

 

클래스 선택자 ---- .클래스이름 {} 로 사용한다.

 

ID선택자--- #아이디이름{} 으로 사용한다.

 

이건 중요해!

 

클래스 명은 style sheet랑 

html에서 중복으로 사용할 수 있다.

가상 클래스는 : 이렇게 쓴다.

가상 엘리먼트 :: 이렇게 쓴다.

::after

::before

::first-letter

::first-line