border-bottom:1px solid #000;
虽然并没减少多少代码,但暴风彬彬建议写成这样:
border:1px solid #000;
border-width:0 1px 1px 0;
先设置四个边的默认风格,然后声明具体的哪个边要显示。
文字
文字属性也有很多可能会用到的属性值,像背景一样,你可能会声明这种复杂的文字样式:
font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:1em;
line-height:150%;
font-family:宋体, Arial, sans-serif;
其实可以优化成一行:
font:italic small-caps bold 1em/150% 宋体, Arial, sans-serif;
列表
list-style-type:square;
list-style-position:inside;
list-style-image:url(filename.gif);
可以写成:
list-style:square inside url(filename.gif);
希望暴风彬彬总结的这10个CSS缩写技巧能对你的CSS书写有所帮助
|