CSS鏈接樣式

2018-09-24 18:00 更新

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


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

CSS鏈接樣式


CSS樣式


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

CSS運行結(jié)果

注意:其實鏈接式就是把嵌入式中的樣式文件單獨分離出來,形成一個樣式表文件進行存儲。由于鏈接式在減少代碼書寫和減少維護工作方面都非常突出,所以鏈接式是最常用的一種方法。另外,鏈接式也可以在一個頁面中鏈接多個文件。

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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號