css笔记：css的继承性

所谓继承性是指书写css样式表时，子标签会继承父标签的某些样式，如文本的颜色和字号。

例如：

<div>
<h2>垚的彼岸的日志</h2>
<p>我只是一个渣渣</p>
</div>

我想把上述文字居中显示，如下图显示：(背景颜色时为了比较清晰明了)

那么我就这样设置css:

body{
background:blue;
opacity:0.5;
filter:alpha(opacity=50);
}
.yaodebian{
text-align:center;
}
.introduce{
text-align:center;
}

而根据继承性，其实只要在body中设置"text-align:center"或者在div中设置就可以了，如：

body{
background:blue;
opacity:0.5;
filter:alpha(opacity=50);
text-align:center;
}

但并不是所有的css属性都能够继承，如下这些属性不具有继承性：

1.边框属性border

2.外边距属性margin

3.内边距属性padding

4.背景属性background

5.定位属性position

6.布局属性display等

7.元素宽高属性

注意：当为body设置字号大小时，我们发现标题文本(h1-h6)并没有产生什么变化，这是因为标题标记h1-h6有默认的字号样式，这时默认字号覆盖了继承的字号。