CSS中的display屬性是用來控制HTML元素怎樣顯示在網頁中的。通過display屬性，我們可以改變HTML元素的外觀和排版方式。在CSS中，display屬性共有10個值，包括如下：

display: inline;
display: block;
display: inline-block;
display: table;
display: table-row;
display: table-cell;
display: none;
display: flex;
display: grid;
display: inline-flex;

其中：
1. inline表示元素將被渲染為一行內聯元素，它不會改變元素原本的大小和形狀。
2. block表示元素將被渲染為一個塊狀元素，在一個新行上開頭顯示，可以為其設置寬度、高度、邊距和填充。
3. inline-block表示元素將被渲染為一個內聯元素，但是有塊狀元素的屬性，可以為其設置寬度、高度、邊距和填充。
4. table表示元素將被渲染為一個表格元素。
5. table-row表示該元素將被渲染為一個表格行。
6. table-cell表示該元素將被渲染為一個表格單元格。
7. none表示元素將不會被顯示出來。
8. flex表示將元素定義為一個彈性盒子。
9. grid表示將元素定義為一個網格容器。
10. inline-flex表示將元素定義為一個內聯的彈性盒子。

使用display屬性可以為我們的網頁排版帶來極大的靈活性，我們可以通過設置不同的display屬性來改變元素的外觀和位置，在開發過程中，我們可以根據實際需求選擇合適的display屬性。