CSS4 是 CSS 當中最新的標準，相比 CSS3，CSS4 帶來了更多的新特性以及更好的兼容性。下面我們來學習一些 CSS4 的基礎知識。

/* 1. 變量 */
:root{
--color-primary: #007bff;
--color-secondary: #6c757d;
}
h1{
color: var(--color-primary);
}
/* 2. 改進的選擇器 */
input[type="email" i]{
border: 1px solid var(--color-secondary);
}
/* 3. 顏色函數 */
h2{
background-color: rgb(255, 255, 255, 0.5);
}
/* 4. 動態狀態 */
.button:active{
transform: scale(0.9);
}
/* 5. 網格布局 */
.container{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
/* 6. 自適應字體 */
h3{
font-size: clamp(20px, 4vw, 40px);
}
/* 7. 背景過濾 */
header{
background-color: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(10px);
}

以上是 CSS4 的一些基礎知識，如果想要深入了解還需要不斷學習。相信在未來的 Web 開發中，CSS4 一定會有越來越廣泛的應用。