在學習CSS過程中，練槍圖是一道非常經典的練習題。

練槍圖的目的是通過實踐，掌握常用CSS屬性和選擇器的使用方法，提升對CSS的理解和掌握程度。

.container {
width: 800px;
margin: 0 auto;
}
.header {
height: 100px;
background-color: #333;
}
.nav {
height: 50px;
background-color: #777;
}
.main {
height: 500px;
background-color: #ddd;
}
.sidebar {
height: 500px;
background-color: #aaa;
float: left;
width: 200px;
}
.content {
height: 500px;
background-color: #fff;
float: right;
width: 600px;
}
.footer {
height: 100px;
background-color: #333;
}

以上代碼實現了一個簡單的頁面布局，包括頂部頭部、導航、主體、側邊欄、內容和底部。

利用CSS的float屬性和寬高等基本屬性，我們可以很輕松地實現頁面布局，使頁面的結構更加清晰易懂。

通過練習練槍圖，我們可以更好地掌握CSS的基礎知識，為以后更高級的CSS開發打下基礎。