CSS常用简写属性的属性值顺序

时间:2021-10-08 20:28:51

border

边框样式常用属性是:边框宽度、样式、颜色,在简写属性中。属性一般按照上述顺序,多个属性值之间用空格隔开。例:border:1px solid #ff0000

font

字体样式常用属性的有:字体大小、行高、字体系列、字体粗细。在简写属性中,属性一般按照如下顺序:字体粗细、字体大小、字体系列,多个属性值之间用空格隔开,行高一般与字体大小连在一起,中间以/ 分隔。例:font: bold 16px/20px sans-serif
注意:如果字体粗细属性写在字体系列属性后面,会导致字体样式异常

background

背景样式常用的属性有:背景颜色、背景图像位置、背景图像如何重复、背景图像,在简写属性中,属性一般按照如下顺序:背景颜色、背景图像位置、背景图像如何重复、背景图像,多个属性值之间用空格隔开。例:background:#00ff00 center center no-repeat url(../girl.png)