css基础知识 css的语法

css基础知识复习与学习（7）

css的语法

今天开始学习css的语法这一块。

css的声明

所谓的声明，就是要能把一件事情说明白，讲清楚。所以说css的声明就是能够说明一个css代码要干什么。下面我们来看看css声明长什么样。

上面的代码就是一个完整的css声明。它要做的就是告诉浏览器，对应的标签的字体大小是18px；

接下来我们认识一下声明的每一部分内容。font-size所在的这一部分，就叫做属性，18px叫做属性值。它们两个用冒号隔开。

另请大家做好准备，css有超过300个属性，这300多个属性又有n多个属性值。足够大家区细细研究。

声明块

相信学完声明，再来学习声明块就很好理解了。声明块就是多个声明的集合嘛。

声明块被包裹在’{}’中，内有多个声明，每个声明都会用分号隔开。不隔开浏览器解析时不知道你的块有没有结束，一直往下走，走到最后时，被搞晕了，就不起作用了。所以一定要记得在每一个声明后面加上分号。

当然，最后一个声明块不加分号也没问题，因为浏览一看后面没有声明了，还能看懂，就给你解析了。

但为了代码整齐好看，还是加上比较好点。

其实声明块在前面的标签选择器中大家已经见过很多了。不过现在还是再举一个例子吧。

如上，就是一个p标签的声明块。

@规则

此处提及一下@规则。有个影响。大家知道就好。

@-规则(At-rules)在CSS中被用来传递元数据、条件信息或其它描述性信息。

有以下几个：

@charset 指定样式表中使用的字符编码。它必须是样式表中的第一个元素，而前面不得有任何字符。

@import 导入其它的样式文件。

@media 媒体查询

@document 根据文档的URL限制其中包含的样式规则

@font-face 为网页制定特定的字体。

现在大家知道这些属性的存在就可以，后面我们详细讨论。

Css的注释

注释在代码中也是非常重要的。css中有斜线包裹*来注释。如下：