CSS之（font&background ）属性简写

font 简写属性在一个声明中设置所有字体属性

字体属性主要包括下面几个

font-style（字体样式）：normal（正常）、italic（斜体）、oblique（倾斜）；

font-variant (字体变化)： normal（正常）、small-caps（小体大写字母）；

font-weight (字体粗细)：normal（正常）、bold（加粗）。有些浏览器甚至支持采用100到900之间的数字（以百为单位）；

font-size（字体大小）：可通过多种不同单位（比如像素或百分比等）来设置, 如：12px，12pt，120%，1em；

font-family（字体类型）：“Arial”、“Times New Roman”等；

如果用 font 属性的话，就可以把几个样式进行简化，减少书写的情况；font 属性的值应按以下次序书写(各个属性之间用空格隔开)：

font：font-style | font-variant | font-weight | font-size/line-height | font-family

---

background 简写属性在一个声明中设置所有背景属性

在CSS2.1里，background属性的简写方式包含五种属性值，从CSS3开始，又增加了3个新的属性值，加起来一共8个。

background:  

[background-color]  背景颜色

[background-image]  背景图像

[background-repeat]  规定图像重复

[background-attachment]  规定滚动方式

[background-position] / [ background-size]  背景图像的定位和尺寸

[background-origin]  定位区域

[background-clip]  绘制区域

---

CSS2.1

background-color：使用的背景颜色。

background-image：使用的背景图像。

background-repeat：如何重复背景图像。

background-attachment：背景图像是否固定或者随着页面的其余部分滚动。

background-position：背景图像的位置。

CSS3

background-size：背景图片的尺寸。

background-origin：背景图片的定位区域。

background-clip：背景的绘制区域。

简写形式：

background: bg-color | bg-image | bg-repeat | bg-attachment | bg-position/bg-size | bg-origin | bg-clip；

或

background: bg-color  bg-image  bg-repeat  bg-position/bg-size  bg-origin  bg-clip  bg-attachment  initial | inherit；

需要注意的是里面的/，它和font以及border-radius里简写方式使用的/用法相似。/可以在支持这种写法的浏览器里在background-position后面接着写background-size。