在網站制作時，網站布局是非常重要的一環，它影響著網站的美觀度和用戶體驗感。而 div+CSS3 可以說是目前網站布局中主流的方式。下面我們就詳細地介紹一下 div+CSS3 網站布局。

首先，我們來介紹一下 div。div 是 HTML 中的一個標簽，用于分割 HTML 文檔為若干個獨立的區塊。在網頁制作中，我們通常使用 div 來劃分頁面的各個部分。div 的使用方式非常簡單，只需要在 HTML 中加入

即可，其中 div 中可以寫入各種內容，如文字、圖片等。

而 CSS3 則是用于控制網頁樣式的一種語言，可以通過 CSS3 來設置 div 中的各種屬性，如邊框、背景色、顏色、字體、間距等等。與之前的 CSS2 相比，CSS3 更加靈活、功能更加強大，可以制作出更為美觀的網站。下面我們給出一個 CSS3 的實例：

.box{
width: 300px;
height: 200px;
margin: 20px;
border: 1px solid #ccc;
box-shadow: 2px 2px 2px #ccc;
}

在這段代碼中，我們定義了一個 class 為“box”的 div，并設置了它的寬度、高度、外邊距、邊框和陰影等屬性。通過這樣的設置，我們可以很容易地控制 div 的外觀。

最后，我們需要注意的是，在使用 div+CSS3 布局時，我們要盡量避免使用過多的 div，因為每增加一個 div，網頁的加載速度會變慢。同時，我們還需要考慮各種瀏覽器的兼容性問題，盡量使用標準的 CSS3 樣式，以確保網站在各種瀏覽器中都能夠正確地顯示。