CSS是開發網頁時最基本的技能之一。同時，它也是最廣泛應用的技能之一。現在，CSS已經成為網頁設計師的必備技能。因此，我們需要了解CSS超過三個字符串的常見用法。

.container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
}

上面這個CSS代碼塊就是使用了超過三個字符串，它將多個CSS屬性放在了一個類選擇器下。在這個例子中，我們使用了flexbox來控制容器的布局。同時也使用了justify-content屬性來讓元素之間留有空隙。我們還使用了flex-wrap來處理溢出問題。

另外一個CSS超過三個字符串的例子是帶有偽元素的CSS選擇器：

.btn:before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
margin-right: 5px;
background-color: blue;
}

在這個例子中，我們使用了偽元素:before來添加一個小方塊作為按鈕的前綴。這個方塊長寬都是10像素，而且它和按鈕本身之間還有5像素的間距。這個例子展示了偽元素在CSS中的常見用法。

最后一個例子是使用CSS變量來提高代碼的可維護性：

:root {
--primary-color: #000;
--secondary-color: #fff;
}
.btn {
background-color: var(--primary-color);
color: var(--secondary-color);
}

在這個例子中，我們使用了:root來定義一些CSS變量。這些變量可以在整個頁面中使用。使用變量可以讓我們避免在CSS文件中定義多個相同的需要修改的屬性值，提高代碼的可維護性。

綜上所述，CSS超過三個字符串的用法有很多。它們可以幫助我們更好地控制頁面布局和樣式，提高代碼的可讀性和可維護性。