[2주차] HTML/CSS (9) 상속 & 공용 키워드 & z-index

ming·2023년 1월 2일
0

STUDY SOJU

목록 보기
12/19

상속

  • 상속(Inheritance)이란 하위 요소가 상위 요소의 스타일 속성값을 물려받는 것을 의미
  • 모든 속성이 상속이 되는 것은 아니다
  • 상속 되는 속성
    • color, font-famliy, font-size, font-weight, text-align, cursor

공용 키워드

  • 모든 CSS 속성에 사용 가능한 키워드가 있다 때문에 이를 '전역 값'이라 표현하기도 한다
의사클래스의미
inherit상위 요소로부터 해당 속성의 값을 받아 사용
initial(브라우저에 지정되어 있는) 해당 속성의 기본값을 요소에 적용
unset상속 속성에 대해서는 inherit처럼, 상속되지 않는 속성에 대해서는 initial처럼 적용

z-index

  • 요소가 쌓이는 순서(stack order)를 정의할 수 있다
  • 기본값은 auto
  • 정수 값을 지정하여 쌓임 맥락(stacking context)에서의 레벨을 정의하는 방식으로 적용되며, 위치 지정 요소에 대해 적용할 수 있는 속성
    => 위치 지정 요소(positioned elements)란, position 속성이 정의되어 있는 요소를 말함

0개의 댓글