css的color属性有继承性吗?
css color属性有继承性。继承性是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代;而color属性可以继承,例用color设置给p标签设置某种颜色,该颜色样式不仅应用p标签,还应用于p标签中的所有子元素标签。
继承性是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。
css color属性有继承性。
比如下面代码:设置某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span
标签和i
标签。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> p { color: red; } </style> </head> <body> <p>三年级时,我还是一个<span>胆小如鼠</span>的<i>小女孩</i>。</p> </body> </html>
说明: 在CSS中,一般以text-、font-、line- 开头的属性都是可以继承的。
例:
1、可以继承的文本系列属性
text-indent:文本缩进
text-align:文本水平对齐
line-height:行高
word-spacing:增加或减少单词间的空白(即字间隔)
letter-spacing:增加或减少字符间的空白(字符间距)
text-transform:控制文本大小写
direction:规定文本的书写方向
color:文本颜色
2、可以继承的字体系列属性
font:组合字体
font-family:规定元素的字体系列
font-weight:设置字体的粗细
font-size:设置字体的尺寸
font-style:定义字体的风格
font-variant:设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。
font-stretch:对当前的 font-family 进行伸缩变形。所有主流浏览器都不支持。
font-size-adjust:为某个元素规定一个 aspect 值,这样就可以保持首选字体的 x-height。
更多编程相关知识,请访问:编程学习!!
以上就是css的color属性有继承性吗?的详细内容,更多请关注其它相关文章!
上一篇: 圣杯布局(grid版)
下一篇: html中aside是什么意思
推荐阅读
-
浅析CSS3中鲜为人知的属性:-webkit-tap-highlight-color
-
你知道@RequestMapping的name属性有什么用吗?【享学Spring MVC】
-
浅析CSS3中鲜为人知的属性:-webkit-tap-highlight-color
-
css3新增属性有哪些?css3中常用的新增属性总结
-
Css中color属性的几种表达方法
-
Css代码中color属性的几种常见用法及区别
-
Re: js或css里有让图片旋转角度的控制吗?(45度,12度) CSS
-
知道css有个content属性吗?有什么作用?有什么应用?
-
浅析CSS3中鲜为人知的属性:-webkit-tap-highlight-color
-
超链接标签a里面,有mon这个属性吗?求解_html/css_WEB-ITnose