当前位置 : 主页 > 编程语言 > 其它开发 >

CSS中的特性

来源:互联网 收集:自由互联 发布时间:2022-07-20
CSS的特性,这不就是说这个玩意有什么不一样的地方吗? 好吧,她确实有! 第一个就是他的继承性,儿子跟着她老子姓,这个大家都能理解吧,但是儿子整个名字又不能都和她老子的

CSS的特性,这不就是说这个玩意有什么不一样的地方吗?

好吧,她确实有!

第一个就是他的继承性,儿子跟着她老子姓,这个大家都能理解吧,但是儿子整个名字又不能都和她老子的一样。

所以在CSS她的特性就是,凡是有关字的东西,比如字的大小(font-size) 颜色(color) 样式(font-style) 字体(font-family) 粗细(font-weight) 改字所在行的行高(line-height) 该字所在的段落的缩进(text-indent) 段落的水平对齐(text-align)等

 

这个作用就是,你可以利用继承来少写点代码,比如父元素和子元素的字体大小都是一样的,那么你可以只在父元素中写,子元素就直接继承了。

例子,去掉列表前面的符号,直接在ul标签中设置属性list-style:none即可

也可以直接body标签设置字体的大小,用来控制不同浏览器中显示的字体大小

 

当然,有的时候我门并不想她继承怎么办呢?可以使用她的另一个特性:层叠性

 

层叠性就是你对同一个标签设置同一种类型同一个样式,那他只会使用最后那一个样式

 

 

如果是使用不同的选择器对同一个标签设置不同类型的样式,那么他会把所有的样式都叠加在那个标签上面。

 

 

卧槽!没想到CSS还有一个特性,那就是优先级

这个我觉得很好理解啊,凡是都有个老大嘛,CSS的优先级顺序真的很简单!

从具体到广泛:行内样式>id选择器>class(类名选择器)>标签选择器>通配符选择器>继承(差点把这个给忘记了)

 

一般在实际使用中,我们都是使用很多使用复合选择器,那么当我们使用复合选择器时,考虑层叠性最后会呈现什么样式呢?

比如复合选择器有三个选择器:id>class>标签  id>id>id 那么很显然第二个能显示,因为第二个有三个大儿子,而第一个只有一个大儿子+一个二儿子+一个三儿子,这打起架来怎么打得过啊!

 

从一个小白开始做起,努力做一个美国总统
网友评论