세미클론 필수
1. 따로 css파일을 만들어 html에 link
2. html의 head안에 style 작성
3. 인라인 스타일 작성
selectors
type class ID 3종류
type:
ex) strong color: Yellow
class: div안에 작성, 마침표를 찍어 class를 표현
css에서 굉장히 중요, 공백없이 마침표 작성시 같은 표현
ex) .box.box1
ID: #을 작성
ex) #kimbug
자식선택자
직접적으로 감쌀때 표현
ex)
section > h1
자손선택자
ex)
section h1
형제선택자
active를 기준으로 사용, 잘 사용하지않음
ex)
.active ~ li 모든 li 선택
.active + li 하나만 선택
Pseudo class
가상클래스
first child
ex)
li:first-child
li:last-child
li:nth-child(숫자)
a:hover
커서를 올렸을때 표현
a:active
눌렀을때 표현
input:focus
사용중일때 표현
input:active
누르는 찰나를 표현
css에선 나중에 선언된 코드가 이전의 코드를 덮음
우선순위
1. ID
2. class, Pseudo-class
3. type
Inline Style, !importatnt
되도록이면 사용X