CSS是Cascading Style Sheets的縮寫，一般譯為“層疊樣式表”。CSS可以有效地控制HTML文檔中元素的外觀和布局，使得網頁更加美觀、統一和易于維護。其中，CSS樣式共有三種附加方式：內聯樣式、內部樣式和外部樣式。
內聯樣式是指將樣式直接寫在HTML標簽的style屬性中，這種方式的優點是可以直接看到該元素的樣式，而且不會影響到其他元素。但是，這種方式缺點也比較明顯，影響代碼的可讀性和可維護性。
<h1 style="color:red;font-size:36px">這是一級標題</h1>
內部樣式是指將樣式寫在HTML文檔的頭部，用style標簽包圍。這種方式不會影響代碼的可維護性和可讀性，而且可以一次性地控制多個元素的樣式。缺點是該樣式僅在該HTML文檔中生效。
<head>
<style type="text/css">
h1 {
color: red;
font-size: 36px;
}
p {
color: blue;
font-size: 24px;
}
</style>
</head>外部樣式是指將樣式寫在CSS文件中，然后在HTML文檔中引用這個CSS文件。這種方式的優點是可以實現多個HTML文檔的樣式共享，增強了代碼的可維護性，而且可以統一網站的外觀。缺點是需要額外的HTTP請求，增加了加載時間。
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
綜上所述，使用CSS可以實現靈活的頁面布局和統一的外觀，同時CSS的樣式附加方式也具有各自的優勢和適用場景，開發人員可以根據實際情況選擇不同的方式。
下一篇css里面地圖