鏈入式CSS樣式表是一種將樣式定義集中在單個文件中、再通過鏈接引入HTML文件中的方式。這種方式使得我們可以將網站的樣式單獨維護,減少了代碼冗余并且增加了代碼的可維護性。
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
在頭部標簽中使用link標簽,通過href屬性指定樣式表文件所在路徑,rel屬性為stylesheet表示該文件是樣式表文件,type屬性指定樣式表文件的編碼方式,這里通常設置為text/css。這種樣式表的方式可以適用于任何類型的HTML標簽,如<div>,<p>,<span>等,只要指定其類名或者ID即可。
.content { font-size: 16px; font-weight: bold; color: #333; }
上面的代碼定義了一個名為content的類名,其中定義了字體大小、加粗以及顏色。可以通過在HTML代碼中添加class屬性并指定名稱來引入該樣式。
<p class="content">這是一個示例</p>
通過上面的方式,我們可以將頁面HTML和樣式分離,方便開發和維護。同時,這種方式可以將樣式表文件進行合并、壓縮,從而減少頁面的加載時間,提升用戶體驗。