CSS : Cascading Style Sheets로 HTML에 디자인을 이입혀서 이쁘게 꾸며준다. 스타일의 우선순위는 적용 범위에 따라 결정되고, 그 우선순위에 따라 위에서 아래로 적용.
우선순위
사용자 스타일 시트가 최우선! ---> 제작자가 만든 스타일 중 !important가 붙은 스타일 ---> 제작자가 만든 일반 스타일 ---> 기본 브라우저 스타일
인라인스타일 ---> id스타일 ---> 클래스 스타일 ---> 태그 스타일
- 스타일 형식
- 선택자 {스타일 속성 : 스타일 값 ;}
- ex) p {color : blue;}
- 내부 스타일 시트를 사용시 head태그에서 style태그를 사용한다.
- 외부 스타일 시트를 만들시 .css라는 파일을 따로 만들어
link태그를 사용한다.(link ref = 'stylesheet' href = '외부 스타일 파일 경로') - 간단한 스타일 같은 경우 html태그 안에서 style 태그 사용해서 적용 가능.
- 주요 선택자
- 전체 선택자는 모든 요소에 적용할 때 사용하며 * {속성 : 속성값;} 형식으로 사용
- 태그 선택자는 특정 태그가 쓰인 모든 요소에 적용할 때 사용하며 태그이름{속성 : 속성값;} 형식으로 사용된다.
- 클래스 선택자는 태그중에서도 특정 클래스에만 적용할 때 사용하며 .클래스명 {속성 : 속성값;} 형식으로 사용
- id선택자도 클래스와 마찬가지로 특정 id에만 적용할때 사용하며, #아이디명 {속성 : 속성값;} 형식으로 사용
