CSS是網頁設計中不可或缺的一部分，通過CSS可以實現網頁的美化并提高用戶體驗。其中一個重要的部分就是CSS的標簽結構層次。

/* 樣式代碼示例 */
body {
font-family: Arial, sans-serif;
color: #333;
background-color: #fff;
}
header {
background-color: #eee;
height: 100px;
}
nav {
display: flex;
justify-content: space-between;
align-items: center;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
display: inline-block;
margin-right: 20px;
}
a {
text-decoration: none;
color: #333;
}
main {
margin: 20px;
}
section {
border: 1px solid #ccc;
padding: 20px;
}
h1, h2, h3 {
font-weight: bold;
margin-top: 40px;
margin-bottom: 20px;
}

CSS的標簽結構層次是指HTML中標簽的嵌套結構，利用CSS可以針對這種層次關系來設置樣式。

例如，上面的樣式代碼中的header、nav、ul、li等標簽都是層次結構中的一部分。header表示網頁的頭部，nav表示導航欄，ul表示無序列表，li表示列表項。通過CSS設置它們的樣式，可以讓網頁更加美觀、易讀。

另外，CSS的標簽結構層次也可以用于布局，例如通過設置父元素和子元素的display屬性來實現網頁的布局效果。

總的來說，CSS的標簽結構層次是網頁設計中非常重要的一部分，需要在實際應用中不斷學習、熟練掌握。