首页 >web前端 >前端问答 >css3语法规则由什么组成

css3语法规则由什么组成

青灯夜游
青灯夜游原创
2021-12-15 17:21:002581浏览

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

css3语法规则由什么组成

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

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

1.gif

  • 选择器(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视频教程

以上是css3语法规则由什么组成的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn