属性继承
继承属性
当元素的一个继承属性没有指定值时,则取父元素同属性值。
常见继承属性:
- text-align
- font-size
- font-weight
- line-height
- color
以 color 属性为例:
p {
color: green;
}
<p>This paragraph has <em>emphasized text</em> in it.</p>
文本 emphasized text 会呈现为绿色,因为 em 元素没有设置 color 属性的值,则默认取其父元素 p 的 color 属性值来继承。
非继承属性
当元素的一个非继承属性没有指定值时,则取属性的默认初始值。
常见非继承属性:
- width、height
- margin、padding
- display、float、position
- border
以 border 属性为例:
p {
border: medium solid;
}
<p>This paragraph has <em>emphasized text</em> in it.</p>
文本 emphasized text 就没有边框,因为 border-style 属性的初始值为 none 。