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

    css样式由什么组成

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

    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中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:css
    上一篇:为什么css不起作用 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• css3什么时间推出的• css样式冲突怎么办• css结构化伪类选择器有哪些• css中绝对定位什么意思• 为什么css不起作用
    1/1

    PHP中文网