CSS（Cascading Style Sheets）是前端開發中必不可少的一部分，它主要用于頁面的樣式設計。網頁的樣式，包括首頁、列表頁、文章頁等等，都需要使用CSS來控制。通常來說，網頁中會用到 CSS 的幾種常見方式，下面我們一一介紹。
/* 內聯樣式 */
<p style="color:red;font-size:16px;">這是一個紅色的文字</p>
/* 嵌入式樣式 */
<head>
<style>
p {
color: blue;
font-size: 14px;
}
</style>
</head>
/* 外部樣式 */
<head>
<link rel="stylesheet" href="style.css">
</head>以上這三種方式，分別被稱為內聯樣式、嵌入式樣式和外部樣式。它們都各自有其適用場景。
內聯樣式是將樣式直接寫在 HTML 元素的 style 屬性中，它的作用范圍僅限于該元素，通常用于一些特殊情況下的樣式調整。
嵌入式樣式是將樣式寫在 head 標簽中的 style 標簽內，作用于該 HTML 文件中的所有元素。它的優點是方便管理，樣式和內容在同一個文件中，但是對于多個 HTML 文件來說，需要復制粘貼，不易維護。
外部樣式是將樣式寫在獨立的 CSS 文件中，通過 link 標簽引入到 HTML 文件中。它的優點是代碼的可維護性強，遵循了“樣式和內容分離”的原則，讓 HTML 文件更加簡潔易懂。推薦使用外部樣式。