標簽選擇器
標簽選擇器其實就是html代碼中的標簽。如右側代碼編輯器中的<html>、<body>、<h1>、<p>、<img>。例如下面代碼：
p{font-size:12px;line-height:1.6em;}
上面的css樣式代碼的作用：為p標簽設置12px字號，行間距設置1.6em的樣式。
類選擇器
類選擇器在css樣式編碼中是最常用到的，如右側代碼編輯器中的代碼:可以實現為“膽小如鼠”、“勇氣”字體設置為紅色。
語法：
.類選器名稱{css樣式代碼;}
注意：
1、英文圓點開頭
2、其中類選器名稱可以任意起名（但不要起中文噢）
使用方法：
第一步：使用合適的標簽把要修飾的內容標記起來，如下：
<span>膽小如鼠</span>
第二步：使用class="類選擇器名稱"為標簽設置一個類，如下：
<span class="stress">膽小如鼠</span>
第三步：設置類選器css樣式，如下：
.stress{color:red;}/*類前面要加入一個英文圓點*/
ID選擇器
在很多方面，ID選擇器都類似於類選擇符，但也有一些重要的區別：
1、為標簽設置id="ID名稱"，而不是class="類名稱"。
2、ID選擇符的前面是井號（#）號，而不是英文圓點（.）。
右側代碼編輯器中就是一個ID選擇符的完整實例。
學習web前端 選擇知海匠庫互聯網學院www.zhihaijiangku.com，讓你成為一名優秀的程序員！知海匠庫是海南生態軟件園唯一授權的互聯網人才實訓基地，大量項目實戰讓學員掌握真實技能，特色項目路演，讓學員了解參與項目組搭建到項目完成的整個項目流程，讓你畢業就有項目經驗，從容應對應聘和就業。