CSS三大特性-继承性

子元素有默认继承父元素样式的特点(子承父业), 减少代码

可以继承的常见属性(文字控制属性都可以继承) :①颜色color②字体属性font-style、font-weight、font-size、font-family ③文本属性text-indent、text-align ④行高line-height ⑤……

不可以被继承的属性 : ①display

可以通过调试工具判断样式是否可以继承 :

 

优点 :

①给ul设置 list-style:none 属性,从而去除列表默认的小圆点样式 , 例如list-style: none;

②给body标签设置统一的font-size,从而统一不同浏览器默认文字大小

不会继承的情况 :

如果元素有浏览器默认样式,此时继承性依然存在,但是优先显示浏览器的默认样式

a标签的color会继承失效,其实color属性继承下来了,但是被浏览器默认设置的样式给覆盖掉了

h系列标签的font-size会继承失效,但效果存在,其实font-size属性继承下来了,但是被浏览器默认设置的样式给覆盖掉了

③div的高度不会继承 , 宽度有类似继承的效果,但不是继承性,是块元素的特点

不能继承的属性如下:

①display:规定元素应该生成的框的类型

②文本属性: vertical-align    text-decoration

③盒子模型的属性 : width height margin border padding

④背景属性: background background-color background-image

⑤定位属性 float-clear position top right bottom left min-width min-height max-width max-height overflow clip

box-sizing属性是不具备继承性的,原因很简单,box-sizing属性本来就应该是灵活使用的,全局设定为border-box或者全局设定为content-box都有弊端

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值