百分之九十九代碼，百分之一說明，這是前端工作的真實寫照。雖說有時代碼看起來復雜，但我們還是可以下定決心，學好 CSS 技能。在這篇文章中，我們將介紹一百個 CSS 常識點，讓我們先從一些基本知識開始吧！ 1. CSS 是層疊樣式表（Cascading Style Sheets）的簡稱。它幫助你美化你的網站，讓它看起來更漂亮和可讀。 2. 要使用 CSS，你必須在 HTML 文件中添加一個鏈接標簽，如下所示：

3. CSS 規則有選擇器和聲明組成，它們的語法如下：

選擇器 {
屬性：值；
屬性：值；
}

4. CSS 選擇器是指定樣式將應用于哪些 HTML 元素的方式。例如，將以下樣式應用于所有段落：

p {
color: red;
}

5. 有很多不同類型的 CSS 選擇器，包括元素選擇器、類選擇器和 ID 選擇器。 6. 元素選擇器指定元素的名稱，例如 h1、p 或 div。這將在整個文檔中應用樣式：

h1 {
font-size: 36px;
}
p {
color: gray;
}

7. 類選擇器指定元素的類，使用一個點（.）后跟類名：

.highlight {
background-color: yellow;
}

8. ID 選擇器指定元素的 ID，使用一個井號（#）后跟 ID 名稱：

#main-header {
font-size: 24px;
}

9. 在 CSS 中，顏色可以使用名稱、RGB 值或十六進制值來表示：

color: red; /*使用名稱*/
color: rgb(255, 0, 0); /*使用 RGB 值*/
color: #ff0000; /*使用十六進制值*/

10. CSS 文本屬性包括 font-family、font-size、font-weight、text-align、text-decoration、text-transform 等等。通過設置這些屬性，你可以控制文本在頁面上的外觀。 11. CSS 可以控制元素的大小、位置和旋轉，使你能夠創建很酷的動畫和交互特效。 12. 在 CSS 中，可以使用外部鏈接、嵌入或直接在 HTML 頁面中包含樣式。 13. 在外部鏈接樣式表時，可以使用 media 屬性指定樣式表將應用于哪些媒體類型（例如屏幕、打印等等）：

14. CSS 可以在樣式表中使用注釋，使用 /* */ 對注釋進行標記：

/* 這是一個注釋 */

15. CSS 中的數字可以是整數、小數或百分比。 16. CSS 的盒模型包括內容、填充、邊框和邊距。通過調整這些屬性，你可以完全控制元素的大小和位置。 17. CSS 中的常用單位包括像素（px）、百分比（%）、點（pt）、毫米（mm）和英寸（in）。 18. 當使用相對單位（例如百分比）時，元素大小會相對于其父元素計算。 19. 當使用絕對單位（例如像素）時，元素大小是相對于屏幕的。 20. CSS 可以為每個方向的填充和邊框指定不同的值：

padding: 10px 20px 30px 40px; /* 分別設置上、右、下、左填充 */
border: 1px solid gray; /* 單獨設置邊框 */

這些是 CSS 中的一些常見知識點，我們將繼續探討一些更高級的特性。