在網頁開發中,link標簽用于引入外部資源文件,例如css文件。通過引入css文件,我們可以為網頁設置樣式和布局。
<head> <!-- 引入css文件 --> <link rel="stylesheet" type="text/css" href="style.css"> </head>
在上面的代碼中,我們使用link標簽引入名為style.css的css文件,該文件應該與html文件位于同一級目錄下。其中,rel屬性指定資源類型為stylesheet,type屬性指定文件類型為text/css,href屬性指定了文件路徑。
當瀏覽器解析該html文件時,會先請求引入的css文件,并讀取其中的樣式規則。然后,瀏覽器將這些樣式應用到html元素上,從而展示出網頁的樣式。
/* 在style.css文件中,定義一些樣式規則 */ body { background-color: #f4f4f4; font-family: Arial, sans-serif; } h1 { color: #333; font-size: 2rem; }
以上代碼展示了一個簡單的樣式表,在該樣式表中,我們設置了body元素的背景顏色和字體族,設置了h1元素的字體顏色和字體大小。這些樣式規則將被瀏覽器應用到html文檔中相應的元素上。
上一篇link加載css