有外部式,內(nèi)嵌式,行內(nèi)樣式。
成都創(chuàng)新互聯(lián)公司作為成都網(wǎng)站建設(shè)公司,專注重慶網(wǎng)站建設(shè)公司、網(wǎng)站設(shè)計,有關(guān)成都定制網(wǎng)頁設(shè)計方案、改版、費(fèi)用等問題,行業(yè)涉及成都資質(zhì)代辦等多個領(lǐng)域,已為上千家企業(yè)服務(wù),得到了客戶的尊重與認(rèn)可。
1、外部式:
(1)用法:當(dāng)要在站點(diǎn)上所有或部分網(wǎng)頁上一致地應(yīng)用相同樣式時,可使用外部樣式表。在一個或多個外部樣式表中定義樣式,并將它們鏈接到所有網(wǎng)頁,便能確保所有網(wǎng)頁外觀的一致性。如果人們決定更改樣式,只需在外部樣式表中修改一次,而該更改會反映到所有與該樣式表相鏈接的網(wǎng)頁上。
(2)舉例:通常外部樣式表以 .css 做為文件擴(kuò)展名,例如 Mystyles.css。然后在需要此樣式的頁面中將其鏈接進(jìn)來。
2、內(nèi)嵌式:
(1)用法:當(dāng)人們只是要定義當(dāng)前網(wǎng)頁的樣式,可使用嵌入的樣式表。嵌入的樣式表是一種級聯(lián)樣式表,“嵌”在網(wǎng)頁的 標(biāo)記符內(nèi)。嵌入的樣式表中的樣式只能在同一網(wǎng)頁上使用。
(2)舉例:在 MicrosoftFrontPage2000中,某些格式設(shè)置特性會作為內(nèi)嵌樣式自動應(yīng)用。例如∶如果使用 “邊框與陰影” 命令(在 “格式” 菜單上)在普通段落周圍應(yīng)用框,F(xiàn)rontPage 會寫下格式設(shè)置信息,作為段落標(biāo)記符的內(nèi)嵌樣式屬性。
3、行內(nèi)樣式:
行內(nèi)樣式就是直接把CSS代碼添加到HTML的標(biāo)記中,即作為HTML標(biāo)記的屬性標(biāo)記存在。通過這種方法,可以很簡單地對某個元素單獨(dú)定義樣式。
CSS結(jié)構(gòu)好的話,沒有必要使用過多的類或者標(biāo)識選擇符。這是因?yàn)槟憧梢灾付ㄔ谶x擇符內(nèi)的選擇符,而不必使用CSS嵌套。(或者更好的說法,上下文選擇符--譯者著)
1、比如:
ExampleSourceCode
#top{??background-color:#ccc;??padding:1em??}??#toph1{??color:#ff0;??}??#topp{??color:red;??font-weight:bold;??}
2、這就減去不必要的類或者標(biāo)識選擇符,如果應(yīng)用到像這樣的HTML中:
ExampleSourceCode
dividdivid="top"?h1Chocolatecurry/h1?pThisismyrecipeformakingcurrypurelywithchocolate/p?pMmmmmmmmmm/p?/div
這是因?yàn)椋糜⑽陌虢强崭耖g隔選擇符,我們指明了在標(biāo)識id內(nèi)的h1有“#ff0”的顏色,而p則是紅色red和粗體bold。這可能也會有些復(fù)雜(因?yàn)榭赡懿恢箖杉墸热缭趦?nèi)在內(nèi)在內(nèi)在內(nèi)等等)。有必要多加練習(xí)。
.input_1:hover{
border:1px solid #9C0;
}
.input_1:hover .input_2{
background:#9C0;
}
.input_2:hover{
background:#9C0;
}
.input_2:hover .input_1{
border:1px solid #9C0;
}
當(dāng)前標(biāo)題:css樣式嵌套樣式,css樣式內(nèi)嵌式
地址分享:http://chinadenli.net/article30/dsiciso.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供全網(wǎng)營銷推廣、建站公司、定制網(wǎng)站、面包屑導(dǎo)航、定制開發(fā)、關(guān)鍵詞優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)