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

id：

footer

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

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

CSS 中 和 的區別