學會Div CSS 就像學會一門語言一樣，需要你慢慢積累。但是如果你能夠掌握一些基本的技巧，那么你可以在很短的時間內(nèi)，快速學會Div CSS。在這篇文章里，我們來分享一些學習Div CSS的知識。

首先，你需要了解什么是Div。Div指的是頁面中的一個矩形區(qū)域，常用于布局。為了能夠在使用Div時更方便，你需要掌握以下這些技巧：

/* 樣式中的reset代碼，清除默認樣式 */
* {
margin: 0;
padding: 0;
}
/* 給Div設置寬度和高度 */
div {
width: 100px;
height: 100px;
}
/* 設置背景顏色 */
div {
background-color: #CCC;
}
/* 設置邊框 */
div {
border: 1px solid #000;
}
/* 設置內(nèi)邊距 */
div {
padding: 10px;
}
/* 設置外邊距 */
div {
margin: 10px;
}

以上是基本的Div樣式設置方法，現(xiàn)在讓我們來看幾個更高級的Div使用方法。

1. 水平居中：當你想讓Div水平居中時，你可以使用下面的CSS代碼：

div {
width: 200px;
margin: 0 auto;
}

在這個例子中，Div的寬度為200像素，margin: 0 auto則表示將其水平居中。

2. 垂直居中：當你想讓Div垂直居中時，你可以使用下面的CSS代碼：

.Nav {
 text-align: center;
 display: table-cell;
 vertical-align: middle;
}
.Nav >ul {
 display: inline-block;
 vertical-align: middle;
}

以上兩個例子是兩種不同的垂直居中方法。第一個方法使用了table-cell屬性，而第二個方法使用了inline-block屬性。

通過學習這些基本知識和技巧，你可以快速學習Div CSS。當然，這并不是全部，Div CSS還有更多的應用技巧，需要你不斷地進行嘗試和實踐。