DIV+CSS到底是什麼?

DIV+CSS到底是什麼?
我想肯定有很多朋友搞不明白，其實我也未必明白，不過我還是想把自己的理解寫出來，或許可以協助那些想學，或者開始學不知道如何入門的朋友們。
我們平時在設計網頁時，一般是使用Table來布局整個頁面，現在我們完全可以使用DIV+CSS來實現布局。比如我們設計一個頁頭，主體，頁尾這種上、中、下結構的網頁可以定義幾個DIV來實現，如下：
<div id="pagebody">
<div id="pageheader">
</div>
<div id="pagecontent">
</div>
<div id=pagefooter">
</div>
</div>

這樣一個頁面配置已經設計完成，下一步要做的就是設計CSS樣式，比如讓網頁具中，寬度是多少，頁頭，頁尾的高度是多少，等等
CSS的設計可以和頁面分開，存放在單獨的檔案中，當然所有的網頁都可以使用CSS檔案中的樣式。