关于css属性继承

本文详细介绍了CSS属性继承的原理和规则,包括可继承与不可继承的属性,`inherit`值的作用,继承的局限性,以及如何处理继承带来的问题。通过案例分析了在实际布局中如何运用继承,如在相对定位和绝对定位中的宽度继承特性。
摘要由CSDN通过智能技术生成

关于css属性继承

继承:html元素可以从父元素那里继承一部分css属性,即使当前元素没有定义该属性。

1.css可以和不可以继承的属性

  • 不可继承的:

display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、page-bread-before和unicode-bidi。

  • 所有元素可继承:

visibility和cursor。

  • 内联元素可继承:

letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction。

  • 终端块状元素可继承:

text-indent和text-align。

  • 列表元素可继承:

list-style、list-style-type、list-style-position、list-style-image。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值