CSS鏈接樣式

2018-09-24 18:00 更新

鏈接樣式很好地將“頁(yè)面內(nèi)容”和“樣式風(fēng)格代碼”分離成兩個(gè)或多個(gè)文件,實(shí)現(xiàn)了頁(yè)面框架HTML代碼和CSS代碼的分離,使前期制作和后期維護(hù)都十分方便。同一個(gè)CSS文件,根據(jù)需要可以鏈接到網(wǎng)站中所有的HTML頁(yè)面上,使得網(wǎng)站整體風(fēng)格統(tǒng)一、協(xié)調(diào),并且后期維護(hù)的工作量也大大減少。


鏈接樣式是指在外部定義CSS樣式表并形成以.CSS為擴(kuò)展名文件,然后在頁(yè)面中通過(guò)<link>鏈接標(biāo)記鏈接到頁(yè)面中,而且該鏈接語(yǔ)句必須放在頁(yè)面的<head>標(biāo)記區(qū),代碼如下:

CSS鏈接樣式


CSS樣式


(3)按【F12】鍵運(yùn)行,結(jié)果如下所示:

CSS運(yùn)行結(jié)果

注意:其實(shí)鏈接式就是把嵌入式中的樣式文件單獨(dú)分離出來(lái),形成一個(gè)樣式表文件進(jìn)行存儲(chǔ)。由于鏈接式在減少代碼書(shū)寫(xiě)和減少維護(hù)工作方面都非常突出,所以鏈接式是最常用的一種方法。另外,鏈接式也可以在一個(gè)頁(yè)面中鏈接多個(gè)文件。

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)