Maison > Article > interface Web > 前端关于CSS_html/css_WEB-ITnose
CSS全名层叠样式表,层叠的含义有三个:1.按照特殊性的高低,特殊性高的覆盖特殊性低的样式声明;2.不同属性的样式声明要合并;3.后出现的相同的样式声明覆盖先出现的。所以要改变样式的优先级也有三种方法:1.提升选择器的特殊性;2.改变样式的先后顺序;3.在需要提升优先级的样式声明分号前面加上!important;
层叠样式表实际上也是一种语言--样式设计语言。既然是一种语言,它就会有自己的语法。层叠样式表的语法虽然和HTML一样简单,但没有HTML那么简单粗暴一下就全掌握了。这主要是因为css语法规则涉及内容比HTML多一些,所以先介绍以下3条最基本的语法:
1.一个样式规则由两部分组成:选择器和声明块,声明块用大括号括起来。
2.每个声明块由单个声明组成,单个声明是由冒号分开的属性-值对组成,并以分号结尾(最后一个声明可以不写分号);
3.css注释的写法为/* */,没有双斜线//的注释写法,这点和javascript不同。
例如 h2 {color:red;background-color:blue;}
标准的css参考一般都会有一个关于属性取值的说明,这个属性取值说明也有自己的一套规则写法,这里先简单介绍一下,但不用特别在意这个东西,毕竟自己知道怎么写就行。
首先是关于属性值的语法:
1.属性值可以是关键字 例如 small 、normal等
2.属性值可以是某个类型的值,写法是一对尖括号中间写上类型的名字 例如
其次是关于属性值组合运算符的语法:
1.空格 表示空格分开的属性值都要有而且先后顺序不能乱。
2.&& 表示&&分开的属性值都要有但是先后顺序可以随意。
3.|| 表示||分开的属性值至少要出现一个,顺序可以随意。
4.| 表示|分开的属性值只能出现一个
5.[] []的作用就是分组,把[]当作一个属性值整体
最后是关于数量符号的语法:
1.属性值后面为空表示只能出现一次。
2.属性值后面为+号表示该属性值要出现1次以上
3.属性值后面为?号表示该属性值出现0次或者0次以上
4.属性值后面为{},{1,3}表示该属性值出现1到3次
5.属性值后面为#表示属性值出现一次或者一次以上,但每个属性值要用逗号,隔开
这些和正则表达式的规则类似。
例如 letter-spacing 值: