2023-02-27 分類: 網(wǎng)站建設(shè)
網(wǎng)站建設(shè)中CSS一般類與ID類!
前邊說到樣式類中的常規(guī)類,我們還可以在定義類時(shí)不把它與某個(gè)特殊標(biāo)簽關(guān)聯(lián)起來,并有選擇地把該類應(yīng)用到整個(gè)文檔的多個(gè)標(biāo)簽中。例如:
.italic {font-style: italic;}
這里創(chuàng)建的是名為“italic”的一般類。要使用它,只要把它的名稱包括在class屬性中即可。例如,可使用<p>或<h1>來創(chuàng)建斜體段落或斜體標(biāo)題。一般類使用起來非常方便,可以輕松地將某種特殊樣式應(yīng)用到眾多標(biāo)簽中。
網(wǎng)站建設(shè)中的ID類
幾乎所有HTMl標(biāo)簽都支持id屬性,id屬性可以為元素分配一個(gè)在文檔中獨(dú)一無二的標(biāo)識(shí)符。該標(biāo)識(shí)符可以是URL的目標(biāo),被自動(dòng)文檔處理工具所例用,也可以用來為元素指定某種樣式規(guī)則。
能夠識(shí)別樣式的瀏覽器可以只對(duì)那些用id屬性明確標(biāo)記的文檔內(nèi)容應(yīng)用某種樣式類,在創(chuàng)建這種樣式類時(shí),要遵循與樣式類一樣的語法,但是在類名前要使用“#”符號(hào)而不是句點(diǎn)。例如:
<style>
<!--
#yellow {color: yellow}
h1#blue {color: blue}
-->
</style>
在文檔中,可以使用同樣的id屬性來應(yīng)用樣式,例如用<h1 id=blue>創(chuàng)建一個(gè)藍(lán)色標(biāo)題?;蛘?,哪上例所示,在文檔中到處使用id=yellow,將標(biāo)簽中的內(nèi)容變成黃色。也可以混合使用class和id屬性,這樣就有了對(duì)單個(gè)元素應(yīng)用兩種獨(dú)立樣式規(guī)則的一定能力。
但是這樣定義的類有很嚴(yán)重的缺陷:html和XHTML標(biāo)準(zhǔn)規(guī)定,對(duì)于文檔中的每個(gè)標(biāo)簽來說,其id屬性的值必須是惟一的。但是在這里,我們必須要利用同一個(gè)值來多次應(yīng)用樣式類。即使當(dāng)前瀏覽器允許你僥幸這樣操作,我們還是極力反對(duì)創(chuàng)建和使用帶有id屬性的樣式類。還是應(yīng)該使用傳統(tǒng)的樣式類,這樣才能創(chuàng)建正確而且豐富的文檔。
分享文章:成都網(wǎng)站建設(shè)中CSS一般類與ID類!
文章位置:http://jinyejixie.com/news14/240064.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容