css的三大特性:层叠,继承、优先级以及权重的计算

html-css021

css的三大特性:层叠,继承、优先级以及权重的计算,第1张

三大特性:层叠性、继承性、优先级

相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突问题。

在这里会显示的颜色为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(字体高度)。