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

轉自

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

內容

<!-- lang: 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{…………}

1、一個id叫a和一個標籤是b的樣式

2、一個id叫a下面的一個標籤是b的樣式

3、一個id叫a的僞類b的樣式

4、一個id叫a的下面的class叫b的樣式