목록2026/05/30 (1)
choco's story
CSS 17. z-index
z-indexz-index 란?: 요소들의 쌓임 순서(stack order)를 정의하는 속성정수 값을 지정하여 쌓임 맥락(stacking context)에서의 레벨을 정의하는 방식으로 사용합니다.즉 위치 지정 요소에 대해 적용 가능한 속성입니다.위치 지정 요소란? position 속성이 정의되어 있는 요소쌓임 맥락(Stacking context)이란?2차원 평면의 HTML 페이지를 Z축이 있는, 즉 3차원적인 관점으로 표현하는 개념  => 즉 요소들이 겹칠 때, 해당 요소가 다른 요소 위나 아래에 쌓이는 순서를 따져서 맥락상 우선순위를 정하는 규칙!z-index의 기본값 = auto여기서 auto는 새로운 쌓임 맥락이 형성되지 않은 상태!z-index 사용 예시 1 2 ..
HTML & CSS/CSS
2026. 5. 30. 14:09
