css声明语句总是以什么结束-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

CSS规则由两个主要的部分构成：选择器，以及一条或多条声明。选择器就是需要改变样式的HTML元素；每条声明由一个属性和一个值组成，css声明语句总是以分号“;”结束，声明组以大括号“{…}”括起来。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。

CSS 声明总是以分号 ; 结束，声明组以大括号 {…} 括起来。为了让 CSS 可读性更强，可以每行只描述一个属性。

例：

p
/*选择器*/
{
    color:red;/*属性+值*/
    text-indent:2em;
}

CSS的id选择器和class 选择器

id 选择器

/* 注意：id选择器前有 # 号。 */
#sky{
  color: blue;
}

1 2	`<p id="sky">蓝色的天空</p>` `<p id="forest">绿色的森林</p>`

这条规则表明，找到页面上id为sky的那个元素让它呈现蓝色，如下所示的页面，蓝色的天空这几个字就将会是蓝色的。id选择器适用范围只有一个元素。

class 选择器

/* 注意：class选择器前有 . 号。 */
.center{
  text-align: center;
}
.large{
  font-size: 30px;
}
.red{
  color: red;
}

<p class="center">我会居中显示的</p>
<p class="red">我是红色的</p>
<p class="center large red">我又红又大还居中</p>
<p class="red">我也可以是红的</p>

元素的class值可以有多个，也可以重复。class选择器应用非常普遍。

css注释

任何语言都需要注释，HTML 使用<!- 注释语句-> 来进行注释，而 CSS 使用/* 注释语句 */来进行注释。

body {  /*页面基本属性*/
    font-size: 12px;
    color: #CCCCCC;
}
/*段落文本基础属性*/
p {
    background-color: #FF00FF;
}

注释作用：

CSS注释有着注解说明之用，常常我们使用CSS注解进行对CSS代码或布局CSS样式进行特别说明批注。也有条件注释进行功能性的使用。

css注解（css 注释）可以帮助我们对自己写的CSS文件进行说明，如说明某段CSS代码是什么地方、功能、样式等说明，以便我们以后维护具有一看即懂的方便性，同时在团队开发网页是时候合理适当的注解有利于团队看懂css样式是对应html哪里的，以便顺利快速开发div css网页。

（学习视频分享：css视频教程）

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者