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文件中的样式。