HTML外接CSS的寫法
在HTML中,我們可以使用<link>
標(biāo)簽來(lái)外接CSS文件,這個(gè)標(biāo)簽需要放在HTML文檔的<head>
部分,通過(guò)rel
屬性來(lái)指定鏈接的關(guān)系,type
屬性來(lái)指定鏈接的類型,href
屬性來(lái)指定鏈接的路徑。
我們可以這樣寫:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
在這個(gè)例子中,style.css
就是我們需要外接的CSS文件,瀏覽器在解析HTML文檔時(shí),會(huì)按照<link>
標(biāo)簽中的路徑去加載對(duì)應(yīng)的CSS文件,并將CSS規(guī)則應(yīng)用到HTML元素上。
需要注意的是,如果HTML文檔和CSS文件不在同一個(gè)目錄下,我們需要寫清楚CSS文件的路徑,如果CSS文件在HTML文檔所在目錄的上一級(jí)目錄中,我們可以這樣寫:
<head> <link rel="stylesheet" type="text/css" href="../style.css"> </head>
在這個(gè)例子中,../style.css
表示CSS文件在HTML文檔所在目錄的上一級(jí)目錄中。
除了使用<link>
標(biāo)簽外接CSS文件外,我們還可以將CSS代碼直接寫在HTML文檔的<style>
部分中,但是這種方式不如外接CSS文件方便,因?yàn)橥饨覥SS文件可以實(shí)現(xiàn)代碼的重用和模塊化開(kāi)發(fā)。