詳解css中”點”,”井號”,”逗號”,”空格”,”冒號”的用法

body{    font-family:Arial,sans-serif;    color:#333333;    line-height:1.166;    margin:0px;    padding:0px;}

#masthead{    margin:0;    padding:10px 0px;    border-botton:1px solid #cccccc;    width:100%;}

.feature img{    float:left;    padding:0px 10px 0px 0px;    margin:0 5px 5px 0;}

 #對應id
.對應class
不加對應html 標籤

1.Class與ID的區別
         一個Class是用來根據使用者定義的標準對一個或多個元素進行定義的。打個比較恰當的比方就是劇本：一個Class可以定義劇本中每個人物的故事線，你可以通過CSS，Javascript等來使用這個類。因此你可以在一個頁面上使用class="Frodo" ，class="Gandalf"，class="Aragorn"來區分不同的故事線。還有一點非常重要的是你可以在一個文檔中使用任意次數的Class。

         至於ID，通常用於定義頁面上一個僅出現一次的標記。在對頁面排版進行結構化布局時（比如說通常一個頁面都是由一個頁首，一個前序，一個內容地區和一個頁尾等組成），一般使用ID比較理想，因為一個ID在一個文檔中只能被使用一次。而這些元素在同一頁面中很少會出現大於一次的情況。

         歸納成一句話就是：Class可以反覆使用而ID在一個頁面中僅能被使用一次。有可能在很大部分瀏覽器中反覆使用同一個ID不會出現問題，但在標準上這絕對是錯誤的使用，而且很可能導致某些瀏覽器的現實問題。

        在實際應用的時候，Class可能對文字的排版等比較有用，而ID則對宏觀布局和設計放置各種元素較有用。

 2.Margin與Padding的區別

         兩者都是代替表格最重要的作用->分割塊的好方法，區別在於Margin是不同的Tag間互相隔離的距離而Padding是同一元素中不同內容分割使用，這在表格中最看得清楚。尤其是當對一個地區載入了背景樣式之後，Padding下的內容背景色會發生改變，而Margin則不會有所改變。

3.逗號，空格，冒號，點號的含義 

 一：#a,b{…………｝
 二：#a b{…………｝
 三：#a:b{…………｝
 四：#a.b{…………｝
一、一個id叫a和一個標籤是b的樣式
二、一個id叫a下面的一個標籤是b的樣式
三、一個id叫a的偽類b的樣式
四、一個id叫a的下面的class叫b的樣式