CSS（Cascading Style Sheets）被廣泛應用于網頁的布局與設計。通過CSS，不僅能夠設置文本的字體、顏色、間距等，還能夠對頁面布局進行更精細的控制與優化，并且可以實現良好的頁面響應式設計。這里我們將介紹一些常用的CSS標簽，以實現頁面布局與裝飾。

/*
 * 設置標簽樣式
 */
body {
margin: 0;
padding: 0;
font-family: 'Arial', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-weight: normal;
}
a {
text-decoration: none;
color: #333;
}
/*
 * header標簽
 */
header {
background: #e0e0e0;
height: 80px;
}
header h1 {
font-size: 36px;
line-height: 80px;
margin-left: 20px;
}
/*
 * nav標簽
 */
nav {
background: #333;
color: #fff;
height: 50px;
line-height: 50px;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav li {
float: left;
margin-left: 20px;
}
nav a {
display: block;
padding: 0 10px;
}
nav a:hover {
background: #666;
}
/*
 * section標簽
 */
section {
margin: 20px;
}
/*
 * article標簽
 */
article {
margin-bottom: 40px;
}
article h2 {
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
}
article p {
line-height: 24px;
margin-bottom: 20px;
}
/*
 * aside標簽
 */
aside {
float: right;
width: 25%;
margin-left: 20px;
}
aside ul {
list-style: none;
margin: 0;
padding: 0;
}
aside li {
margin-bottom: 10px;
}
/*
 * footer標簽
 */
footer {
background: #333;
color: #fff;
height: 50px;
line-height: 50px;
text-align: center;
}

通過上述CSS標簽的設置，我們可以輕松實現網頁的布局與裝飾，提升頁面的美感與用戶體驗。其中，header標簽設置網頁頭部背景，nav標簽設置菜單欄樣式，section標簽設置網頁主體部分樣式，article標簽設置文章內容區域樣式，aside標簽設置側邊欄樣式，footer標簽設置底部樣式等。這些標簽的組合與調整，可以根據具體的設計需求實現不同的頁面效果。同時，在實際使用過程中，我們還可以根據不同設備的分辨率與屏幕大小，使用CSS的@media標簽實現響應式布局，以適應不同的終端設備。