在前面的文章中,我們提到了用什麼軟體來編寫CSS檔案。今天我們來看一些介紹:如何才能高效的進行CSS編碼?
CSS網頁布局開發應該使用什麼軟體比較好
CSS 被吹捧的好處之一就是它能減小頁面大小,由此縮短下載時間,不僅僅是首頁的載入,還包括樣式表被緩衝以後,後續頁面的載入也被加快了的那部分時間。這沒錯,但首頁載入時間的縮短几乎看不出來,這是因為 CSS 代碼往往過於冗長了。
好吧,現在一切都不同了。學點高效地進行 CSS 編碼的技巧吧,讓你把樣式表馬上裁減到最小為止。自然,你可能看不到什麼驚人的改變,但對於大站來說,微小的位元組減少也很重要。
有很多地方可以減少代碼的長度,包括 簡記屬性 (shorthand properties), 多重聲明 (multiple declarations),預設值 (default values), 繼承 (inheritance),和空白 (white space)。
簡記屬性
Zeroing page margins 提到了一組這樣的簡記屬性,但對於此還有更多的。
通常簡記屬性包括:
font (控制 "font-size", "font-weight", "line-height", 等等) background (控制元素的背景,置放位置,重複次數,等等)
list-style (設定列表元素前邊那個“原點”的屬性)
margin (定義 box 各側的邊緣空白 (margin) 寬度)
border (定義 box 邊界 (border) 的屬性 有很多和邊界有關的簡記屬性) padding (定義 box 各側的補白 (padding) 寬度)
上述項目是連結至 W3C CSS 2 規範 的相關章節的。
例如, font 屬性 是用於同時設定 font-style, font-variant, font-weight, font-size, line-height, 和 font-family 的簡記屬性。當然,它們並非全都必須寫在簡記屬性中。一旦在簡記屬性中忽略了其中某個,那些缺失的屬性都將被設定為它們的 初始值,就像 W3C 規範 中 font property 一節提到的那樣。若需要控制很多和字型相關的屬性,使用這個簡記屬性就可以省下樣式表中的大量位元組了。