在CSS中，display屬性是十分重要的。display屬性用于定義HTML元素的顯示方式。它有很多的取值，每個取值都代表了一種不同的顯示效果。

/* 以下是一些display屬性的取值及其效果 */
/* block: 塊狀元素，在一個容器里它會獨占一行，并且會自動換行  */
div{
display: block;
}
/* inline: 行內元素，會跟文本排在一行，但不會換行 */
span{
display: inline;
}
/* inline-block: 相當于行內塊狀元素，它也會跟文本排在一行，但它可以設置寬高等屬性，并且不會換行 */
button{
display: inline-block;
}
/* none: 元素不會被顯示，但它的位置還在 */
.hidden{
display: none;
}
/* flex: 使用彈性布局，可以方便地實現自適應布局 */
.container{
display: flex;
}

通過動態地改變元素的display屬性，我們可以實現很多有趣的效果，例如在響應式設計中，我們可以根據屏幕尺寸來動態設置元素的display屬性，以達到最佳的布局效果。