선택자

기본선택자

• 전체선택자 : *
• 태그선택자 : 태그 이름
• 아이디선택자 : #
• 클래스선택자 : .
  

계층선택자

기준 - A, 선택 - B

• 자손선택자 : A B (띄어쓰기)
• 자식선택자 : A>B
• 근접후행선택자 : A+B
• 후행선택자 : A~B
  

반응 선택자

css 단위 | 크기 단위

색상 단위

가시속성

display

visivility

박스 속성

모든 요소는 사각형으로 구성되어 있다

margin 속성

테두리를 기준으로 요소의 바깥여백 지정

padding 속성

테두리를 기준으로 요소의 안쪽여백 지정

margin, padding 속성

border

요소의 테두리를 설정
1. border-width 테두리 두께 지정
2. border-style 테두리 스타일 지정
3. border-color 테두리 색상 지정
4. border-raduis 테두리 모서리 지정

box-sizing

요소의 크기를 화면에 표시하는 방식

배경속성

background

요소의 배경 스타일 지정

폰트 속성

위치 속성

Position

자유자재로 요소의 위치를 배치하는 속성

z-index

요소의 쌓이는 순서를 지정하는 속성

값 0~1 사이로 지정

overflow

부모요소의 범위를 벗어날 때 어떻게 처리할지 지정