CSS+4N是一種新的CSS擴展，可以幫助Web開發者更輕松地創建各種樣式效果。以下是一些CSS+4N的常用樣式：

.border {
border: 1n solid black;
}
.box {
display: 4n;
}
.flex {
display: flex;
flex-direction: 4n;
}
.rounded {
border-radius: 4n;
}
.gradient {
background: linear-gradient(45deg, red 4n, blue 4n);
}

上述代碼中，.border樣式定義了一個厚度為1像素的黑色實線邊框。.box樣式則將元素按照4列排列，并根據需要自動換行。.flex樣式使用flex布局，并指定了子元素的排列方向。.rounded樣式可以將元素的邊角變為4像素的圓角，而.gradient則可以創建一個45度角的漸變背景色，從紅色漸變為藍色。

除了上述常用樣式，CSS+4N還支持更多的樣式效果，如變量、條件語句、循環、函數等。這些功能可以幫助開發者更加靈活地創建各種樣式。例如：

:root {
--primary-color: red;
}
p {
color: var(--primary-color);
}
@media (min-width: 4n) {
p {
font-size: 2rem;
}
}

上述代碼中，:root定義了一個名為--primary-color的變量，用于存儲網站的主題顏色。p樣式使用var()函數調用該變量，從而實現了動態設置文字顏色的功能。

另外，@media規則可以根據設備的寬度來動態設置樣式。上述代碼中，設備寬度大于4（即4n）時，p元素的字號將變為2rem。

總的來說，CSS+4N提供了更加高效、簡潔的方式來編寫CSS樣式。它的語法十分直觀，也可以方便地與其他CSS擴展（如CSS變量、CSS網格）結合使用，從而實現更復雜的效果。