網站制作越簡單越好(四):明確CSS定義單位、區分CSS元素大小寫、取消class和id前的元素限定 、CSS元素默認值、CSS優先級

(1)
主頁 > SEO > SEO技術 > 閱讀: 作者: CRAZYSEO 發布日期: 2017-10-27 12:01:30
SEO診斷、外包、顧問業務 請聯系QQ:3534790242
明確定義單位 忘記定義尺寸的單位是CSS新手普遍的錯誤。在HTML中你可以只寫width=100,但是在CSS中,你必須給一個準確的單位,比如:width:100px width:100em。只有兩個例外情況可以不定義單...

 

明確定義單位

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

區分大小寫

當在XHTML中使用CSS,CSS里定義的元素名稱是區分大小寫的。為了避免這種錯誤,CRAZYSEO工程師建議所有的定義名稱都采用小寫。

class和id的值在HTML和XHTML中也是區分大小寫的,如果你一定要大小寫混合寫,請仔細確認你在CSS的定義和XHTML里的標簽是一致的。

取消class和id前的元素限定

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

div#id1{}可以寫成#id1{}

這樣可以節省一些字節。

默認值

通常padding和margin的默認值為0,background-color的默認值是transparent。但是在不同的瀏覽器默認值可能不同。如果怕有沖突,可以在樣式表一開始就先定義所有元素的margin和padding值都為0,象這樣:

* {

padding:0;

margin:0

}

或者是針對某元素來定義:

ul,li,div,span {

padding:0;

margin:0

}

CSS的優先級

行內樣式(inline style) > ID選擇符 > 樣式(class),偽類(pseudo-class)和屬性(attribute)選擇符 > 類別(type),偽對象(pseudo-element)

解釋:

*內聯樣式(inline style):元素的style屬性,比如 <div style="color:red;"></div> ,其中的color:red;就是行內樣式

*ID選擇符:元素的id屬性,比如 <div></div> 可以用ID選擇符#content

*偽類(pseudo-class):最常見的是錨(a)偽類,比如a:link,a:visited.

*屬性選擇符(attribute selectors):比如div[class=demo],含有class為demo的div元素. 

*類別選擇器(type selector):HTML標簽選擇,比如div .demo,div元素下含有class為demo的元素. 

*偽對象選擇器(pseudo-element selector):比如div:first-letter,div元素下的第一個單詞。

相關文章

QQ咨詢 四川快乐12开奖直播