CSS中的规则是怎么组成的-创新互联

这篇文章主要介绍“CSS中的规则是怎么组成的”，在日常操作中，相信很多人在CSS中的规则是怎么组成的问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”CSS中的规则是怎么组成的”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

CSS和HTML一样都是由W3C制定的标准，本章中介绍的特性和功能还是来源于CSS1和CSS2（CSS2是根据CSS1扩展的）。

CSS3是什么

W3C也有新的版本更新，称为CSS3。虽然浏览器已经准备开始实现CSS3某些方面的内容，但当前浏览器仍然无法支持某些特性。一张样式表由样式规则组成，以告诉浏览器怎样去呈现一个文档。

CSS的规则主要由“选择器”和“声明”两部分组成，选择器指定声明应用于哪个或哪些元素（后面有详细讲解）。例如，任何HTML元素都可以是一个CSS的选择器，选择器仅仅是指向特别样式的元素。

声名的定义

声明则是用于定义样式的元素，它用于设置HTML元素的样式。如果声明和选择器一起使用，就需要将声明的部分使用“｛｝”组织在一起。声明中可以用多个样式属性，为通过该选择器找到的HTML元素叠加样式，每个样式元素都是由以冒号隔开的两部分组成的（属性:值）。

属性是希望影响的所选元素的特性，每个属性带一个值，共同地描述选择器应该如何呈现。

属性和值之间使用冒号（:）连接，多个属性的复合样式声明之间应该用分号（;）隔开，最后一个属性的值后面可以不用分号。如果同一个样式属性出现两次以上，则使用后者。

如果直接在HTML元素中使用style属性声明样式，则不需要使用“｛｝”，而是直接将多个层叠样式元素声明在style属性的双引号中即可。

CSS注释

样式表里面的注释使用C语言编程中一样的约定方法去指定，注释的内容会被浏览器忽略，可用于为样式表加注解及调试使用。

长度单位

有很多样式属性的值都有长度单位，例如fontsize、width、height、border-width等。一个长度的值由可选的正号“”或负号“-”、接着的一个数字、表示单位的两个字母组成。

在一个长度的值之中是没有空格的，例如，1.3em就不是一个有效的长度的值，但1.3em就是有效的。一个为零的长度不需要两个字母的单位声明。无论是相对值还是绝对值长度，CSS都支持。

相对值单位确定一个相对于另一长度属性的长度，因为它能更好地适应不同的媒体，所以是选的。CSS中有很多专有的属性单位，也有很多能够用于大量属性的常规单位。

到此，关于“CSS中的规则是怎么组成的”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！