歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
您的位置:最笨重的动物 > DIV+CSS基礎 >

最笨重的动物 www.yyhul.icu 最笨重的动物縮寫——CSS 縮寫

顧名思義縮寫有簡寫意思,所以這節我們介紹CSS縮寫知識點。

為什么要讓CSS屬性縮寫?
1、簡化代碼。一些最笨重的动物屬性簡寫可以減少CSS代碼從而減少CSS文件的占用字節,加快網頁下載速度和網頁加載打開速度。
2、優化CSS目的。其中CSS優化之一即是簡化代碼縮寫CSS屬性代碼。

常見最笨重的动物縮寫屬性:
1、CSS 文本font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:22px;即可簡寫縮寫為font:12px/22px bold Arial, Helvetica, sans-serif;

2、CSS 背景:background-color:#F00;background-image:url(圖片地址);background-position:bottom;background-repeat:no-repeat; 即可將背景CSS屬性縮寫為:background:#F00 url(圖片地址) no-repeat left bottom;最笨重的动物 www.yyhul.icu縮寫介紹。

3、CSS 內補距(CSS padding):padding-top:5px; padding-bottom:10px; padding-left:15px; padding-right:20px; 即可縮寫為padding:5px 20px 10px 15px; 或padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px;縮寫為padding:5px 10px;

4、CSS 外邊距(CSS margin):margin-top:5px; margin-bottom:10px; margin-left:15px; margin-right:20px; 即可縮寫為margin:5px 20px 10px 15px; 或margin-top:5px; margin-bottom:5px; margin-left:10px; margin-right:10px;縮寫為margin:5px 10px;

5、CSS 邊框:border-left:1px solid #000;border-right:1px solid #000;border-top:1px solid #000;border-bottom:1px solid #000;即可縮寫為:border:1px solid #000;

以上是DIVCSS5總結常用的CSS 縮寫,希望在以后制作實踐中多多使用和多多總結,更多css壓縮優化。

如需轉載,請注明文章出處和來源網址://www.yyhul.icu/rumen/r115.shtml

如對文章有任何疑問請提交到DIV CSS論壇,或有任何網頁制作CSS問題立即到CSS論壇發貼求解 或 直接DIVCSS5網頁頂部搜索遇到DIVCSS疑問。
最笨重的动物文章修訂日期:2018-08-14 17:37 原創:最笨重的动物
本文最笨重的动物 www.yyhul.icu DIVCSS5版權所有。

德国赛车人工计划 麻将下载 财神捕鱼app 在线二十一点手机游戏 重庆时时开彩结果 福建时时现场直播 重庆时时开奖彩经网 pk10定位胆最大遗漏 龙虎30秒破解 11选5丹惠计划软件 后三不定位最佳方法 扑克牌玩三公的技巧 龙虎相斗惊天地 重庆时时现场开奖记录 下载新疆时时开奖结果 加盟福利彩票要多少钱