css继承性

CSS三大特性

继承性
什么是继承性

作用:给父元素设置一些属性,子元素也可以·使用

<div>
    <p>我是段落</p>
</div>
div {
        color: red;
        font-size: 30px;
        background-color: skyblue;
}

给div设置属性,p标签颜色发生了变化。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yujrzfIN-1603616844932)(D:%5C%E6%95%99%E5%AD%A6%E8%A7%86%E5%B1%8F%5C%E5%89%8D%E7%AB%AF%5C%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0%5CHTML+CSS%E7%AC%94%E8%AE%B0%5CCSS%E9%83%A8%E5%88%86%5Cimage-20201025160431273.png)]

注意点

1.并不是所有属性都可以继承,只用以color/font-/text-/line开头的属性才可以继承。

2.在css继承中不仅仅是儿子可以继承,只要是后代都可以继承。

3.继承性中的特殊性:

a标签的文字颜色和下划线是不能由继承而来的。

h标签的文字大小是不能由继承而来的(火狐好像可以继承font-size)。
body标签的宽度可以被继承,高度要自己设置。

4.16px=1em

应用

1.用设置网页上共性信息,例如网页文字颜色,字体及大小等内容。

body {
属性:值;
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值