css样式简写

共计 637 个字符，预计需要花费 2 分钟才能阅读完成。

css 样式简写
background 简写
简写公式:
background: [background-color] [background-image] background-repeat [background-position] / background-size [background-clip];
在 css2.1 的 background 的简写公式中只有 color、image、repeat、attachment、position 五个属性，在 css3 中加入了 size、origin 和 clip，其中的 ’/’ 表示在支持 ’/’ 写法的浏览器中可以接着继续写 background-size 属性
example

.example {
background: red url(‘../back.png’) no-repeat scroll center center / 50% content-box content-box;
}
font 简写
简写公式
font:[font-style] [font-weight] [font-size] / [line-height] [font-family]
“/” 的作用类似于 background
example
.myFont {
font: normal bold 20px / 24px “Microsoft YaHei”;
}
border 简写
简写公式
border:[border-width] [border-style] [border-color]
example
.box {
border: 1px solid #000000;
}