HTML導(dǎo)入CSS文件的代碼使用標(biāo)簽,讓我們來看一下此代碼的樣例:
此代碼將在 HTML 文件中導(dǎo)入style.css文件,用于設(shè)置文本的樣式:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
關(guān)于這段代碼的說明如下:
- 在
<head>
標(biāo)簽中使用了一個<link>元素。 - 屬性
rel
定義了關(guān)系類型,此處為 “stylesheet” 表示鏈接的文件為樣式文件。 - 屬性
type
定義了鏈接文檔的 MIME 類型,此處為 “text/css” 表示CSS文件。 - 屬性
href
規(guī)定了被鏈接文檔的地址。
如果需要在同一 HTML 文件中應(yīng)用多個樣式表時,可以在 <head>
標(biāo)簽中添加多個<link>元素,例如:
<head> <link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="responsive.css"> </head>
這樣,在 HTML 文件中就同時導(dǎo)入了兩個樣式表style.css和responsive.css。
總結(jié)來說,使用 <link> 標(biāo)簽導(dǎo)入 CSS 文件是 HTML 中非常重要的一部分,也很簡單,只要按照上述的方法在代碼中添加即可。
下一篇vue guid