在前端開發中，HTML和CSS是不可或缺的兩個部分，它們合作完成頁面的設計與布局。其中，CSS就是用來設置頁面元素的顯示屬性的。

/* 設置元素的顯示屬性 */
display: block; /* 將元素顯示為塊級元素 */
display: inline; /* 將元素顯示為行內元素 */
display: inline-block; /* 將元素顯示為行內塊級元素 */
display: none; /* 隱藏元素 */
/* 設置塊級元素的寬度、高度、外邊距和內邊距 */
width: 100px; /* 設置元素寬度為100px */
height: 100px; /* 設置元素高度為100px */
margin: 10px; /* 設置元素外邊距為10px */
padding: 10px; /* 設置元素內邊距為10px */
/* 設置文本屬性 */
color: red; /* 設置字體顏色為紅色 */
font-size: 16px; /* 設置字體大小為16px */
font-weight: bold; /* 設置字體加粗 */
text-align: center; /* 將文本居中顯示 */
text-decoration: underline; /* 給文本添加下劃線 */

以上代碼只是CSS顯示屬性的一小部分，但已經足夠應對大部分的頁面設計和布局需求了。當我們需要隱藏某些元素、控制文本樣式和對元素進行定位時，CSS的顯示屬性就變得十分重要和實用。