01. 기초선택자
style과 stylesheet
style은 정해진 속성을 입력하여 웹 페이지를 꾸미는 것
stylesheet는 웹 페이지에서 반복적으로 쓰는 style을 모아놓은 것
p{text-align:center;}
<!--
p : 선택자
text-align: style 속성명
center : 속성 값
-->
CSS 적용 분류
내부 스타일 시트
- 내부에 스타일 정보를 지정하는 방법
- 스타일을 적용할 대상에 직접 태그를 표시하는 방법
- <body></body> 부분을 실행하기 전에 읽어야 하기 때문에 <head></head> 태그 안에 있다.
외부 스타일 시트
- <body></body> 부분을 실행하기 전에 읽어야 하기 때문에 <head></head> 태그 안에 있다.
- <link> 태그를 활용해서 css 파일을 읽어와서 스타일 적용하는 방법
- .css 확장자를 가지는 파일이다.
인라인 스타일 시트
- 태그 내부에 스타일 정보를 지정하는 방법
- 태그 하나에만 적용할 때 사용한다.
CSS 선택자
CSS 우선순위
위에서 아래로 흐르듯이 (cascading) 마지막 작성된 게 적용된다.
| <적용 방법에 따른 순위> 태그 스타일 → class 스타일 → id 스타일 → 인라인 스타일 → !important (우선순위가 가장 높다.) <소스 순서에 따른 순위> 나중에 작성된 스타일 적용 |
'Programming > CSS' 카테고리의 다른 글
| DAY 84. CSS - 색상, 배경, 애니메이션 스타일 (0) | 2021.11.10 |
|---|---|
| DAY 83. CSS - 레이아웃 스타일 (0) | 2021.11.09 |
| DAY 82. CSS - 글자, 문단, 목록 태그 (0) | 2021.11.08 |
