CSS是一種用來設計和布局HTML文檔的樣式表語言。HTML5是一種用來創建Web內容的標記語言。CSS布局HTML5是為了更好地呈現Web內容。CSS提供了HTML5文檔的樣式和布局設置，使Web內容更具可讀性和吸引力。下面是CSS布局HTML5的幾個常見方法：

/* 通過設置類名為container的<div>元素的寬度和邊距來實現響應式布局 */
.container {
max-width: 800px;
margin: 0 auto;
}
/* 在HTML5文檔中使用<aside>元素來實現邊欄布局 */
aside {
float: right;
width: 200px;
margin-left: 20px;
}
/* 在HTML5文檔中使用<header>和<nav>元素來實現網站的導航 */
header {
background-color: #333;
color: #fff;
padding: 10px;
}
nav {
display: flex;
justify-content: space-between;
align-items: center;
}
/* 使用基于網格的布局系統來實現更復雜的網頁布局 */
.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(4, 1fr);
}
.grid-item {
background-color: #ccc;
padding: 10px;
text-align: center;
}

以上是幾種常用的CSS布局HTML5的方法，可以使Web內容更具有可讀性和吸引力。CSS的應用可以將HTML5文檔的外觀和結構分離，從而讓Web內容更容易維護和修改。