Rumah > Artikel > hujung hadapan web > css复合样式怎么做
css复合样式怎么做
- 藏色散人asal
- 2021-02-18 09:29:563477semak imbas
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>效果图
Atas ialah kandungan terperinci css复合样式怎么做. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css 怎么去掉按钮样式Artikel seterusnya：css里的rgb怎么用