CSS的选择器和声明使用有什么规则-群英

上一篇：CSS怎样对ul中li的间距进行调整下一篇：用CSS实现判断鼠标进入方向的思路和方法是什么

这篇文章主要介绍“CSS的选择器和声明使用有什么规则”的相关知识，下面会通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“CSS的选择器和声明使用有什么规则”文章能帮助大家解决问题。

css规则的基本格式是“选择器{属性:属性值;}”。“选择器”用于告诉浏览器“{}”包裹的样式将作用于页面中哪些对象，“属性”是CSS提供的设置好的样式选项，“属性值”是用来显示属性效果的参数。

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

样式是 CSS 最小语法单元，每个样式包含两部分内容：选择器和声明（规则），如下图所示。

1) 选择器（Selector）

选择器告诉浏览器该样式将作用于页面中哪些对象，这些对象可以是某个标签、所有网页对象、指定 class 或 id 值等。浏览器在解析这个样式时，根据选择器来渲染对象的显示效果。

2) 声明（Declaration）

声明可以增加一个或者无数个，这些声明告诉浏览器如何去渲染选择器指定的对象。

声明必须包括两部分：属性和属性值，并用分号来标识一个声明的结束，在一个样式中最后一个声明可以省略分号。

所有声明被放置在一对大括号{ }内，然后整体紧邻选择器的后面。

3) 属性（Property）

属性是 CSS 提供的设置好的样式选项。属性名由一个单词或多个单词组成，多个单词之间通过连字符相连。这样能够很直观地表示属性所要设置样式的效果。

4) 属性值（Value）

属性值用来显示属性效果的参数。它包括数值和单位，或者关键字。

【示例1】定义网页字体大小为 12 像素，字体颜色为深灰色，则可以设置如下样式。

body{ font-size: 12px; color: #CCCCCC; }

多个样式可以并列在一起，不需要考虑如何进行分隔。

【示例2】定义段落文本的背景色为紫色，则可以在上面样式基础上定义如下样式。

body{ font-size: 12px; color: #CCCCCC;} p{ background-color: #FF00FF; }

由于 CSS 语言忽略空格（除了选择器内部的空格外），因此可以利用空格来格式化 CSS 源代码，则上面代码可以进行如下美化：

body {
    font-size: 12px;
    color: #CCCCCC;
}
p {
    background-color: #FF00FF;
}

这样在阅读css源代码时就一目了然了，既方便阅读，也更容易维护。

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

【示例3】对于上面样式可以进行如下注释。

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

以上就是关于“CSS的选择器和声明使用有什么规则”的相关知识，感谢各位的阅读，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注群英网络，小编每天都会为大家更新不同的知识。

标签：选择器和声明

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

上一篇：CSS怎样对ul中li的间距进行调整下一篇：用CSS实现判断鼠标进入方向的思路和方法是什么