一、继承
继承:子元素继承父元素属性
例如:
<body>
<p></p>
</body>
body标签设置的属性p标签会继承
二、利用继承
全局通用属性建议设置在祖元素中,以便子元素继承复用。
例如:
<body>
<header>
<div><div>
</header>
<main></main>
<footer></footer>
</body>
通用样式建议写在body中,字体、字体大小、文字颜色等
body{
font-family:Arial,Helvetica;
}
三、继承的局限性
!并不是所有样式都可以继承。
不被继承情况:
1、元素位置(position)属性、外边距(margin)、内边距(padding)、边框(border)、背景(background)、大小(width、height)等等。
2、标签自带样式。
例如:<a>标签字体颜色蓝色