在前端開發中，CSS樣式是不可或缺的。CSS可以控制HTML文檔的外觀和布局，讓網頁變得更加美觀，易于閱讀。在CSS中，可以將樣式分為以下幾種。
1. 內聯樣式
內聯樣式指的是在HTML標記中直接設置CSS樣式，使用style屬性來定義，例如：
<div style="color: red; font-size: 16px;">Hello World</div>這種設置CSS樣式的方式比較簡單，但是不方便管理和維護，一旦有很多頁面需要修改樣式，就需要修改所有的style屬性。
2. 內嵌樣式
內嵌樣式指的是將CSS樣式集中在HTML頁面的head標簽中，使用style標簽包裹起來，例如：
<head><style type="text/css">div {
color: red;
font-size: 16px;
}
</style></head>這種方式也比較簡單，但是也不太方便管理和維護，特別是在更大的項目中。
3. 外部樣式表
外部樣式表是將所有的CSS樣式放在一個獨立的文件中，然后在HTML頁面中使用link標簽引入，例如：
<head><link rel="stylesheet" type="text/css" href="style.css"></head>這種方式可以讓CSS樣式文件獨立出來，方便管理和維護，而且可以讓多個HTML頁面共用同一份CSS樣式。
4. 嵌套樣式
嵌套樣式指的是將CSS樣式嵌套在另一個樣式中，例如：
div {
color: red;
&:hover {
background-color: yellow;
}
}
這種方式可以讓CSS樣式更加靈活，可以根據不同的情況來適應不同的UI效果。下一篇css樣式右邊