css基础知识复习与学习(7)

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

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