css中主要的三種選擇符，分別為：id選擇符、class類選擇符和元素選擇符。id選擇符可以為標(biāo)有特定id的HTML元素指定特定的樣式；class類選擇器允許以一種獨(dú)立于文檔元素的方式來指定樣式；元素選擇符選擇指定元素名稱的所有標(biāo)簽元素。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3版、Dell G3電腦。

css中主要的三種選擇符

1、元素選擇器：

作用：選擇指定元素名稱的所有元素。

語法：

 元素{        樣式聲明；      }

ex(例子)：

頁面上所有的p文字大小為12px，文字顏色為橘黃色

頁面上所有的span元素顏色為紅色

命令顯示圖

網(wǎng)頁實(shí)例顯示圖

【推薦教程：CSS視頻教程 】

2、類選擇器

class 選擇器用于描述一組元素的樣式，class 選擇器有別于id選擇器，class可以在多個(gè)元素中使用。

class 選擇器在HTML中以class屬性表示, 在 CSS 中，類選擇器以一個(gè)點(diǎn)"."號顯示

語法：

  .類名{樣式聲明;}

類名：

• 能以數(shù)字開始

• 除_,-意外不能有其它特殊符號

引用：

引用方式 – 多類選擇器的引用

可以將多個(gè)類選擇器，同時(shí)應(yīng)用在一個(gè)元素中

語法： <ANY class=“class1 class2 class3”>

4、ID選擇器：

作用：針對指定ID值的元素去定義樣式

語法：

#ID值{樣式聲明}

ID值，一定要對應(yīng)某個(gè)元素的ID值

ex（例子）：

定義頁面中 id為header 的元素 的文字大小為 30pt，背景顏色為 orange色
定義頁面中 id為main的元素文字大小18pt， 加粗顯示（font-weight：bold）
2.定義頁面中 id為img_list 的元素背景顏色為綠色，斜體顯示文字（屬性：
font-style，值： italic）

命令顯示圖：

網(wǎng)頁示例圖：