css代碼縮寫技巧介紹

大家知道css代碼縮寫技巧嗎?下面我們就給大家詳細介紹一下吧!我們積累了一些經驗，在此拿出來與大家分享下，請大家互相指正。

CSS代碼縮寫可以提高你寫代碼的速度，精簡你的代碼量。在CSS裡面有不少可以縮寫的屬性，包括margin，padding，border，font，background和顏色值等，如果您學會了代碼縮寫，原本這樣的代碼：

li{

font-family:Arial, Helvetica, sans-serif;

font-size: 1.2em;

line-height: 1.4em;

padding-top:5px;

padding-bottom:10px;

padding-left:5px;

}

就可以縮寫為：

li{

font: 1.2em/1.4em Arial, Helvetica, sans-serif;

padding:5px 0 10px 5px;

}

相信大家已經學會css代碼縮寫技巧了吧!感謝大家對我們網站的支持!

相關推薦：

css非全局Reset的技巧簡介