2、同一屬性的縮寫:
同一屬性根據(jù)它的屬性值也可以進行簡寫,如:
.search { background-color:#333; background-image:url(../images/icon.gif); background-repeat: no-repeat; background-position:50% 50%; } .search { background:#333 url(../images/icon.gif) no-repeat 50% 50%; }
3、內(nèi)外側(cè)邊框的縮寫:
在CSS中關(guān)于內(nèi)外側(cè)邊框的距離是按照上、右、下、左的順序來排列的,當(dāng)這四個屬性值不同時也可直接縮寫,如:
.btn { margin-top:10px; margin-right:8px; margin-bottom:12px; margin-left:5px; padding-top:10px; padding-right:8px; padding-bottom:12px; padding-left:8px; }
則可縮寫為:
.btn { Margin:10px 8px 12px 5px; Padding:10px 8px 12px 5px; }
而如果當(dāng)上邊與下邊、左邊與右邊的邊框?qū)傩灾迪嗤瑫r,則屬性值可以直接縮寫為兩個,如:
.btn { margin-top:10px; margin-right:5px; margin-bottom:10px; margin-left:5px; }
縮寫為:
.btn {margin:10px 5px;}
而當(dāng)上下左右四個邊框的屬性值都相同時,則可以直接縮寫成一個,如:
.btn { margin-top:10px; margin-right:10px; margin-bottom:10px; margin-left:10px; }
縮寫為:
.btn{margin:10px;}
上一頁 [1] [2] [3] [4] [5] 下一頁 |