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