當(dāng)我們打開(kāi)一個(gè)網(wǎng)頁(yè),在瀏覽器上展示的不僅僅是簡(jiǎn)單的HTML內(nèi)容,還有很多的樣式,例如顏色、字體、布局等等。而這些樣式大多數(shù)都是通過(guò)CSS文件來(lái)實(shí)現(xiàn)的。那么,網(wǎng)頁(yè)是怎么獲取這些CSS文件的呢?
首先,我們需要在HTML文件中通過(guò)<link>標(biāo)簽來(lái)引入CSS文件,例如:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
這里的href屬性指定CSS文件的路徑,可以是本地的文件路徑,也可以是網(wǎng)絡(luò)上的路徑。當(dāng)瀏覽器解析HTML文件時(shí),會(huì)下載并讀取這個(gè)CSS文件,并應(yīng)用其中的樣式到HTML元素上,從而實(shí)現(xiàn)網(wǎng)頁(yè)樣式的呈現(xiàn)。
另外,有時(shí)候我們還會(huì)在HTML文件中使用<style>標(biāo)簽來(lái)直接定義樣式,例如:
<head> <style> p { color: red; } </style> </head>
這種方式相當(dāng)于在HTML文件中嵌入了內(nèi)部樣式表,所以相對(duì)于引入外部CSS文件,這種方式的性能和可維護(hù)性可能會(huì)有一些影響。