隨著 Web 技術的發展，CSS 已經成為前端開發中必不可少的一部分。而 CSS4 就是在 CSS3 的基礎上進一步完善和擴展的版本。下面是 CSS4 參考手冊中比較常用的一些屬性：

/* 改變/強制頁面方向 */
writing-mode: tb-rl; /* 縱向寫作 */
writing-mode: lr-tb; /* 橫向寫作 */
writing-mode: vertical-lr; /* 左右豎排 */
writing-mode: horizontal-tb; /* 上下橫排 */
/* 改變/強制文本方向 */
direction: ltr; /* 從左往右 */
direction: rtl; /* 從右往左 */
/* 定義/改變自定義光標 */
cursor: zoom-in; /* 縮小光標 */
cursor: none; /* 隱藏光標 */
cursor: url(cursor.png), auto; /* 使用圖片作為光標 */
/* 漸變的背景 */
background: linear-gradient(red, blue);
background: radial-gradient(red, blue);
/* 圖像混合模式 */
background-blend-mode: multiply;
/* 濾鏡 */
filter: grayscale(50%);
/* 邊框背景 */
border-image: url(border.png) 30 30 30 30 stretch;
/* 字體變量 */
@font-face {
font-family: "My Awesome Font";
src: url("myawesomefont.woff");
font-variation-settings: "FOVN" 200, "WPTL" -50;
}
/* 動畫變量 */
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.my-element {
animation: fadeIn 1s;
}

當然這些只是 CSS4 參考手冊中的一部分，CSS4 同 CSS3 一樣還有很多新的屬性和功能。不過需要注意的是，CSS4 目前仍在草案階段，各瀏覽器對其的支持程度也不盡相同，因此在實際開發中要謹慎使用。