티스토리 뷰

CSS

스타일 상속

dev23 2022. 2. 2. 10:57
반응형

상속(Inheritance)

- 부모 요소에서 설정된 일부 CSS 속성 값이 자식 요소에게 상속되며, 일부는 그렇지 않다.

- 상속되는 CSS 속성들

 -> 글자/문자 관련 속성들 ( 모든 글자/문자 속성은 아님 )

  font-style : 글자 기울기

  font-weight : 글자 두께

  font-size : 글자 크기

  line-height : 줄 높이

  font-family : 폰트(서체)

  color : 글자 색상

  text-align : 정렬

  ...

 

 

예) 스타일 상속 1

<head>
    <style>
        .parent1{
            color: red;
        }
    </style>
</head>
<body>
    <div class="grandparent">조부모
        <div class="parent1">부모1
            <div class="child1">자식1</div>
            <div class="child2">자식2</div>
            <div class="child3">자식3</div>
        </div>
        <div class="parent2">부모2</div>
    </div>
</body>
 

 => 결과

스타일 상속 1에 대한 결과

반응형

'CSS' 카테고리의 다른 글

CSS 속성  (0) 2022.02.02
선택자 우선순위  (0) 2022.02.02
선택자  (0) 2021.07.17
선언방식  (0) 2021.07.16
CSS 문법  (0) 2021.07.16
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/11   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
글 보관함