HTML 是幫助您定義網(wǎng)頁結(jié)構(gòu)的標(biāo)記語言。CSS是你用來使結(jié)構(gòu)美觀和布局良好的樣式表語言。要使使用 CSS 實(shí)現(xiàn)的樣式反映在 HTML 中,必須找到一種將 CSS 鏈接到 HTML 的方法。您可以通過編寫內(nèi)聯(lián) CSS、內(nèi)部 CSS 或外部 CSS 來執(zhí)行鏈接。最佳做法是將 CSS 與 HTML 分開,因此本文重點(diǎn)介紹如何將外部 CSS 鏈接到 HTML。
如何將 CSS 鏈接到
要將 CSS 鏈接到 HTML,必須將鏈接標(biāo)記與一些相關(guān)屬性結(jié)合使用。
鏈接標(biāo)記是一個(gè)自結(jié)束標(biāo)記,應(yīng)放在 HTML 的頭部部分。
要用它將CSS鏈接到HTML,這是你如何做到的:
將鏈接標(biāo)記放在 HTML 的頭部部分,如下所示:
鏈接標(biāo)記的屬性
屬性rel
rel是外部文件與當(dāng)前文件之間的關(guān)系。對(duì)于 CSS,請(qǐng)使用 。例如。stylesheet rel="stylesheet"
屬性type
type是要鏈接到 HTML 的文檔的類型。對(duì)于 CSS,它是 。例如。text/css type="text/css"
屬性href
href代表“超文本引用”。您可以使用它來指定 CSS 文件的位置和文件名。它是一個(gè)可點(diǎn)擊的鏈接,因此您也可以按住并單擊它以查看CSS文件。CTRL
例如,如果 CSS 文件與 HTML 文件位于同一文件夾中?;蛘撸绻?CSS 文件位于另一個(gè)文件夾中。href="styles.css"href="folder/styles.css"
本文向您展示了如何使用 標(biāo)記和必要的屬性將外部 CSS 文件正確鏈接到 HTML。我們還研究了每個(gè)屬性的含義,因此您不能在不知道它們?nèi)绾喂ぷ鞯那闆r下使用它們。