css8

1css 포지셔닝
css를 이용해 웹 문서 요소를 적절히 배치하는 것
2box-sizing 속성
박스 모델의 너비 값 기준 지정
box-sizing: content-box, border-box
3float 속성
요소를 왼쪽이나 오른쪽에 떠 있게 만듦
4clear 속성
float 속성을 무효화 시키는 것
5position 속성
웹 문서 안에 요소들을 배치하기 위한 속성
static: 문서의 흐름에 맞춰 배치(차곡차곡, 특정 좌표 X)
relative: 자연스럽게 배치, left나 top 속성을 지정할 수 있다.(위치 옮길 수 있다)
absolute: 문서의 흐름과 상관 없이 원하는 위치에 요소 배치, 부모요소가 relative로 해놓아야 함
fixed: 문서의 흐름과 상관 없이 원하는 위치에 요소 배치, 부모 요소가 아니라 브라우저 창 위 꼭지점 (0,0) 기준으로 좌표 계산
6visibility 속성
특정 요소를 화면에 보이거나 보이지 않게 설정하는 속성
visible: 화면에 요소 표시(기본)
hidden: 화면에서 요소 감춘다, 크기는 그대로 유지되어 배치에 영향 미침
collapse: 표의 행, 열, 행그룹, 열그룹 등에서 서로 겹치도록 조절, 그 외는 hidden처럼 처리
7z-index 속성
요소 쌓는 순서 정하기, 숫자 클수록 위로 쌓임