深入分析CSS樣式中的ID和CLASS的區別
來源:程序員人生 發布時間:2014-03-01 17:59:09 閱讀次數:3137次
【建站學院文檔】今天有位朋友在群里問CSS的問題,提到Class和ID的區別,小編建議他百度一下,隨后他查了很多文章,還是不太明白,于是小編只好給他一一分析。
class是設置標簽的類
id是設置標簽的標識
class屬性用于指定元素屬于何種樣式的類。
如樣式表可以加入
.title {
font-size: 14px;
font-weight: bold;
}
使用方法:class="title"
id屬性用于定義一個元素的獨特的樣式。
如一個CSS規則:
#container
{
width: 1004px;
margin: 0 auto;
text-align: left;
}
使用方法:id="container" ,id是一個標簽,用于區分不同的結構和內容,就象你的名字,如果一個屋子有2個人同名,就會出現混淆;
class是一個樣式,可以套在任何結構和內容上,就象一件衣服;
概念上說就是不一樣的:
id是先找到結構/內容,再給它定義樣式;class是先定義好一種樣式,再套給多個結構/內容。
好了,到此為止,上面說的已經很明白了,無論id還是class都能輕松實現特別效果,簡單方便,希望群里的朋友能夠明白,也希望能給其他人以學習的機會。(文/飄飄)
生活不易,碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈