Rumah  >  Artikel  >  hujung hadapan web  >  css的color属性有继承性吗?

css的color属性有继承性吗?

青灯夜游
青灯夜游asal
2020-11-17 16:06:213370semak imbas

css color属性有继承性。继承性是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代;而color属性可以继承,例用color设置给p标签设置某种颜色,该颜色样式不仅应用p标签,还应用于p标签中的所有子元素标签。

css的color属性有继承性吗?

继承性是一种规则,它允许样式不仅应用于某个特定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>

1.png

说明: 在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。

更多编程相关知识,请访问:编程学习!!

Atas ialah kandungan terperinci css的color属性有继承性吗?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:css比html更复杂为什么还要用?Artikel seterusnya:ie7兼容css3吗?