CSS超級技巧大放送(4)

css|技巧 十.不需要給背景圖片路徑加引號

為了節省位元組，我建議不要給背景圖片路徑加引號，因為引號不是必須的。例如：

background:url(images/***.gif) #333;

可以寫為

background:url(images/***.gif) #333;

如果你加了引號，反而會引起一些瀏覽器的錯誤。

十一.組選取器(Group selectors)

當一些元素類型、class或者id都有共同的一些屬性，你就可以使用組選取器來避免多次的重複定義。這可以節省不少位元組。

例如：定義所有標題的字型、顏色和margin，你可以這樣寫：

h1,h2,h3,h4,h5,h6 {
font-family:Lucida Grande,Lucida,Arial,Helvetica,sans-serif;
color:#333;
margin:1em 0;
}

如果在使用時，有個別元素需要定義獨立樣式，你可以再加上新的定義，可以覆蓋老的定義，例如：

h1 { font-size:2em; }
h2 { font-size:1.6em; }

十二.用正確的順序指定連結的樣式

當你用CSS來定義連結的多個狀態樣式時，要注意它們書寫的順序，正確的順序是：:link :visited :hover :active。抽取第一個字母是LVHA，你可以記憶成LoVe HAte(喜歡討厭)。為什麼這麼定義，可以參考Eric Meyer的《Link Specificity》。

如果你的使用者需要用鍵盤來控制，需要知道當前連結的焦點，你還可以定義:focus屬性。:focus屬性的效果也取決與你書寫的位置，如果你希望聚焦元素顯示:hover效果，你就把:focus寫在:hover前面；如果你希望聚焦效果替代:hover效果，你就把:focus放在:hover後面。