CSS中#和.的區別

id：用來定義頁面中大的樣式，如欄目劃分，頂部，正文，底部等；用#top的形式來定義；

class：用來定義一些比較細節的樣式，如具體的一個菜單，一行文字等，用.text的形式來定義。

定義HTML中的標籤，如ul,img,p等時，直接寫：img{}

class是樣式組，用.style定義，class="style"： 
.style定義樣式組，能夠被反覆調用，就是說你一個頁面裏，能夠有多個元素用同一個style； 

ID是固定標籤，用#style1定義，ID="style1"

#main和.main有什麼區別:

#main 定義的是ID爲"main"這個元素的樣式
.main 的意思是新建一個名爲"main"的樣式
#main 只能定義ID爲"main"這個元素的樣式
.main 一但定義之後,能夠讓其餘的元素來調用,方法爲class="main"

用#定義CSS樣式，在調用時必須用ID，用.定義CSS樣式，在調用時必須用CLASS。用#定義的樣式，通常都是定義結構框架，一些大的容器,且在同一個頁面只能出現一次；而.定義的樣式，通常都是起修飾做用或屢次重複的樣式。還一點就是在同一個層裏同時出現ID和CLASS樣式，ID更優先於CLASS。

簡單來講： #main是定義具體對象main的專有屬性；.main是定義抽象對象的共有屬性main。比較普遍的用途是#用於定義網頁框架；.用於定義各個網頁元素。#main中的main只能在網頁中出現一次，而.main中的main能夠出現無數次。

 

使用範例

    class：

        .footer{background:red;}

     footer

    id：

        #footer{background:red;}

     footer

     定義class的css是用點：「.」，如.footer

     定義id的css是用井號「#」，如#footer