border-bottom:1px solid #000;
雖然并沒減少多少代碼,但暴風(fēng)彬彬建議寫成這樣:
border:1px solid #000;
border-width:0 1px 1px 0;
先設(shè)置四個(gè)邊的默認(rèn)風(fēng)格,然后聲明具體的哪個(gè)邊要顯示。
文字
文字屬性也有很多可能會(huì)用到的屬性值,像背景一樣,你可能會(huì)聲明這種復(fù)雜的文字樣式:
font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:1em;
line-height:150%;
font-family:宋體, Arial, sans-serif;
其實(shí)可以優(yōu)化成一行:
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);
希望暴風(fēng)彬彬總結(jié)的這10個(gè)CSS縮寫技巧能對(duì)你的CSS書寫有所幫助
|