前端--关于CSS

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.属性值可以是某个类型的值，写法是一对尖括号<>中间写上类型的名字  例如 <length> 可取20px 30px ...、<color>可取red、blue

其次是关于属性值组合运算符的语法：

1.空格  表示空格分开的属性值都要有而且先后顺序不能乱。

2.&&   表示&&分开的属性值都要有但是先后顺序可以随意。

3.||    表示||分开的属性值至少要出现一个，顺序可以随意。

4.|     表示|分开的属性值只能出现一个

5.[]    []的作用就是分组，把[]当作一个属性值整体

最后是关于数量符号的语法：

1.属性值后面为空表示只能出现一次。

2.属性值后面为+号表示该属性值要出现1次以上

3.属性值后面为？号表示该属性值出现0次或者0次以上

4.属性值后面为{}，{1，3}表示该属性值出现1到3次

5.属性值后面为#表示属性值出现一次或者一次以上，但每个属性值要用逗号，隔开

这些和正则表达式的规则类似。

例如   letter-spacing  值：<length>|normal    表示letter-spacing只能为数字或者关键字normal