Css不继承可继承属性

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

Css是一种用于网页排版和设计的语言,可以设置元素的样式,同时还能实现布局等功能。其中,某些属性的值可以继承到子元素中,而有些则不行。不可继承属性: display margin border pad

Css是一种用于网页排版和设计的语言,可以设置元素的样式,同时还能实现布局等功能。其中,某些属性的值可以继承到子元素中,而有些则不行。

不可继承属性:
display
margin
border
padding
background
height
min-height
max-height
width
min-width
max-width
overflow
position
top
bottom
left
right
z-index
float
clear
table-layout
vertical-align
page-break-after
page-break-before
page-break-inside 

排版时,经常会用到元素的宽度、高度、边框、内边距等属性。然而这些属性无法被子元素继承,需要在每个元素中单独设置。

另外,display属性由于其影响布局的重要性,也无法被继承。而background属性虽然影响元素的外观,但与布局无关,因此也不会被子元素继承。

可继承属性:

font
font-family
font-size
font-style
font-weight
letter-spacing
color
line-height
text-align
text-indent
text-transform
visibility
word-spacing
direction 

相比之下,字体、颜色、对齐等属性是可以继承的。这意味着,可以在父元素中设置这些属性,从而省略子元素的设置。

总之,了解哪些属性可以继承,哪些不能继承是了解Css基础的必备知识。在实际排版中,合理运用继承属性可以提高代码的可读性和效率。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: Css不继承可继承属性

粉丝

0

关注

0

收藏

0

已有0次打赏