• 技术文章 >web前端 >css教程

    css样式由什么组成

    醉折花枝作酒筹醉折花枝作酒筹2021-07-15 11:20:09原创103

    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视频教程

    以上就是css样式由什么组成的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css
    上一篇:为什么css不起作用 下一篇:css上边距怎么设置
    VIP会员

    相关文章推荐

    • css3什么时间推出的• css样式冲突怎么办• css结构化伪类选择器有哪些• css中绝对定位什么意思• 为什么css不起作用

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网