[생활코딩] 상속
본문 바로가기
프레임워크/CSS

[생활코딩] 상속

by 은돌1113 2022. 1. 26.

어떤 요소에 속성 값을 줘서 효과를 주게 되면 해당 요소의 하위 요소들이

그 속성을 이어 받게 되는 성질을 상속이라고 합니다.

 

CSS의 속성들을 모두 상속 되는 것이 아니라,

상속 되는 것이 유리한 속성들은 상속 되고 그렇지 않은 것들을 상속 되지 않습니다.

 

<!DOCTYPE html>
<html lang="en">
  <head>
    <style>
      html {
        color: tomato;
      }

      #select {
        color: black;
      }

      /* 
      훨씬 더 경제적이고 생산성이 높다
      즉, 적은 코드로 많은 일을 할 수 있다. 
      */
    </style>
  </head>
  <body>
    <h1>수업 내용</h1>
    <ul>
      <li>HTML</li>
      <li>CSS</li>
      <li id="select">JS</li>
    </ul>
  </body>
</html>

 

 

'프레임워크 > CSS' 카테고리의 다른 글

[생활코딩] inline block  (0) 2022.01.29
[생활코딩] 캐스케이딩(Cascading)  (0) 2022.01.28
[생활코딩] 타이포그래피 - 웹폰트  (0) 2022.01.25
[CSS] linear-gradient  (0) 2022.01.25
[생활코딩] 타이포그래피 - font  (0) 2022.01.24

댓글