在web開發中，將頁面布局分割為不同的塊可以方便代碼的管理和維護。在html和css中，我們通常使用div標簽來創建這些塊。利用css樣式，我們可以對這些div元素進行樣式化，從而實現不同的布局效果。

以下是一些常見的div css重點代碼：

/* 設置div的寬度和高度 */
div {
width: 200px;
height: 100px;
}
/* 設置div的背景顏色和邊框 */
div {
background-color: #ccc;
border: 1px solid #000;
}
/* 設置div的內邊距和外邊距 */
div {
padding: 10px;
margin: 20px;
}
/* 設置div的位置和浮動 */
div {
position: absolute;
top: 0;
left: 0;
float: right;
}
/* 設置div的文本樣式 */
div {
color: #333;
font-size: 16px;
text-align: center;
}
/* 設置div的漸變和陰影效果 */
div {
background: linear-gradient(to bottom, #fff, #ccc);
box-shadow: 2px 2px 5px #999;
}
/* 設置div的動畫效果 */
div {
animation: fadein 2s;
}
/* 定義動畫關鍵幀 */
@keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
}

以上代碼是一些常見的div css樣式代碼，可以根據具體需求來進行修改和組合。通過對div元素的樣式調整，可以實現各種各樣的網頁布局效果。