前言:
CSS3提供了很多丰富且实用的规范,得以让网页更加绚丽多彩。因为多了很多新的知识,我学得也没那么全面,经常就多敲了很多多余得代码。
比如CSS3提供了background-size属性,可以设置背景图片的尺寸。因为是新属性,也不知道能不能用background简写,每次我都分开写的,比如:
1
|
background
:
url
(../img/bg.jpg)
no-repeat
top
center
; background-
size
:cover;
|
今天又写background-size属性的时候,突然就想看看到底能不能简写,于是查了一下资料,原来是可以简写的。简写代码如下:
1
|
background
:
url
(../img/bg.jpg)
no-repeat
top
center
/ cover;
|
在 background 里面加个斜杠 “/” ,斜杠前面部分是 background-position 属性的值,后面部分是 background-size 的值。
要注意的是,在这种格式下,background-position 属性一定要写出来,不能省略。