在HTML5培訓(xùn)過程中，你有沒有遇到過這樣的問題呢？css選擇器 #, 句點(diǎn)的的區(qū)別搞不懂，今天，粵嵌HTML5課程老師就來(lái)解析一下它們的區(qū)別吧！

　　一、理解CSS的樣式組成

　　CSS里的樣式表是有規(guī)則組成的，每條規(guī)則有三個(gè)部分組成：

　　1、選擇器（如下面例子中的：“body”），告訴瀏覽器文檔的哪個(gè)部分受規(guī)則影響；

　　2、屬性（如實(shí)例中的font-family、color等），規(guī)定了布局的什么方面被設(shè)置了；

　　3、值（如實(shí)例中的Arial,sans-serif，#333333等），給出了式樣屬性的值。

　　二、CSS式樣中不同符號(hào)的區(qū)別

　　#是ID選擇器 .是class選擇器 *是通配符號(hào)

　　比如*{margin：0；padding：0；所有的元素都會(huì)沿用這個(gè)屬性樣式}（還有一種情況是IE hack）比如 .b{margin:0;*margin:10px;}這里IE看到的是margin：10px，其他的瀏覽器看到的會(huì)是前面那個(gè)margin：0；

　　先來(lái)看段代碼吧~

　　body{font-family: Arial,sans-serif;color: #333333;line-height: 1.166; margin: 0px; padding: 0px;}#masthead{margin: 0;padding: 10px 0px;border-bottom: 1px solid #cccccc; ;}.feature img{float: left;padding: 0px 10px 0px 0px; margin: 0 5px 5px 0;}

　　#號(hào)對(duì)應(yīng)id

　　點(diǎn)號(hào)對(duì)應(yīng)class

　　不加對(duì)應(yīng)html 標(biāo)簽

　　歸納成一句話就是：Class可以反復(fù)使用而ID在一個(gè)頁(yè)面中僅能被使用一次。有可能在很大部分瀏覽器中反復(fù)使用同一個(gè)ID不會(huì)出現(xiàn)問題，但在標(biāo)準(zhǔn)上這是錯(cuò)誤的使用，而且很可能導(dǎo)致某些瀏覽器的現(xiàn)實(shí)問題。

　　在實(shí)際應(yīng)用的時(shí)候，Class可能對(duì)文字的排版等比較有用，而ID則對(duì)宏觀布局和設(shè)計(jì)放置各種元素較有用。想了解更多HTML5技術(shù)，可以點(diǎn)擊在線咨詢了解粵嵌HTML5培訓(xùn)，或者來(lái)粵嵌實(shí)地參觀哦！