inherit(상속) 속성값, list 만들기


==inherit(상속) 속성값==

일반적으로 어떤 엘리먼트에 color를 지정해 주면
그 하위의 모든 요소들이 해당 엘리먼트의 컬러를 따라한다.
ex) 대표적인 속성 : text-align,color,font-size 등

 

<div class ="section">

       <div>1</div>

       <div>2</div>

 </div>

 

<style>

   .section{

    font-size: 20px;

}

</style>

 

위의 값 적용시에 section만 적용되는것이아닌,

자식요소인 div 까지 적용되어 1,2 라고 출력되는 숫자의 폰트크기도 20px이 되는것이다.

상속되는것.


 

==list 만들기==

ul : 순서 없는 리스트 아이템을 감쌀 때

    ㄴ ex) ○ 첫번째

             두번쨰

            ○  세번째    

      
ol : 순서 있는 리스트 아이템을 감쌀 때

    ㄴ ex)  1.첫번째

              2.두번째

              3.세번째


dl : 데이터 리스트

    ㄴ ex)  첫번째

                         값

              두번째

                         값

              세번째  

                         값


'Web > HTML,CSS' 카테고리의 다른 글

[CSS] position  (0) 2021.02.03
[HTML] display 속성과 css 선택자  (0) 2020.01.11