css样式由什么组成-木庄网络博客

本文摘自PHP中文网，作者醉折花枝作酒筹，侵删。

CSS样式由选择器、属性和值三部分构成。选择器通常是你希望定义的HTML元素或标签，属性是你希望改变的属性，并且每个属性都有一个值。属性和值被冒号分开，并由花括号包围，这样就组成了一个完整的样式声明。

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

CSS语法由三部分构成，分别：选择器、属性和值。

1	`selector {property: value}`

选择器{属性:属性值}

选择器 (selector) 通常是你希望定义的 HTML 元素或标签，属性 (property) 是你希望改变的属性，并且每个属性都有一个值。属性和值被冒号分开，并由花括号包围，这样就组成了一个完整的样式声明（declaration）。

例：

1	`body {color:` `blue}`

上面这行代码的作用是将 body 元素内的文字颜色定义为蓝色。在上述例子中，body 是选择器，而包括在花括号内的的部分是声明。声明依次由两部分构成：属性和值，color 为属性，blue 为值。

css代码由选择器，以及一条或多条声明构成，声明又由属性和值构成。也可以说css代码由选择器、属性、值构成，如下面的代码示例：

选择器 {
    属性1: 值1;
    属性2: 值2;
    ……
}
.div1 {
    width: 100px;
    height: 200px;
}

选择器 .div1

属性 width 值 100px

属性 height 值 200px

推荐学习：css视频教程

以上就是css样式由什么组成的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者