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有默认的字号样式,这时默认字号覆盖了继承的字号。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值