본문 바로가기
WEB/CSS

상속

by DeveloperCat 2024. 2. 19.
반응형
<!DOCTYPE html>
<html>
    <head>
        <style>
            /*li{color:red;}
            h1{color:red;}*/
            html{color:gray;}
            #select{color:black;} /*상속을 하는 속성과 하지 않는 속성이 나뉘어져 있다. 자세한 것은 : https://www.w3.org/TR/CSS21/propidx.html 참고*/
            body{border:1px solid red;}
        </style>
    </head>
    <body>
        <div id="container">
            <h1>수업순서</h1>
            <ul>
              <li>html</li>
              <li>css</li>
              <li id="select">js</li>
            </ul>
            <h1>수업참가자</h1>
            <ul>
              <li>최진혁</li>
              <li>최유빈</li>
              <li>한이람</li>
              <li>한이은</li>
            </ul>
        </div>
    </body>
</html>
반응형

'WEB > CSS' 카테고리의 다른 글

인라인 vs 블럭레밸  (0) 2024.02.19
캐스케이딩  (0) 2024.02.19
웹폰트  (0) 2024.02.16
font  (0) 2024.02.16
text-align  (0) 2024.02.16