關於CSS網頁樣式設計方法

來源:文萃谷 1.87W

一.使用css縮寫

關於CSS網頁樣式設計方法

使用縮寫可以幫助減少你CSS文件的大小,更加容易閲讀。css縮寫的主要規則請參看《常用css縮寫語法結見附》,這裏就不展開描述。

二.明確定義單位,除非值為0

忘記定義尺寸的單位是CSS新手普遍的錯誤。在HTML中你可以只寫width="100",但是在CSS中,你必須給一個準確的單位,比如: width:100px width:100em。只有兩個例外情況可以不定義單位:行高和0值。除此以外,其他值都必須緊跟單位,注意,不要在數值和單位之間加空格。

三.區分大小寫

當在XHTML中使用CSS,CSS裏定義的元素名稱是區分大小寫的`。為了避免這種錯誤,我建議所有的定義名稱都採用小寫。

class和id的值在HTML和XHTML中也是區分大小寫的,如果你一定要大小寫旌閒矗?胱邢溉啡夏閽贑SS的定義和XHTML裏的標籤是一致的。

四.取消class和id前的元素限定當你寫給一個元素定義class或者id,你可以省略前面的元素限定,因為ID在一個頁面裏是唯一的,而clas s可以在頁面中多次使用。你限定某個元素毫無意義。例如:

div#content?{?/*?declarations?*/?}?

ils?{?/*?declarations?*/?}?

熱門標籤