css的類選擇器 和id選擇器

2021-05-25 22:23:32 字數 996 閱讀 5300

css 語法由三部分構成:選擇器、屬性和值:

selector
選擇器 (selector) 通常是你希望定義的 html 元素或標籤,屬性 (property) 是你希望改變的屬性,並且每個屬性都有乙個值。屬性和值被冒號分開,並由花括號包圍,這樣就組成了乙個完整的樣式宣告(declaration):

body
上面這行**的作用是將 body 元素內的文字顏色定義為藍色。在上述例子中,body 是選擇器,而包括在花括號內的的部分是宣告。宣告依次由兩部分構成:屬性和值,color 為屬性,blue 為值。

css的類選擇器和id選擇器:

id 選擇器可以為標有特定 id 的 html 元素指定特定的樣式。

id 選擇器以 "#" 來定義。

下面的兩個 id 選擇器,第乙個可以定義元素的顏色為紅色,第二個定義元素的顏色為綠色:

#red

#green

下面的 html **中,id 屬性為 red 的 p 元素顯示為紅色,而 id 屬性為 green 的 p 元素顯示為綠色。

這個段落是紅色。

這個段落是綠色。

在 css 中,類選擇器以乙個點號顯示:

.center
在上面的例子中,所有擁有 center 類的 html 元素均為居中。

在下面的 html **中,h1 和 p 元素都有 center 類。這意味著兩者都將遵守 ".center" 選擇器中的規則。

this paragraph will also be center-aligned.

注意:類名的第乙個字元不能使用數字!它無法在 mozilla 或 firefox 中起作用。

css類選擇器和ID選擇器

語法 類選器名稱 注意 1 英文圓點開頭 2 其中類選器名稱可以任意起名 但不要起中文噢 使用方法 第一步 使用合適的標籤把要修飾的內容標記起來,如下 膽小如鼠 第二步 使用class 類選擇器名稱 為標籤設定乙個類,如下 膽小如鼠 第三步 設定類選器css樣式,如下 stress 類前面要加入乙個...

CSS基礎選擇器 類選擇器 id選擇器

選擇器的作用 根據不同的需求把不同的標籤選出來 是由單個選擇器組成的 包括 標籤選擇器 類選擇器 id選擇器 萬用字元選擇器 1 標籤選擇器 指用html標籤名稱作為選擇器,按標籤名稱分類,為頁面中某一類標籤指定統一的css樣式。優點 能夠快速為頁面中同型別的標籤統一設定樣式。缺點 不能設計差異化樣...

類選擇器和ID選擇器

什麼是選擇器?每一條css樣式宣告 定義 由兩部分組成,形式如下 選擇器在 之前的部分就是 選擇器 選擇器 指明了 中的 樣式 的作用物件,也就是 樣式 作用於網頁中的哪些元素。類選擇器 類選擇器在css樣式編碼中是最常用到的,格式如下 類選擇器名稱 注意 1.英文圓點開頭 2.類選擇器名稱可以任意...