css中什么属性可以继承

这篇文章主要介绍css中什么属性可以继承,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

css中可以继承的属性有:文本,text-align,行高,词间距,字母间距,首字母,可见性、颜色、游标等等。

<强>什么是css继承?

要想了解css样式表的继承,我们先从文档树(HTML DOM)开始。文档树由HTML元素组成。

文档树和家族树类似,也有祖先,后,代父亲,孩子和兄弟^ _ ^。这很容易理解吧,笔者在这里就不一一赘述了。希望深入了解的朋友请谷歌之。

那么css样式表继承指的是,特定的css属性向下传递到子孙元素。

下面举个例子,有如HTML下代码片段:

& lt; p> 　　CSS样式表& lt; em>继承特性& lt;/em>的演示代码 　　& lt;/p>

需要注意的是他们是包含在p之内的。

当我们指定p的css样式时,看看新兴市场会有什么变化呢?

& lt; style> 　　{p 颜色:红色,,} 　　& lt;/style>

在浏览器中p和em字体同时变红。我们并没有指定他们的样式,但em继承了它的父亲元素p的样式特性。

也许各位看了以后觉得这是理所当然的,根本不值一哂^ _ ^。其实,这就是继承。在不知不觉中影响这我们的代码(想像一下如果没有继承特性,你就需要为每一个元素定义颜色属性,这是多么痛苦的一件事情! ! !=_=!).

当然也不是所有的css属性都会被子类继承,例如边境属性。继续利用上面的一段代码。我们为p元素添加边境属性

p {,边界:1 px  solid 红色,,}

还好,p的边境属性没有被他们继承,否则是不是怪怪的呢? !

<强>那么,哪些属性是可以继承的呢? css样式表属性可以继承的有如下:

1,字体系列属性

字体:组合字体

字体类型:规定元素的字体系列

粗细:设置字体的粗细

字体大小:设置字体的尺寸

字体样式:定义字体的风格

字体参数:设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。

font-stretch:允许你使文字变宽或变窄。所有主流浏览器都不支持。

font-size-adjust:为某个元素规定一个值,字体的小写字母“x"的高度与“font-size"高度之间的比率被称为一个字体值的方面。这样就可以保持首选字体的x坐标。

2,文本系列属性

indent:文本缩进

text-align:文本水平对齐

行高:行高

词间距:增加或减少单词间的空白(即字间隔)

字母间距:增加或减少字符间的空白(字符间距)

首字母:控制文本大小写

方向:规定文本的书写方向

颜色:文本颜色

3元素可见性:可见性

4,表格布局属性:caption-side, border-collapse, border-spacing,空单元格,表布局

5列表属性:list-style-type, list-style-image, list-style-position, list-style

6,生成内容属性:引用

7,光标属性:光标

8页面样式属性:页面,page-break-inside,窗户,孤儿

9日声音样式属性:说话,speak-punctuation, speak-numeral, speak-header,讲话速度,体积,voice-family,音高,调域,压力、丰富、方位、仰角

所有元素可以继承的属性:

<李>

元素可见性:可见性、透明度

<李>

光标属性:光标

内联元素可以继承的属性:

<李>

字体系列属性

<李>

除- indent, text-align之外的文本系列属性

块级元素可以继承的属性:文本,text-align

以上是“css中什么属性可以继承”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!

css中什么属性可以继承