2、同一屬性的縮寫(xiě):
同一屬性根據(jù)它的屬性值也可以進(jìn)行簡(jiǎn)寫(xiě),如:
.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è)邊框的縮寫(xiě):
在CSS中關(guān)于內(nèi)外側(cè)邊框的距離是按照上、右、下、左的順序來(lái)排列的,當(dāng)這四個(gè)屬性值不同時(shí)也可直接縮寫(xiě),如:
.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; }
則可縮寫(xiě)為:
.btn { Margin:10px 8px 12px 5px; Padding:10px 8px 12px 5px; }
而如果當(dāng)上邊與下邊、左邊與右邊的邊框?qū)傩灾迪嗤瑫r(shí),則屬性值可以直接縮寫(xiě)為兩個(gè),如:
.btn { margin-top:10px; margin-right:5px; margin-bottom:10px; margin-left:5px; }
縮寫(xiě)為:
.btn {margin:10px 5px;}
而當(dāng)上下左右四個(gè)邊框的屬性值都相同時(shí),則可以直接縮寫(xiě)成一個(gè),如:
.btn { margin-top:10px; margin-right:10px; margin-bottom:10px; margin-left:10px; }
縮寫(xiě)為:
.btn{margin:10px;}
上一頁(yè) [1] [2] [3] [4] [5] 下一頁(yè) |