免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

CSS代碼縮寫技巧

2024-04-12    分類: 網站建設

Web網站可用性的關鍵指標是速度,更確切地說,是頁面能以多快的速度出現在訪問者的瀏覽器窗口里。影響速度的因素有很多種,包括Web服務器的速度、訪問者的Internet連接情況,以及瀏覽器必須下載的文件大小。盡管你無法控制服務器和連接的速度,但是你可以控制構成網站Web頁面的文件大小。

為了讓網站能夠更快,Web的建設者都會按常規地壓縮和優化網站上的每一個圖像文件,這常常使得為了將文件的大小減少幾個百分點而犧牲了圖像的質量。由于CSS樣式表是純文本文件,和圖像相比相對較小,所以Web建設者很少考慮采取措施減少其CSS樣式表文件的大小。但是,通過使用CSS縮寫以及其他的一些簡單技巧,你可以在很大程度上減少樣式表的大小。在我對自己樣式表的一次非正式的特別測試中,我把文件的大小降低了大約25-50%。

使用CSS的縮寫性質

CSS的縮寫性質(shorthand property)是一些專用的性質名,用來代替多個相關性質的集合。例如,間隙性質(padding property)是頂部間隙(padding-top)、右側間隙(padding-right)、底部間隙(padding-bottom)和左側間隙(padding-left)的縮寫。

使用速寫性質讓你能夠把多個性質/屬性對(property/attribute pair)壓縮進CSS樣式表的一行代碼里。例如,想一想下面的代碼:

.sample1{

margin-top:15px;

margin-right:20px;

margin-bottom:12px;

margin-left:24px;

padding-top:5px;

padding-right:10px;

padding-bottom:4px;

padding-left:8px;

border-top-width:thin;

border-top-style:solid;

border-top-color:#000000;

}

本文來源于成都網站建設公司與成都網站設計制作公司-創新互聯成都公司!

當前名稱:CSS代碼縮寫技巧
轉載來于:http://m.newbst.com/news35/323385.html

成都網站建設公司_創新互聯,為您提供標簽優化品牌網站建設網站維護小程序開發微信小程序外貿建站

廣告

聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯

商城網站建設