在 HTML 中,使用link
標簽可以將樣式表文件引用到 HTML 文檔中。這樣可以將 HTML 結構和樣式分離,使得樣式更易于管理和修改。
<link rel="stylesheet" type="text/css" href="styles.css">
代碼中的rel
屬性用于指示這個鏈接與文檔之間的關系,type
屬性用于指定被鏈接的文件的 MIME 類型,href
屬性則是指向被鏈接文件的 URL。在使用link
標簽引用樣式表時,rel
屬性的值應該是stylesheet
,type
屬性的值應該是text/css
。
我們可以將樣式表文件放在服務器上,然后使用link
標簽將其引入到 HTML 文檔中。在樣式表文件中,我們可以使用 CSS 語法定義樣式規則。例如,下面是一個簡單的 CSS 樣式表。
body { background-color: #fff; color: #000; } h1 { font-size: 24px; }
在上面的樣式表中,我們定義了兩個簡單的樣式規則。第一個規則將頁面的背景色設置為白色,文本顏色設置為黑色。第二個規則將h1
元素的字體大小設置為 24 像素。
通過使用link
標簽引用樣式表文件,我們可以為 HTML 文檔提供統一的樣式,使其更加美觀和易于閱讀。