css的语法
今天开始学习css的语法这一块。
- css的声明
所谓的声明,就是要能把一件事情说明白,讲清楚。所以说css的声明就是能够说明一个css代码要干什么。下面我们来看看css声明长什么样。上面的代码就是一个完整的css声明。它要做的就是告诉浏览器,对应的标签的字体大小是18px;1
font-size: 18px;
接下来我们认识一下声明的每一部分内容。font-size所在的这一部分,就叫做属性,18px叫做属性值。它们两个用冒号隔开。
另请大家做好准备,css有超过300个属性,这300多个属性又有n多个属性值。足够大家区细细研究。 - 声明块
相信学完声明,再来学习声明块就很好理解了。声明块就是多个声明的集合嘛。
声明块被包裹在’{}’中,内有多个声明,每个声明都会用分号隔开。不隔开浏览器解析时不知道你的块有没有结束,一直往下走,走到最后时,被搞晕了,就不起作用了。所以一定要记得在每一个声明后面加上分号。
当然,最后一个声明块不加分号也没问题,因为浏览一看后面没有声明了,还能看懂,就给你解析了。
但为了代码整齐好看,还是加上比较好点。
其实声明块在前面的标签选择器中大家已经见过很多了。不过现在还是再举一个例子吧。如上,就是一个p标签的声明块。1
2
3
4
5p{
background: #e784432;
font-size: 20px;
color: red;
} - @规则
此处提及一下@规则。有个影响。大家知道就好。
@-规则(At-rules)在CSS中被用来传递元数据、条件信息或其它描述性信息。
有以下几个:
@charset 指定样式表中使用的字符编码。它必须是样式表中的第一个元素,而前面不得有任何字符。
@import 导入其它的样式文件。
@media 媒体查询
@document 根据文档的URL限制其中包含的样式规则
@font-face 为网页制定特定的字体。
现在大家知道这些属性的存在就可以,后面我们详细讨论。 - Css的注释
注释在代码中也是非常重要的。css中有斜线包裹*来注释。如下:1
/*这里时被注释的css代码*/