CSS(層疊樣式表)是網(wǎng)頁(yè)設(shè)計(jì)的重要一部分,可以讓我們的網(wǎng)站看起來(lái)更美觀、有條理。而將CSS放在外部,有以下幾個(gè)好處:
1.減少HTML代碼量:如果把CSS代碼寫(xiě)在HTML的style標(biāo)簽內(nèi),會(huì)讓代碼變得繁瑣,而且每個(gè)頁(yè)面都需要重復(fù)編寫(xiě)相同的CSS,不便于理解和維護(hù)。所以,將CSS放在外部可以省去這些不必要的代碼。
2.重用CSS:如果將所有的CSS放在一個(gè)外部文件中,這個(gè)文件可以被所有的頁(yè)面引用,從而減少代碼的重復(fù)。如果在需要修改CSS時(shí),只需要修改一個(gè)文件,就可以將這些修改應(yīng)用到所有的網(wǎng)頁(yè)中。
3.提高頁(yè)面加載速度:將CSS放在外部的文件中,可以讓CSS文件與HTML文件分開(kāi)加載。當(dāng)瀏覽器請(qǐng)求一個(gè)HTML時(shí),它不需要下載與之相關(guān)的CSS和JavaScript文件,這樣可以大大提高頁(yè)面的加載速度。
以下是如何將CSS放在外部的代碼實(shí)現(xiàn):
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
在head標(biāo)簽內(nèi),添加一個(gè)link標(biāo)簽,指定rel屬性為stylesheet,type屬性為text/css,href屬性為CSS文件所在的路徑。這樣,瀏覽器就會(huì)下載并加載這個(gè)CSS文件,渲染頁(yè)面時(shí)就會(huì)應(yīng)用這些樣式。