css样式由什么组成

118 阅读 0 评论 78 点赞

我是靠谱客的博主默默金针菇，最近开发中收集的这篇文章主要介绍css样式由什么组成，觉得挺不错的，现在分享给大家，希望可以做个参考。

本教程操作环境：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视频教程

以上就是css样式由什么组成的详细内容，更多请关注靠谱客其它相关文章！

以上就是默默金针菇为你收集整理的css样式由什么组成的全部内容，希望文章能够帮你解决css样式由什么组成所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。