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中有斜线包裹*来注释。如下:

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181206G1MKDV00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券