CSS是一種非常流行的樣式語言，用于網頁的視覺呈現和布局控制。在CSS中，我們可以同時設置多個樣式，以便更好地控制網頁的外觀和樣式。下面我們來介紹如何同時設置多個樣式。

/* 同時設置多個樣式 */
div{
width: 200px;
	height: 200px;
background-color: #1abc9c;
border: 1px solid #ccc;
text-align: center;
color: #fff;
font-size: 24px;
line-height: 200px;
}

在上面的代碼中，我們使用了一個div選擇器，表示要設置的樣式對象是一個div元素。接下來我們就可以在大括號中同時設置多個樣式了。比如設置div元素的寬度和高度都是200px，背景顏色是#1abc9c，邊框是1px的實線#ccc，文字居中（text-align:center），字體顏色是#fff，字體大小為24px，行高為200px。

同時設置多個樣式還有其他的方法，比如可以使用CSS屬性縮寫。比如我們可以把上面的代碼縮寫成：

/* 使用CSS屬性縮寫 */
div{
width: 200px;
height: 200px;
background: #1abc9c;
border: 1px solid #ccc;
text-align: center;
color: #fff;
font: 24px/200px;
}

在這個代碼中，我們使用了font屬性縮寫，其中24px表示字體大小，200px表示行高，這樣我們就不需要再單獨設置line-height了。

同時設置多個樣式可以讓我們更高效地控制網頁的樣式，避免了重復的代碼和樣式，使得網頁更加美觀和易于維護。