css中可以继承的样式有哪些，不可以继承的又有哪些，以及样式书写的顺序

最新推荐文章于 2025-09-10 23:19:19 发布

转载最新推荐文章于 2025-09-10 23:19:19 发布 · 872 阅读

3 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/KKKKKK6668/article/details/105545944

文章标签：

#css #css3 #前端

CSS 专栏收录该内容

1 篇文章

订阅专栏

本文探讨了CSS中可继承与不可继承的属性，例如font、text-align等可以继承，而display、width等则不可。同时，介绍了CSS样式的书写顺序，通常包括位置属性、自身属性、样式属性和CSS3属性。这些知识对于理解和优化CSS布局至关重要。

在面试过程中，有时会被问到，css里面哪些属性可以继承，哪些属性不能继承。下面就简单的盘点一下。

可以继承的属性：
常用的font属性是可以继承的，比如：font-size,font-family,font-weight等；
文本属性也是可以继承的，比如：text-align,line-height等；

不可继承的属性：
display属性，比如：display:none,flex,block等等；
DOM的自身属性，比如：width,height,padding,margin,border等；
背景属性，比如：background-color,background-image;
以及常用的定位属性，比如：position,float,transform等；

另外值得提的一个问题就是在写css样式的时候，先后顺序是什么？
这个问题一般不会被问到，但是一些对基础比较在意的公司有可能会问到，那下面就简单的说一下。
1、位置属性【position,display,top,float,z-index】；
2、自身属性【width,height,padding,margin】；
3、样式属性【color,font,text-align】；
4、CSS3属性【transform,animation】