CSS（Cascading Style Sheets）是一種用來描述網頁樣式的語言。 CSS提供了豐富的樣式屬性，讓我們更有彈性地控制網頁的樣式。在這篇文章中，我將分享一些CSS樣式的寫法，幫助你更能掌握樣式控制。
一、內聯樣式
內聯樣式是在HTML標籤的style屬性中設定樣式屬性，如下所示：
<p style="color: red;">这是一段红色的文字。</p>
這種寫法非常直觀，但是不建議頻繁使用，因為它會使HTML程式碼變得冗長，難以維護。
二、嵌入式樣式
嵌入式樣式是在HTML檔案的頭部使用樣式標籤，將CSS程式碼寫在其中。如下所示：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>嵌入式样式</title>
<style type="text/css">
p {
color: red;
}
</style>
</head>
<body>
<p>这是一段红色的文字。</p>
</body>
</html>這種寫法比內聯樣式好一些，因為它可以將所有的樣式程式碼放在頭部，減少頁面中的程式碼量。但是如果多個HTML檔案都需要使用相同的樣式，那麼樣式程式碼就需要複製一遍，導致維護成本增加。
三、外部樣式
外部樣式是將樣式程式碼放在單獨的CSS檔案中，然後在HTML檔案中引入。如下所示：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>外部样式</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <p>这是一段蓝色的文字。</p> </body> </html>
樣式程式碼放在樣式檔案style.css中，如下所示：
p {
color: blue;
}這種寫法最好，因為它將樣式程式碼和HTML程式碼分離，減少了HTML程式碼的冗餘，使整個頁面佈局更加清晰。同時，如果多個HTML文件需要使用該樣式，只需要修改樣式文件，所有引用該樣式的頁面都會自動更新。
除此之外，還有一些CSS樣式的書寫方式在實際開發中也非常常見：
四、選擇器
選擇器用來指定應用程式樣式的HTML 元素。 CSS支援多種選擇器，常見的有：
p {
color: red;
}#myId {
color: blue;
}.myClass {
color: green;
}input[type="text"] {
border: 1px solid red;
}五、樣式屬性
樣式屬性用來描述元素的樣式。 CSS支援的樣式屬性非常多，這裡只列舉幾個常見的：
p {
color: red;
}p {
font-size: 14px;
}p {
font-family: Arial, sans-serif;
}p {
background-color: yellow;
}p {
border: 1px solid black;
}p {
margin: 10px;
}p {
padding: 5px;
}六、偽類別和偽元素
偽類別和偽元素是用來為元素的特定狀態或部位添加樣式的。
a:hover {
color: red;
}p::first-line {
font-weight: bold;
}以上就是CSS樣式的常見寫法。當然，在實際開發中，許多情況下需要將不同的樣式寫在不同的樣式表中（如列印樣式、行動端樣式等），這些樣式表之間的關係也需要注意。同時，CSS樣式的效能問題也需要考慮，避免過度嵌套和選擇器過於複雜。希望這篇文章對你有幫助。
以上是css樣式的寫法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
