欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

css样式由什么组成

程序员文章站 2022-04-02 12:16:45
...

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

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