当我在MDN的规范部分中查找css属性时,其中有一些属性对我来说似乎很陌生。所以我今天尝试找出其中的一些。下面的列表尝试给出一个词来指定它们的含义。初始值:指定CSS属性的默认值;适用于:指定应用到哪些元素;继承:指定CSS属性是继承还是非继承;媒体:指定文档在不同媒体上的呈现方式;计算值:从父级传递给子级的CSS属性;动画类型规范顺序:一些CSS属性(字体、背景...)有自己的CSS属性取值顺序。而这篇文章就是讨论关于继承和非继承的知识的话题。继承和非继承之间的初始值一个CSS属性的初始值是它的默认值。初始值在继承属性和非继承属性之间有两种不同的行为。对于继承的属性,初始值仅用于根元素。你好,CSS结果是span和em元素的颜色都是红色的。因为颜色是继承属性,元素会递归地从父元素获取颜色属性,直到记录。对于非继承属性,每个元素都使用初始值。当没有在元素上指定非继承属性的值时,元素直接获取初始值。你好,CSS结果是边框只影响span元素,而不影响em。因为border是非继承属性,em上没有指定border属性,所以em获取的是border的初始值none。上面多次提到继承值和非继承值,现在整理一下cssproperties.InheritedType我收集了一些css中的继承类型,罗列如下:空格类型:letter-spacing、word-spacing、white-space;字母类型:text-align、text-indent、text-shadow、text-transform;列表类型:list-style、list-style-type、list-style-position;Others:visibility、cursor;Non-InheritedType与inheritedtype相反,非inheritedtypes列举如下:LayoutType:float、position、left、right、top、bottom、z-index、displayBoxType:宽度、最大宽度、最小宽度、高度、最大高度、最小高度、边距、填充、边框;背景类型:背景大小、背景图像、背景剪辑、背景颜色、背景原点、background-position、background-repeat;Others:overflow、text-overflow、vertical-align;Recap这部分介绍了CSS中继承的概念,从css属性中区分了一些继承类型和一些非继承类型。希望这对你有帮助。