html/css(우선순위/z-index)

easyliving·2022년 12월 6일
0

FRONT_END (HTML/CSS)

목록 보기
14/16

CSS 우선순위

		1.속성 값 뒤에 !important 를 붙인 속성
        2.HTML에서 style을 직접 지정한 속성
        3.#id 로 지정한 속성
        4..클래스, :추상클래스 로 지정한 속성
        5.태그이름 으로 지정한 속성
        6.상위 객체에 의해 상속된 속성
        
        ✔기본적으로 뒤에 나오는 css가 우선순위가 높음
        ✔우선순위가 같다면 개수가 많은 css가 우선순위가 높음
        

Z-Index

	position 속성이 없는 태그들은 나오는 순서대로 쌓임
	position 속성이 있는 태그들은 없는 태그들보다 위에 나오는 순서대로 쌓임.
	position 속성에 z-index까지 있다면 z-index가 큰 태그가 위에 쌓임.
	z-index가 아무리 크더라도 부모 태그의 z-index가 더 우선임
    z-index는 형제끼리의 비교에 사용
profile
가끔져요

0개의 댓글