CSS是一種用于定義樣式和布局的語言，通過CSS可以改變HTML文檔中元素的顯示方式，其中塊級元素是一類重要的元素。塊級元素通常被用于構建頁面主體結構，它們占據一行或一段獨立的空間，可以設置寬度、高度、邊框、內部及外部間距等等。

/* 塊級元素的基本樣式 */
div {
display: block;
/* 設置寬度、高度、邊框和填充 */
width: 100px;
height: 100px;
border: 1px solid #000;
padding: 10px;
/* 設置背景色和字體樣式 */
background-color: #eee;
font-family: Arial;
font-size: 14px;
color: #333;
}

一些常見的塊級元素有：

• div：定義文檔中的分區或節。
• h1-h6：定義標題。
• p：定義段落。
• form：定義表單。
• header、footer、nav、article、section等：HTML5中新增的語義化塊級元素。

塊級元素可以通過CSS的display屬性來改變它們的顯示方式，有以下幾種：

• block：元素呈現為塊級元素，占據一行或一段獨立的空間。
• inline：元素呈現為行內元素，不占據一行或一段獨立的空間。
• inline-block：元素呈現為行內塊元素，可以設置寬度、高度、邊框等。
• none：元素不顯示。

總的來說，塊級元素在頁面布局中扮演著重要的角色，它們可以定義頁面的主體結構和功能，而CSS可以控制它們的顯示方式和樣式，為頁面提供更加多樣化的效果。