CSS是前端開發(fā)中不可或缺的一部分，其中style與div塊是開發(fā)中經(jīng)常用到的部分。div塊是文檔流中常用的元素，其可以用來分隔頁面內(nèi)容和布局，因此對div塊進(jìn)行CSS樣式的設(shè)置是非常必要的。

/* div塊樣式設(shè)置 */
div {
width: 100%;  /*設(shè)置寬度*/
padding: 10px; /*設(shè)置內(nèi)邊距*/
border: 1px solid #ddd; /*設(shè)置邊框*/
margin-bottom: 20px; /*設(shè)置外邊距*/
background-color: #f7f7f7; /*設(shè)置背景顏色*/
box-sizing: border-box; /*設(shè)置盒模型*/
}

以上代碼為設(shè)置div塊的樣式，通過設(shè)置寬度、內(nèi)邊距、邊框、外邊距、背景顏色和盒模型等屬性，可以實現(xiàn)對div塊的樣式設(shè)置。在實際開發(fā)中，我們還可以通過選擇器來確定需要設(shè)置樣式的div塊。比如，選擇所有class為box的div塊：

/* div塊選擇器 */
.box {
width: 80%;  /*設(shè)置寬度*/
padding: 20px; /*設(shè)置內(nèi)邊距*/
border: 2px solid #333; /*設(shè)置邊框*/
margin-bottom: 30px; /*設(shè)置外邊距*/
background-color: #f2f2f2; /*設(shè)置背景顏色*/
}

以上代碼選擇了所有class為box的div塊，通過設(shè)置寬度、內(nèi)邊距、邊框、外邊距、背景顏色等屬性，實現(xiàn)對這些div塊的樣式設(shè)置。除了選擇器外，我們還可以通過偽類來設(shè)置特定的div塊樣式。比如，實現(xiàn)鼠標(biāo)在div塊上滑動時，改變背景顏色：

/* hover偽類 */
div:hover {
background-color: #ccc;
}

以上代碼使用:hover偽類，實現(xiàn)鼠標(biāo)在div塊上滑動時，改變背景顏色。通過CSS的學(xué)習(xí)，我們可以掌握更多的樣式設(shè)置方式，滿足不同需求下對div塊樣式的定制。