class和id的用法
上面的例子應用class和id實現了3種不同的標題1。下面我們就來講講class和id的具體應用規則。
指定標籤的class和id
首先我們要在部分定義class(類)或id。
class的定義方法： 指定標籤.類名
id的定義方法：指定標籤#id名
然後我們在想要應用類的標籤上加上class(類)或者id屬性：
class的應用方法：《指定標籤 class="類名">
id的應用方法：《指定標籤 id="id名">
這種方式定義的class(類)和id只能作用於指定標籤。在上面的例子中我們定義了三個類，類名分別為"dabiaoti"、"daohang"和"xinwen"，它們均作用於h1標籤。當我們試圖將其中「xinwen」的樣式應用於乙個標籤的時候(我是新聞的內容。
)，您會看到它的樣式沒有發生任何改變。這是一種錯誤的css應用。
注意：類名和id名不可以用數字開頭。
不指定標籤的類或id
在網頁設計的過程中，你可能不希望你定義的類只侷限於乙個標籤。就拿上面的例子來說，你可能希望xinwen類可以應用於段落標籤。那麼你只需要將定義部分的h1.xinwen改為.xinwen，即去掉h1。這種定義中不含標籤名的類當然也就不再侷限於某乙個標籤了。看看我們修改之後的網頁，「新聞的內容」也應用了xinwen類的樣式。
class(類)與id的區別
到這裡你也許要問了，class和id看起來除了乙個.和#的區別之外，無論在定義上還是在應用上似乎都是一模一樣啊？然而事實上並不如此，同一id在乙個頁面內只能應用一次，而class則是用於描述多次出現的元素。這從它們的名稱上很容易理解。id就類似元素的省份證號碼，它必須是唯一的，而class則是一類具有共同屬性的元素的合稱，是一類。
如果你試圖在乙個一面內多次使用同乙個id，頁面通常是可以正常顯示的。但是這會給後期的維護帶來不便，還可能造成其它的問題。所以我們一定要區分開id和class，並且合理的應用它們。
css類選擇器和ID選擇器
語法 類選器名稱 注意 1 英文圓點開頭 2 其中類選器名稱可以任意起名 但不要起中文噢 使用方法 第一步 使用合適的標籤把要修飾的內容標記起來，如下 膽小如鼠 第二步 使用class 類選擇器名稱 為標籤設定乙個類，如下 膽小如鼠 第三步 設定類選器css樣式，如下 stress 類前面要加入乙個...
css的類選擇器 和id選擇器
css 語法由三部分構成 選擇器 屬性和值 selector選擇器 selector 通常是你希望定義的 html 元素或標籤，屬性 property 是你希望改變的屬性，並且每個屬性都有乙個值。屬性和值被冒號分開，並由花括號包圍，這樣就組成了乙個完整的樣式宣告 declaration body上面...
CSS樣式選擇器
1.css 選擇器 1 標記選擇器 選擇器 用來指定確定標記的樣式 如 類別選擇器 class 類別名稱 如 對應的 class 選擇器 id選擇器 id id選擇器 如 對應的 id選擇器1id 選擇器2 2.集體宣告 對應的 集體宣告 h4集體宣告 h5集體宣告 p1集體宣告 p2集體宣告 p3...