相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突问题。
在这里会显示的颜色为pink,字体大小为20px。
子标签会继承父标签的某些样式
在这里p标签会显示红字,20px。
行高的继承
当同一个元素指定多个选择器,就会有优先级的产生
p为白色因为继承权重为0,无论父类是什么权重都不继承。
所以如果要给a设置样式就要单独设置一个a的样式。
这里显示的为蓝色,因为权重大。
最终大猪蹄子的颜色为红色,大肘子和猪尾巴为蓝色。
一,CSS中字体颜色的设置:1,代码:color
:
#f00
2,color是颜色的意思,color用来设置一个标签的前景色,表现出来也就是元素文本的颜色;
3,比如给字体加蓝色,可以使用这个样的语句<
span
style
=
color:
#
ff0000;background
-
color:
transparent
">蓝色文字
span
蓝色字母<
span
style
=
color:
#
ff0000;background
-
color:
transparent
">
SPAN
文字的蓝色指定;
二,CSS中字体大小的设置(字体风格):
1,代码:font-size
:
1em
2,font-size
翻译为中文是“字体尺寸”,它的单位一般是px(像素)或em(字体高度)。