天天看點

web前端技能方法總結(css、js、jquery、html)(20)

許多CSS屬性要一起使用,其實有不少可以縮寫,可以減少寫CSS的時間。以下舉例:

1、padding-left,padding-right,padding-bottom和padding-top可以不必分别設值,而可以合并成一句:padding:0px 20px 30px 10px; 分别對應了上、右、下、左的補白。注意順序!

2、跟補白一樣,也可以用縮寫指定所有的邊界值。eg: margin:0px,20px,30px,10px; 上、右、下、左(注意順序)

3、如果各側面的補白和邊界值都相等,縮寫就會更簡單:padding:20px; 表明盒子四周的補白都是20像素;

如果上下邊界相同、左右邊界相同,可以這麼縮寫:  margin:0px 20px; 第一個值表示上和下,第二個值表示右和左。
           

4、邊框屬性也可縮寫,把邊框屬性都寫成一個屬性,順序不限。 border:thin solid #007e7e;

5、背景也可縮寫,且順序不限。 background:white url(images/cocktail.gif) repeat-x; 還有另外一些值也可以在縮寫形式中指定,比如background-position.

繼續閱讀