国人比较喜欢称Xhtml+css为div+css，所以本系列经典图文教程就用大家熟悉的叫法吧，就叫div+css，这个经典图文教程是陌小雨博客友链子涵互动视觉网站的原创教程，陌小雨觉得写得很好，所以就转过来给大家学习下，相比之前分享的xhtml+css基础系列教程更加生动，有趣，对刚接触wordpress建站或者说网页制作的人是非常实用的。

这是该Xhtml+css经典图文教程的第四部分：

关于div+css的基础知识部分，我们其实在前三节中讲的差不多了，为了验证大家的学习成果，我们从本章节开始为大家提供一个具体的实例来供大家参考学习。在这个示例中我们会教给大家一个制作网页的思路，如果大家能够灵活掌握的话，可以说今后任何形式的网页都不会难住您了！

因为中间可能牵扯到一些大家不知道的css属性或用法，因此我们会在讲解的过程中穿插一些其他方面的东西。

另外关于实例的素材包，大家可以随意去网络上找一个就行，实在不好找的话，就直接打开一个你比较喜欢的网站，截取它的页面就行了……话说DIV+CSS学会之后的最强大之处也就是，凡是你能看到的网页，你都可以轻易的仿制出来，并不一定要有psd源文件才行，当然更不需要html源文件包，只要截下图，分析下div结构、划分好准确的板块，一点点去写，最后往div中添加图片、文字之类的东西就可以了……

我们只希望大家可以通过学习能灵活的掌握住所学的知识，因此我们讲的更多的则是一种设计的思路，而非实际的某个个案，希望大家能够理解！