flex, grid
요소에 포지션 값 적용시 포토샵의 레이어처럼 층 위의 개념이 생기는데 이 때 겹쳐지는 순서를 정의한다.
숫자가 클수록 상단에 위치하며 단위값은 없다.
포지션이 적용되어 있어야만 사용 가능하다.
한 쪽에만 position이 적용되어 있으면 상관 없지만 여러 요소에 position이 적용될 경우 층위가 뒤섞일 수 있음.
z-index는 단위값이 없으며 숫자의 크기로 순서가 정해진다.
h1에 z-index 값을 넣어주면 층위를 조정할 수 있다.
'CSS' 카테고리의 다른 글
| [CSS] 수열 선택자 - 의사 클래스 :first-child / :last-child / :nth-child(n) (0) | 2022.10.25 |
|---|---|
| [CSS] 블록 요소 정렬 float (0) | 2022.10.25 |
| [CSS] position (0) | 2022.10.21 |
| [CSS] 테이블 스타일 table-style (0) | 2022.10.19 |
| [CSS] 요소 특성 변경 display / 요소 실제 크기, box-sizing (0) | 2022.10.19 |