css样式是由什么组成的

本篇内容主要讲解“css样式是由什么组成的”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“css样式是由什么组成的”吧!

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

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

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

selector {property: value}

选择器{属性:属性值}

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

例：

body {color: blue}

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

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

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

选择器 .div1

属性 width 值 100px

属性 height 值 200px

到此，相信大家对“css样式是由什么组成的”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！