【WordPress建站基础】网站布局经典图文教程（4）

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

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

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

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

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

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