Web開發(fā)中,CSS是頁(yè)面布局和樣式的關(guān)鍵,而一種在頁(yè)面中使用CSS的方法是通過引入CSS文件。下面將介紹如何在網(wǎng)頁(yè)中引入CSS文件。
<head> <link rel="stylesheet" type="text/css" href="styles.css"> </head>
如上代碼所示,<head>標(biāo)簽是頁(yè)面頭部的標(biāo)簽,一般情況下是放在HTML文檔的開頭部分。而在這個(gè)標(biāo)簽中,我們使用<link>標(biāo)簽來引入CSS文件。該標(biāo)簽有三個(gè)重要屬性:
- rel:指向引入的文檔與當(dāng)前文檔之間的關(guān)系,此處為“stylesheet”表示引入樣式表。
- type:指定外部文件的MIME類型,此處為“text/css”表示CSS樣式表。
- href:指向被引入文件的位置,此處為“styles.css”。
需要注意的是,CSS文件的位置必須是正確的,可以與HTML文件在同一目錄下,也可以在其他目錄下,此時(shí)需要指定完整路徑。
總結(jié)起來,引入CSS文件可以通過<link>標(biāo)簽來實(shí)現(xiàn),將關(guān)鍵屬性填寫完整即可。
下一篇html5字體閃爍代碼