在開發網站和應用程序時，我們經常需要使用 CSS 來為 HTML 元素添加樣式和布局。要在網頁中使用 CSS，我們需要引入樣式表。
一個樣式表可以包含多個樣式規則，每個規則定義一個或多個元素的樣式。然后在 HTML 的 head 標簽內部，我們可以通過 link 標簽引用樣式表。以下是 CSS 樣式表引入的示例代碼：
<head> <link rel="stylesheet" href="styles.css"> </head>
在以上代碼中，我們可以看到 link 元素定義了兩個屬性：rel 和 href。rel 屬性用于告訴瀏覽器被引入的文件是一個樣式表，而 href 屬性指定了樣式表文件的路徑和名稱。在本例中，CSS 文件名為 styles.css，并與 HTML 文件處于同一目錄下。
我們也可以在 HTML 頁面中使用內聯樣式表。內聯樣式表是指將樣式規則直接添加到 HTML 元素中，使用 style 屬性來定義。
<p style="font-size: 18px; color: #333;">這是一個帶有內聯樣式的段落。</p>
以上代碼中，我們給這個段落元素添加了兩個樣式規則，一是字體大小為 18 像素，二是字體顏色為深灰色。
在龐大網站的開發中，我們可能要使用多個 CSS 樣式表。為了保持整潔和組織，我們可以使用 @import 規則引入其他 CSS 文件。
<style>
@import url("print.css") print;
</style>在以上代碼中，@import 規則用于將 print.css 樣式表引入當前文檔。print 關鍵字用于告訴瀏覽器，該樣式表僅在打印頁面的情況下生效。
總體而言，引入 CSS 樣式表是網站開發的重要組成部分，它可以改變網頁的外觀和行為，從而提高用戶體驗。
下一篇css字體庫引用