DIV和CSS是網頁布局的兩個主要技術，常用于創建各種不同類型的網頁和頁面布局。

DIV(層疊樣式表)是一種CSS的標記語言，用于定義頁面中的不同區域和元素。DIV使用層疊的特性來創建布局，允許多個DIV層疊在一起，以創建復雜的頁面結構和樣式。

以下是一些常見的DIV和CSS布局類型：

1. 水平布局：使用DIV來創建水平布局，可以使用<header>、<nav>、<section>等元素來分別定義不同區域，然后使用CSS來調整每個區域的大小和位置。

2. 垂直布局：使用DIV來創建垂直布局，可以使用<footer>、<header>、<nav>等元素來分別定義不同區域，然后使用CSS來調整每個區域的大小和位置，還可以使用Flexbox等CSS框架來創建垂直布局。

3. 表格布局：使用DIV來創建表格布局，可以使用<table>元素來創建表格，然后使用CSS來調整表格的寬度、邊框樣式和行高等屬性。

5. 響應式布局：使用DIV來創建響應式布局，可以使用響應式設計技術，使網頁在不同的設備和屏幕尺寸上都能正常顯示和操作。

6. 動畫布局：使用DIV來創建動畫布局，可以使用CSS3的動畫技術，使頁面上的元素產生動態效果。

DIV和CSS是創建網頁布局的重要技術，可以使網頁更加美觀和易于使用。了解DIV和CSS的布局類型，可以更好地創建不同類型的網頁和頁面布局。