CSS中有一個元素非常重要，那就是“display”。它決定了一個元素在頁面中的顯示方式，我們可以通過設定display屬性來控制這一點。

selector {
display: value;
}

其中，“selector”表示CSS選擇器，通常是標簽名、類名或ID名；“value”則是具體的取值，例如“block”、“inline”、“inline-block”等等。

下面我們就來逐個講解各個取值所代表的含義。

block

這是display屬性的默認值，它會把元素顯示成塊級元素，即每一個塊級元素都會獨占一行，并撐滿父元素的寬度。塊級元素可以設置寬度和高度。

div {
display: block;
}

inline

這會把元素顯示成行內元素，即每個元素都在同一行，直到一行放不下了才會換行。行內元素不能設置寬度和高度，只能設定內邊距和外邊距。

span {
display: inline;
}

inline-block

這個值會把元素同時呈現出塊級元素和行內元素的特性。即元素在行內顯示，但可以設置寬度和高度。它比行內元素更靈活，同時又不會讓元素在各行之間斷開。

button {
display: inline-block;
}

none

這個值表示元素不顯示，也不占用頁面空間。常用于隱藏一些不需要顯示的元素。

.hidden {
display: none;
}

除了上述的幾個值，display屬性還有其他一些值，如“flex”、“grid”、“table”等等。它們可以根據具體的需求來使用。