CSS樣式區塊是網頁設計中必不可少的一部分，它可以讓我們輕松地管理網頁中復雜的樣式。在HTML標記中，我們可以使用style標簽或者link標簽將CSS文件引入到網頁中，但是靈活運用樣式區塊可以更好地掌控頁面的樣式，下面讓我們來詳細了解一下樣式區塊。

<style>
/* 這里是CSS樣式區塊 */
body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}
h1 {
color: #333;
font-size: 36px;
}
</style>

如上所示，CSS樣式區塊由<style>和</style>標記組成，標記之間的內容就是我們定義的CSS樣式。樣式區塊中的樣式可以應用于整個網頁或者特定的元素上。上面的代碼中，我們定義了頁面的背景顏色、字體以及標題標簽的顏色和大小。這些樣式會作用于整個頁面。

當我們需要為特定元素定義樣式時，只需要將樣式定義在對應元素的選擇器中就可以實現。例如下面的代碼，就是為ID為title的元素定義了樣式。

<style>
/* 這里是CSS樣式區塊 */
#title {
color: red;
font-size: 24px;
}
</style>

樣式區塊可以嵌套，這樣可以更好地組織CSS樣式。例如下面的代碼，就是為列表定義了樣式。在樣式區塊中，我們可以看到子元素選擇器（ul li）和后代選擇器（ul a）的使用。

<style>
/* 這里是CSS樣式區塊 */
ul {
list-style: none;
margin: 0;
padding: 0;
}
ul li {
background-color: #f2f2f2;
margin: 5px;
padding: 10px;
}
ul a {
color: #333;
text-decoration: none;
}
</style>

總的來說，合理運用CSS樣式區塊可以更好地組織和管理頁面的樣式，使我們的設計更加靈活、優雅。