CSS3是一種用于設計和布局網頁的CSS框架。它提供了許多新的屬性和操作，可以幫助開發人員更輕松地控制網頁的樣式和布局。其中，居中是一種常用的布局技巧，可以使用CSS3中的`居中`屬性來實現div元素永久居中的效果。

讓我們來詳細了解一下`居中`屬性的使用方法。`居中`屬性可以用于任何包含`div`元素的頁面中，只要這些元素被設置為`position: relative`或`position: absolute`。無論元素的位置是自動還是手動調整，`居中`屬性都可以使元素垂直居中。

下面是一個示例代碼，展示如何使用`居中`屬性將一個`div`元素垂直居中：

```html

<div style="position: relative; height: 500px;width: 500px;">

<div>這是一個垂直居中的div元素。</div>

</div>

在上面的代碼中，我們使用`position: relative`來設置`div`元素為相對定位，并使用`height: 500px`和`width: 500px`來設置其寬度和高度。最后，我們使用`居中`屬性將元素垂直居中，其中`top`和`bottom`屬性分別表示垂直居中的位置，即元素頂部和底部的高度。

除了垂直居中外，`居中`屬性還可以用于水平居中、水平縮放和水平滾動等效果。可以使用`margin: auto`和`transform`屬性來實現這些效果。

下面是一個示例代碼，展示如何使用`居中`屬性實現水平居中和水平縮放效果：

```html

<div style="position: relative; height: 500px;width: 500px;">

<div>這是一個水平居中的div元素。</div>

<div style="height: 200px;width: 200px;background-color: blue;">

這是一個水平縮放的div元素，寬度將縮小200像素。</div>

</div>

在上面的代碼中，我們使用`position: relative`來設置`div`元素為相對定位，并使用`height: 500px`和`width: 500px`來設置其寬度和高度。然后，我們使用`margin: auto`將`div`元素水平居中，并使用`height: 200px`和`width: 200px`來設置其寬度。最后，我們使用`background-color`屬性為`div`元素設置一個背景顏色，并使用`transform`屬性將元素水平縮放200像素。

總之，通過使用`居中`屬性，我們可以輕松地將div元素永久居中，并且可以實現許多其他的布局效果。