목차

<DO it! 책 기반 작성> 작성일 : 2021.10.27~2021.11.8

제외선택자

span p:not(selector) 사용!

1 CSS 기초

1.1 스타일과 스타일 시트

스타일 형식

p { text-align : center; } //텍스트 다락을 중앙에 정렬하는 스타일 규칙

p : 선택자
text-align : 스타일 속성
center : 속성 값

스타일 시트 : 스타일 규칙들을 한눈에 확인하고 필요할 때마다 수정하기 쉽도록 한 군데 묶어 놓은 것
내부스타일 시트 : 웹문서를 브라우저 화면에 표시하기 전에 스타일정보가 결정되어야 하므로 모든 스타일 정보는 <head> </head>태그 안에서 정의하고, <style> </style>태그 안에 작성
외부스타일 시트 : 여러 웹 문서에 사용할 스타일을 별도로 파일에 저장해서 사용하는것, '.css'확장자 파일을 사용하고 <style>태그없이 <link>태그를 사용
인라인 스타일 : 간단한 스타일을 적용하고 싶을 때 해당태그에 style 속성을 사용함
- <p style="color:blue;">

1.2 주요 선택자

전체 선택자 - 모든 요소에 스타일 적용하기

- {속성 : 속성 값; 속성: 속성 값; ….}

태그 선택자 - 특정 태그를 사용한 요소에 스타일 적용하기

태그 { 스타일 }

클래스 선택자 - 특정 부분에 스타일 적용하기

.클래스명 { 스타일 }