css复合样式的实现方法

这篇文章主要介绍了css复合样式的实现方法，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

创新互联建站服务项目包括济水街道网站建设、济水街道网站制作、济水街道网页制作以及济水街道网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，济水街道网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到济水街道省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

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

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

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

实践

<!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>

效果图

css复合样式的实现方法

感谢你能够认真阅读完这篇文章，希望小编分享的“css复合样式的实现方法”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!

分享标题：css复合样式的实现方法
本文网址：https://www.cdcxhl.com/article2/gcdooc.html

成都网站建设公司_创新互联，为您提供ChatGPT、关键词优化、网站营销、网站策划、面包屑导航、用户体验

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容