在開發網站的過程中，往往會使用大量的 CSS 樣式來美化頁面，但是如果每個頁面都單獨寫一份 CSS 樣式，不僅浪費時間和精力，而且在樣式修改時也會很麻煩。因此，我們需要將 CSS 樣式設為公用，使其可以被整個網站所共享。
有兩種方法可以實現這一功能：
方法一：創建一個公用 CSS 文件
1. 在項目的根目錄下創建一個名為“styles.css”的文件。 2. 將所有公用的 CSS 樣式都寫在這個文件中。 3. 在需要使用這些樣式的 HTML 文件中使用 link 標簽將其引入。
例如：
<head> <link rel="stylesheet" href="styles.css"> </head>
方法二：使用 CSS 預處理器
1. 安裝并配置 CSS 預處理器，如 Sass、Less 等。 2. 在需要使用公用 CSS 的 HTML 文件中，通過 @import 將需要的樣式文件引入。 3. 在 CSS 樣式文件中，通過 @import 將其他需要的公共樣式文件引入。
例如：
/* 公用樣式文件 */ @import "common.css"; /* 需要引入公用樣式的文件 */ @import "main.css";
這兩種方法都可以有效地將 CSS 樣式設為公用，使其可以被整個網站所共享，從而提高開發效率和方便維護。