CSS是網頁設計過程中必不可少的一部分，其中display屬性可以控制HTML元素的表現形式。display定義了元素應該如何展示，它的取值包括block、inline、inline-block、flex、grid等等。

/* block: 塊元素 */
p {
display: block;
}
/* inline: 行內元素 */
a {
display: inline;
}
/* inline-block: 行內塊元素 */
button {
display: inline-block;
}
/* flex: 彈性布局 */
.container {
display: flex;
}
/* grid: 網格布局 */
.container {
display: grid;
}

我們可以根據需要選擇不同的display屬性取值，來控制元素的顯示效果。例如，使用block可以將元素顯示為塊狀元素，占據一行的寬度，和上下文中的其他元素換行顯示；使用inline可以將元素顯示為行內元素，跟隨其他行內元素排列在同一行中。而inline-block則將元素顯示為行內塊元素，能夠同時控制元素的寬度和高度，更靈活地排列元素位置。

與此同時，flex和grid是比較新的布局方式，能夠更便捷地對頁面布局進行調整。使用flex實現彈性布局，能夠輕松地實現平均分配空間、自適應布局等效果；而使用grid則可以更精準地控制網格布局，輕松達到類似表格的效果，并且支持響應式布局。

總的來說，CSS的display屬性是很重要的一個屬性，能夠幫助我們實現更好的網頁設計效果。