CSS是指層疊樣式表，它是用于描述網頁或XML文檔的外觀和樣式的語言。在 CSS 中，有各種各樣的樣式類型可以使用，下面我們來詳細介紹一下各個樣式類型的特點。

h1 {
font-size: 36px;
font-family: Arial, sans-serif;
}

字體樣式

字體樣式是 CSS 最基礎的樣式類型，它用于控制文本的字體、字號和字體顏色等基本屬性。在字體樣式中，常常會用到 font-family、font-size 以及 color 等屬性。

.container {
width: 90%;
margin: 20px auto;
display: flex;
flex-wrap: wrap;
}

布局樣式

布局樣式用于控制網頁的布局方式，包括網頁的寬度、邊距、浮動以及定位等屬性。其中，display 和 position 屬性經常會被用到。

.btn {
background-color: #4CAF50;
color: white;
padding: 10px 20px;
border: none;
border-radius: 4px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}

按鈕樣式

按鈕樣式用于控制網頁中的按鈕的外觀，常常包括背景顏色、文本顏色、內邊距、邊框、圓角、對齊方式等屬性。在按鈕樣式中，可以使用眾多的 CSS 屬性來定制一個美觀的按鈕。

@media screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}

媒體查詢樣式

媒體查詢樣式用于根據用戶的設備類型或屏幕尺寸等特性來調整網頁的樣式表，這種樣式類型可以讓網頁在各種設備上都具有良好的視覺效果。在媒體查詢樣式中，可以使用 @media 規則來設置樣式表的條件和樣式。

總之， CSS 中有各種各樣的樣式類型，它們可以被靈活地組合使用，以創建出獨具風格的網頁。對于想要成為 CSS 高手的開發者來說，熟練掌握各種樣式類型的特點是非常重要的。