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>
效果图
以上是css复合样式怎么做的详细内容。更多信息请关注PHP中文网其他相关文章!