網頁開發中，為了更好地表現頁面內容、布局和樣式，對 CSS 樣式的書寫有三種方式：內聯樣式、嵌入樣式和外部樣式。
1.內聯樣式：內聯樣式是在 HTML 元素標簽中直接寫入樣式，即在元素標簽上使用 style 屬性。
<p style="color:red;font-size:14px;">這是一個內聯樣式的段落</p>
內聯樣式的優點是可以針對單個元素進行樣式修改，而不會影響其他元素；缺點是樣式表混亂，維護困難。
2.嵌入樣式：嵌入樣式是將 CSS 樣式代碼放置在與 HTML 代碼同一個文件中，但放在<head>標簽內的<style>標簽中。
<head>
<style>
p {
color: red;
font-size: 14px;
}
</style>
</head>嵌入樣式的優點是可以從外部引入多個樣式文件進行整合，增強樣式表可讀性；缺點是需要在 HTML 文件中多添加一些樣式代碼。
3.外部樣式：外部樣式是將 CSS 樣式代碼放在一個獨立的樣式文件中，再在 HTML 代碼中通過<link>標簽引入。
<head> <link rel="stylesheet" href="style.css"> </head>
外部樣式的優點是可維護性好，可以通過一個樣式文件同時控制多個 HTML 頁面的樣式；缺點是需要額外的網絡請求，可能會增加頁面加載時間。
下一篇html5圖切換代碼