html5 css選擇器。 井號，句號的區別

、理解CSS的樣式組成
CSS裏的樣式表是有規則組成的，每條規則有三個部分組成：
一、選擇器（以下面例子中的：「body」），告訴瀏覽器文檔的哪一個部分受規則影響；
二、屬性（如實例中的font-family、color等），規定了佈局的什麼方面被設置了；
三、值（如實例中的Arial,sans-serif，#333333等），給出了式樣屬性的值。
 
 2、CSS式樣中不一樣符號的區別

 #是ID選擇器 .是class選擇器 *是通配符號 
好比*{margin：0；padding：0；全部的元素都會沿用這個屬性樣式}（還有一種狀況是IE hack）好比 .b{margin:0;*margin:10px;}這裏IE看到的是margin：10px，其餘的瀏覽器看到的會是前面那個margin：0；
 

先來看段代碼吧~

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;
width: 100%;
}
.feature img{
float: left;
padding: 0px 10px 0px 0px;
 margin: 0 5px 5px 0;
}

 

#號對應id 
點號對應class 
不加對應html 標籤 
概括成一句話就是：Class能夠反覆使用而ID在一個頁面中僅能被使用一次。有可能在很大部分瀏覽器中反覆使用同一個ID不會出現問題，但在標準上這絕對是錯誤的使用，並且極可能致使某些瀏覽器的現實問題。 
在實際應用的時候，Class可能對文字的排版等比較有用，而ID則對宏觀佈局和設計放置各類元素較有用。