1. 什么是 CSS div?
CSS div 是一種用于創建盒子(盒子模型)的 CSS 容器類，可以用于在 HTML 文檔中創建不同類型的盒子，如段落盒子、標題盒子、圖片盒子等。
2. 如何使用 CSS div?
使用 CSS div 容器類，可以簡單地創建各種類型的盒子，具體使用如下：
<div class="container">
<div class="box">這是一個段落盒子</div>
<div class="box">這是一個圖片盒子</div>
</div>
在這個例子中，我們使用 CSS div 容器類創建了一個名為“container”的盒子，并在其中創建了兩個名為“box”的子盒子。
3. 如何使用 CSS div 選擇器來定位和操作盒子？
CSS div 選擇器可以用來定位和操作盒子，具體使用如下：
.container {
position: relative;
width: 200px;
height: 200px;
.box {
position: absolute;
top: 50px;
left: 50px;
width: 100px;
height: 100px;
在這個例子中，我們使用 CSS div 選擇器定位了一個名為“box”的子盒子，并將其設置為絕對定位，使其位于文檔中的第 50 行、第 50 列。
4. 如何通過 CSS div 選擇器修改盒子的樣式？
通過 CSS div 選擇器修改盒子的樣式，具體使用如下：
.container .box {
background-color: blue;
.container:hover .box {
background-color: green;
在這個例子中，我們使用 CSS div 選擇器選擇一個名為“box”的子盒子，并為其設置了一個藍色的背景，同時使用 CSS hover 選擇器將其背景顏色移動到鼠標懸停時的黃色。
5. 如何使用 CSS div 組合來創建復雜的布局？
通過 CSS div 組合來創建復雜的布局，具體使用如下：
.container {
position: relative;
width: 200px;
height: 200px;
.box {
position: absolute;
top: 50px;
left: 50px;
width: 100px;
height: 100px;
.box2 {
position: absolute;
top: 100px;
left: 50px;
width: 200px;
height: 100px;
.box3 {
position: absolute;
top: 200px;
left: 50px;
width: 200px;
height: 100px;
在這個例子中，我們使用 CSS div 組合創建了三個名為“box”的子盒子，每個子盒子都設置了不同的樣式，如顏色、大小等。
6. 如何使用 CSS div 事件監聽器來響應用戶操作？
通過 CSS div 事件監聽器來響應用戶操作，具體使用如下：
.container {
position: relative;
width: 200px;
height: 200px;
.box {
position: absolute;
top: 50px;
left: 50px;
width: 100px;
height: 100px;
.box2 {
position: absolute;
top: 100px;
left: 50px;
width: 200px;
height: 100px;
.box3 {
position: absolute;
top: 200px;
left: 50px;
width: 200px;
height: 100px;
.box2:hover {
background-color: red;
.box3:hover {
background-color: blue;
在這個例子中，我們使用 CSS div 事件監聽器監聽了“box”子盒子鼠標懸停時的點擊事件，并為其設置了不同的顏色。