css中id和class的定義格式 使用技巧及選擇

2022-09-25 05:15:10 字數 826 閱讀 2869

定義格式:

形如id="aaa"定義的,在css中是這樣設定其程式設計客棧樣式的:

#aaa

而以class="bbb"形式定義的,在css中應該這樣設定其樣式:

.bbb

(注意前面有乙個點)

id與class的使用技巧

1. 子級www.cppcns.com的命名的包含父命名中的部分為開頭。這樣方便在編寫css時明確層次關係。

2. cladjfndmqss中的子級最好不用id。當然特殊情況特殊對待。

3. class的命名最好命名用大小寫合用。例 .newmovie 這樣的寫法與第一條結合起來使用明確關係最合適。要需要注意的是ie以外的瀏覽器對於大小寫是很敏感的。還有就是一定要以字母開頭。

id的使用原則

我們知道id具有唯一性,也就是說在整個xhtml中id是不能重複的,所以我們在寫網頁的時候,大的結構用id,比如:logo、導航、主體內容、版權等,根據命名規範分別命名為#logo、#nwww.cppcns.com**、#contenter、#copyright。還有一種情況就是:我們要通過js作用乙個層,以實現某種效果的時候,用i這也是由id的唯一性決定的。

class的使用原則

class在css定義中具有普遍性,可以無限次的重複使用,這也體現了div+css布局的優越性。class常用於結構內部,這樣做的好處是有利於****的後期維護與修改,這樣會讓所有的class成為id的子級或者孫級。

備註:若出現重複定義時,從優先順序來看是:

style > id > class > 預設的html元素

本文標題: css中id和class的定義格式、使用技巧及選擇

本文位址:

CSS中id和class的區別

首先,在表現形式上 id 的優先順序比css高,例如 藍色理想 id和class都定義了背景顏色的屬性,但是由於id的優先順序比class高,所以背景色為id所定義的紅色 再次,class是通用屬性,就是說幾個div可以呼叫同乙個class 而id是唯一的,web標準中不允許出現兩個div的id標識...

CSS中class和id的區別

類選擇器和id選擇器是css中經常使用到的選擇器,看書看一遍的時候就如囫圇吞棗,一掃而過,所以理解得也不透徹。今天又重新看到了,腦海裡的概念總算清晰了點。所以總結了一下他們之間的區別,列出如下 1.所繫結的標籤屬性不同,class選擇器繫結的標籤屬性為class,例如下面的例子 123 1112 我...

HTML中Class和ID的區別

在html中,乙個頁面中需要用到多個標籤的時候,而這多個標籤需要不同的樣式或者用到同乙個樣式的時候,為了減免 量,和更加精準的控制標籤的形態,所以就有了class 和 id id 是唯一識別符號,就是類似於我們的身份證號碼,快速獲取標籤物件,對其進行操作。當我們使用id來修改標籤樣式的時候,是使用 ...