css 공부 : 상속(Inheritance) 알아보기

상속이 무엇인가?

상속은 상위(부모 태그) 태그에 적용된 속성은 하위(자식 태그) 태그한테도 적용이 되는 것을 의미합니다.
상속 기능이 없다면 각 태그마다 css속성을 작성해야 합니다.
하지만 모든 속성이 상속되지 않습니다. 상속이 되는 것과 되지 않는 것이 있습니다.

상속이 되는 것 O

visibility: 
opacity:
font:
color:
line-height:
text-align:
white-space:

상속이 되는 않는 것 X

width:
height:
margin:
padding:
border:
box-sizing:
display:
background:
vertical-align:
text-decoration:
position:
top:
right:
bottom:
left:
z-index:
overflow:
float: