CSS樣式有許多種不同的寫法，下面將為您介紹幾種常見的寫法。
1. 內聯樣式
內聯樣式指的是將CSS代碼直接寫在HTML標簽的style屬性中。這種寫法最為簡單直接，但當頁面中需要使用大量的樣式時，就顯得過于繁瑣冗長，不便于維護。
如下所示：
2. 嵌入式樣式
嵌入式樣式指將CSS代碼寫在HTML文檔的head標簽中的style標簽中。這種寫法比內聯樣式稍微方便，便于維護。但同樣的，當頁面需要使用大量的樣式時，代碼量也會變得很大。
如下所示：
3. 外部樣式
外部樣式是將CSS代碼編寫到外部樣式表文件中，然后在HTML文檔的head標簽中使用link標簽引入。這種寫法最為常見，也是最為推薦的方式，使得代碼易于維護和共享。
如下所示：
在HTML文檔的head標簽中：
在外部樣式表文件style.css中：
總之，以上這些CSS樣式的寫法各有其優缺點，應據實際需要選擇適合自己的一種或多種方式進行應用。
1. 內聯樣式
內聯樣式指的是將CSS代碼直接寫在HTML標簽的style屬性中。這種寫法最為簡單直接，但當頁面中需要使用大量的樣式時，就顯得過于繁瑣冗長，不便于維護。
如下所示：
<p style="color:red;font-size:14px;">這是一段紅色的字體</p>
2. 嵌入式樣式
嵌入式樣式指將CSS代碼寫在HTML文檔的head標簽中的style標簽中。這種寫法比內聯樣式稍微方便，便于維護。但同樣的，當頁面需要使用大量的樣式時，代碼量也會變得很大。
如下所示：
<head>
<style type="text/css">
p {
color:red;
font-size:14px;
}
</style>
</head>
<body>
<p>這是一段紅色的字體</p>
</body>3. 外部樣式
外部樣式是將CSS代碼編寫到外部樣式表文件中，然后在HTML文檔的head標簽中使用link標簽引入。這種寫法最為常見，也是最為推薦的方式，使得代碼易于維護和共享。
如下所示：
在HTML文檔的head標簽中：
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
在外部樣式表文件style.css中：
p {
color:red;
font-size:14px;
}總之，以上這些CSS樣式的寫法各有其優缺點，應據實際需要選擇適合自己的一種或多種方式進行應用。