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

    css复合样式怎么做

    藏色散人藏色散人2021-02-18 09:29:56原创116

    css复合样式的写法是通过空格的方式实现的;复合写法有的是不需要关心顺序,例如“background、border”;有的是需要关心顺序,例如“font”。

    本文操作环境:windows7系统、css3版,DELL G3电脑。

    CSS复合样式

    一个CSS属性只控制一种样式,叫做单一样式。

    一个CSS属性控制多种样式,叫做复合样式。

    复合样式

    复合的写法,是通过空格的方式实现的。复合写法有的是不需要关心顺序,例如background、border;有的是需要关心顺序,例如font。

    1、backgroud :red url() repeat 0 0;
    2、border:1px red solid;
    3、font:

    注:最少需要两个值:size family

    weight style size family
    style weight size family
    weight style size/line-height family

    注:尽量不要混写,如果非要混写,那么一定要先写复合样式再写单一样式。

    推荐:《css视频教程

    实践

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>CSS复合样式</title>
        <style>
            div {
                width: 300px;
                height: 300px;
                background: greenyellow url("img/gougou.jpg") no-repeat center center;
                border: dashed 2px blue;
                font:  bold italic 30px/50px 宋体;
            }
        </style>
    </head>
    <body>
    <div>
        MW
    </div>
    </body>
    </html>

    效果图

    a6be0f5f49c78b53fe31406ba36e5e0.png

    以上就是css复合样式怎么做的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:css
    上一篇:css 怎么去掉按钮样式 下一篇:css里的rgb怎么用
    第15期线上培训班

    相关文章推荐

    • 详细了解CSS3中的border-image-slice属性• 浅谈CSS3 Grid网格布局(display: grid)的用法• CSS中如何使用@规则?用法介绍• 怎么让CSS文件里图片居中• css 怎么去掉按钮样式

    全部评论我要评论

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

    PHP中文网