CSS是一種用于網頁設計和排版的技術，它的新增屬性可以幫助開發人員更好的控制樣式和排版。下面我們來了解一些最近新增的CSS屬性。

/* CLAMP */
p {
font-size: clamp(14px, 2vw, 24px);
}
//這是一個新的CSS函數，它允許我們設置一個值的范圍，選取值將根據上下限值和高度百分比自適應。
/* GAP */
p {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-gap: 20px;
}
//這是一個屬性，用于為網格中的元素設置間距，它和傳統的margin和padding屬性不同，它不會影響布局。
/* HYDRATION */
body {
hydrate: none;
}
//這是一個可選的屬性，用于在客戶端渲染和服務器端渲染之間切換。
/* ORDER */
p:nth-child(1) {
order: 2;
}
p:nth-child(2) {
order: 1;
}
//這是一個CSS布局屬性，它允許我們改變元素的呈現順序，即使在HTML結構中它們的順序是不同的。
/* PREFERS-COLOR-SCHEME */
@media (prefers-color-scheme: dark) {
body {
background-color: black;
color: white;
}
}
//這是一個CSS媒體查詢屬性，它允許我們檢測用戶是否正在使用深色模式，以調整網站的顏色方案。

以上是一些最近新增的CSS屬性，它們帶來了更多的樣式選擇和控制，讓網頁設計更靈活和個性化，為Web開發工作帶來了更多的創意空間。