css3语法规则由什么组成

登录注册

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

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高级语法：选择器的分组

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

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

h1,h2,h2,h3,h5,h6 {color: green;}

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