通配選擇符 *.ic35w { text-decoration:none; }
類型選擇符 td { font-size:14px; width:120px; }
ID選擇符 #ic35w { font-size:14px; width:120px;}
屬性選擇符 span[class=ic35w] { color: red; }
包含選擇符 table td { font-size:14px; }
子對象選擇符 div ul>li p { font-size:14px; }
偽類及偽對象選擇符 div:first-letter { font-size:14px; }
1：標簽選擇器
標簽選擇器，是所有帶有某種標簽的都生效。這里以p為例，也就是所有的帶有p標記的都會這樣的樣式
復制代碼代碼如下:
<html><head><styletype="text/css">p{font:"宋體"; color:#FF0000}</style></head><body><pid="p1">我現在表現的是標簽選擇器</p><pid="p2">我也用的是標簽選擇器</p><h1>我沒有被任何的選擇器修飾</h1></body></html>
2：id選擇器，注意id選擇器是唯一的，因為只有id="yy"的才有這種樣式，而一個頁面里元素的Id必須是唯一的，所以。。。你懂得id選擇器以#開頭用法是：id=""
復制代碼
代碼如下:
<html><head><styletype="text/css">#yy{font:"宋體"; color:#FF0000}</style></head><body><pid="yy">我現在表現的是id選擇器</p><pid="p">我沒有被id選擇器修飾</p><h1>我沒有被任何的選擇器修飾</h1></body></html>
3：類選擇器，類選擇器以.開頭 只要把元素的class="" 就能表現為這種樣式了用法是：class=""
復制代碼
代碼如下:
<html><head><styletype="text/css">.yy{font:"宋體"; color:#FF0000}</style></head><body><pclass="yy">我現在表現的是類選擇器</p><pclass="yy">我沒有被類選擇器修飾</p><h1>我沒有被任何的選擇器修飾</h1></body></html>
類選擇符前面加點.
id選擇器加#
首先這里我們是需要你新建一個HTML文檔的，這里我們直接打開工具，之后選擇新建HTML即可
建立完畢之后這里我們使用快捷鍵，Shift+F11隨后我們就可以看到CSS面板如下圖中所示，在面板中用鼠標右擊之后選擇里面的“新建” 之后會彈出新建CSS規則表格
將選擇類型設置~為類，名稱設置為~測試，定義在~僅對該文檔，點擊“確定”
隨后彈出圖下中所示的測試CSS規則定義
在css定義框中我們是可以看到。類型 背景 區塊 方框 邊框 列表 定位 擴展。在類型框中將字體大小，樣式、行高等進行設置
隨后是個背景的設置，這里我們是可以設置背景顏色和背景圖像的這里還可以設置區塊模式定位，列表等都是可以通過自己的設置而變得美化的，這里我就不一一介紹了
設置完畢，輸入內容我們就可以看到我們設置的結果
當然了，這里我們是可以點擊代碼模塊的，這里我們是可以看到我們代碼部位的設置的，如果你覺得輸入代碼太過于繁瑣的話，這個方式是可以值得一試的。