成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

在HTML中使用CSS

chengjianhua / 1009人閱讀

摘要:一前言在中使用,包括內(nèi)聯(lián)式內(nèi)嵌式鏈接式和導(dǎo)入式。鏈接式使用時(shí)需要在標(biāo)記中使用標(biāo)記,通過(guò)標(biāo)記的相關(guān)屬性指明外部文件的路徑,以方便找到其中定義的樣式并運(yùn)用在當(dāng)前網(wǎng)頁(yè)元素上。導(dǎo)入式通過(guò)在標(biāo)記的標(biāo)記中使用方法導(dǎo)入相應(yīng)的文件。

一、前言

在 HTML 中使用 CSS,包括內(nèi)聯(lián)式、內(nèi)嵌式鏈接式導(dǎo)入式。

二、分類 2.1 內(nèi)聯(lián)式

內(nèi)聯(lián)式是所有樣式應(yīng)用方式中最為直接的一種,它通過(guò)對(duì) HTML 標(biāo)記使用 style 屬性,將 CSS 代碼直接寫在其中。



    
        
        在HTML中使用CSS之內(nèi)聯(lián)式
    
    
        

在HTML中使用CSS之內(nèi)聯(lián)式

內(nèi)聯(lián)式是最簡(jiǎn)單、直接的 CSS 使用方法,但它的針對(duì)性很明顯,只能作用于當(dāng)前標(biāo)記,造成代碼冗余,維護(hù)比較困難。

2.2 內(nèi)嵌式

內(nèi)嵌式與內(nèi)聯(lián)式使用方法不同,它將 CSS 代碼寫在 標(biāo)記之間,并需要采用

在HTML中使用CSS之內(nèi)嵌式

使用內(nèi)嵌式 CSS 用法時(shí) CSS 代碼將被集中放在 標(biāo)記中,這樣方便查找,對(duì)后期維護(hù)比較方便,頁(yè)面代碼也會(huì)減少。但是,如果一個(gè)網(wǎng)站有很多頁(yè)面,如果多個(gè)網(wǎng)頁(yè)的某個(gè)標(biāo)記要使用相同的樣式效果,內(nèi)嵌式也會(huì) 出現(xiàn)代碼冗余和維護(hù)困難的問(wèn)題,所以,內(nèi)嵌式比較適合個(gè)別風(fēng)格特殊的頁(yè)面效果設(shè)置。

2.3 鏈接式

在實(shí)際的網(wǎng)頁(yè)設(shè)計(jì)中,鏈接式 CSS 用法是最常用的,也是效果最好的。鏈接式特點(diǎn)是將 CSS 代碼多帶帶放在一個(gè)或多個(gè) .css 文件中,實(shí)現(xiàn)了 CSS 代碼和 HTML 代碼的分離,這樣使前期設(shè)計(jì)和后期維護(hù)都很方便,也有助于實(shí)現(xiàn)前臺(tái)美工設(shè)計(jì)與后臺(tái)程序設(shè)計(jì)人員的合理分工。

鏈接式 CSS 使用時(shí)需要在 標(biāo)記中使用 標(biāo)記,通過(guò) 標(biāo)記的相關(guān)屬性指明外部 CSS 文件的路徑,以方便找到其中定義的 CSS 樣式并運(yùn)用在當(dāng)前網(wǎng)頁(yè)元素上。



    
        
        在HTML中使用CSS之鏈接式
        
    
    
        

在HTML中使用CSS之鏈接式

@charset "utf-8";
/* CSS Document */
p{
    color: #39f;
}

鏈接式 CSS 用法的最大特點(diǎn)是將 CSS 代碼和 HTML 代碼分離,這樣就可以實(shí)現(xiàn)將一個(gè) CSS 文件鏈接到不同的 HTML 網(wǎng)頁(yè)中。使用鏈接式 CSS,可以在設(shè)計(jì)整個(gè)網(wǎng)站時(shí),將多個(gè)頁(yè)面都會(huì)用到的 CSS 樣式定義在一個(gè)或多個(gè) .css 文件中,然后在需要用到該樣式的 HTML 網(wǎng)頁(yè)中通過(guò) 標(biāo)記鏈接這些 .css 文件,通過(guò)鏈接式 CSS 可以降低整個(gè)網(wǎng)站的頁(yè)面代碼冗余并提高網(wǎng)站的可維護(hù)性。

2.4 導(dǎo)入式

導(dǎo)入式和鏈接式的用法基本相同,區(qū)別在于語(yǔ)法和使用方式上略有不同。導(dǎo)入式通過(guò)在 標(biāo)記的

在HTML中使用CSS之導(dǎo)入式

不只是 HTML 文件的

    <