css 樣式表通過元素選擇器（1）、屬性和值（2）來控制 html 元素的外觀，優先級由特異性（3）、順序和重要性決定。此外，使用媒體查詢（4），可以根據特定條件更改樣式，并通過 link 元素（5）將樣式表鏈接到 html 文檔。
CSS 樣式表的編寫
CSS（層疊樣式表）是一種用于對 HTML 文檔進行樣式化的語言。它允許您控制元素的外觀，例如顏色、字體、布局和動畫。以下是如何編寫 CSS 樣式表：
1. 元素選擇器
CSS 樣式表從一個元素選擇器開始，它標識要設置樣式的 HTML 元素。元素選擇器可以基于元素名稱（例如 p）、類（例如 .example）或 ID（例如 #header）。
2. 屬性和值
元素選擇器后跟大括號，里面包含樣式屬性及其值。屬性定義要更改的樣式，而值指定該屬性的設置。例如：
<code class="css">p {
color: red;
font-size: 16px;
}</code>
登錄后復制
3. 優先級
如果多個樣式規則應用于同一個元素，則具有更高優先級的規則將被應用。優先級由以下因素決定：
特異性：特定元素選擇器的優先級高于通配符選擇器。
順序：稍后聲明的規則具有更高的優先級。
重要性：!important 關鍵字可強制應用規則，即使它具有較低的優先級。
4. 媒體查詢
媒體查詢允許您根據屏幕尺寸、設備類型或其他條件更改樣式。它們使用 @media 規則，后面跟著條件：
<code class="css">@media (min-width: 768px) {
body {
font-size: 20px;
}
}</code>
登錄后復制
5. 鏈接
CSS 樣式表可以使用 link 元素鏈接到 HTML 文檔，如下所示：
<code class="html"><link rel="stylesheet" href="style.css"></code>
登錄后復制
遵循這些步驟并理解 CSS 規則的優先級，您可以編寫有效的 CSS 樣式表，以增強您的網站的外觀和功能。
