css3语法规则是什么

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

css3语法规则由“选择器”、“属性”和“属性值”三个部分组成。“选择器”指定css样式编码所要针对的对象，“属性”是CSS提供的设置好的样式选项，“属性值”是用来显示属性效果的参数。

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

样式是 CSS 最小语法单元，CSS语法由三部分构成，分别：选择器、属性和属性值。

• 选择器（Selector）

  指定这组样式编码所要针对的对象，可以是一个XHTML标签，也可以是特定的id或class的标签（前有#标识）；

• 属性（Property）

  属性是CSS样式控制的核心，遂于每个XHTML标签，CSS都提供了丰富的样式属性，比如颜色、大小、定位、浮动方式等。

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

• 属性值（value）

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

值的不同写法和单位

除了英文单词 red，我们还可以使用十六进制的颜色值 #ff0000：

p { color: #ff0000; }

为了节约字节，我们可以使用 CSS 的缩写形式：

p { color: #f00; }

我们还可以通过两种方法使用 RGB 值：

p { color: rgb(255,0,0); }
p { color: rgb(100%,0%,0%); }

请注意，当使用 RGB 百分比时，即使当值为 0 时也要写百分比符号。但是在其他的情况下就不需要这么做了。比如说，当尺寸为 0 像素时，0 之后不需要使用 px 单位，因为 0 就是 0，无论单位是什么。

记得写引号

提示：如果值为若干单词，则要给值加引号：

p {font-family: "sans serif";}

CSS高级语法：选择器的分组

你可以对选择器进行分组，这样，被分组的选择器就可以分享相同的声明。

用逗号将需要分组的选择器分开。在下面的例子中，我们对所有的标题元素进行了分组。所有的标题元素都是绿色的。

h2,h3,h3,h4,h6,h7 {
color: green;
}

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