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