전체 선택자 : 웹 문서 전체에 적용 되는 선택자
브라우저에 기본 스타일이 적용되어 있는데 초기화 시키고 싶을 때 사용
*를 기호로 사용
타입(태그) 선택자 : 특정 태그에만 적용하고 싶은 스타일을 만들 때 사용
class 선택자 : 특정한 부분에만 다르게 적용하고 싶은 경우 사용. 문서 안에서 여러번 사용 가능
앞에 .를 붙임
위와 같은 예제에서 "레드향"이라는 글자 일부에만 적용하고 싶은경우 <span>태그를 사용하여 묶어 줌
id 선택자 : 문서 안에서 1번만 사용 가능
고유성을 가지기 때문에 자바스크립트 같은 경우에도 한 부분만 집어 프로그래밍에 사용 가능
#를 붙여 사용
padding: 테두리와 그 안에 있는 여백
그룹 선택자 : 같은 스타일 규칙을 가진 선택자를 그룹으로 묶어 나열 가능
마지막 p타입이 green컬러이므로, black컬러를 덮어 씀
인라인 스타일이 내부스타일 시트보다 우선순위
!important는 가장 우선 순위
상속 : body의 font-size를 20px로 설정하였는데 p태그의 폰트사이즈에 적용됨을 볼 수 있음
<head>는 브라우저 기본 스타일로 적용된 글자 크기가 있어서 제목 텍스트의 글자크기가 적용되어 있음
'개발 공부 > WEB' 카테고리의 다른 글
| css - 박스 모델 (0) | 2024.02.19 |
|---|---|
| css -속성 ( 폰트/ 텍스트/ 목록/ 표 ) (0) | 2024.02.18 |
| css (0) | 2024.02.18 |
| HTML (0) | 2024.02.15 |
| HTTP 메서드 (1) | 2024.01.08 |