"十步学会CSS DIV，简单易懂的网页布局教程"

十步学会CSS DIV，这个教程内容简单易懂，对于初学者来说非常实用。 第一步是规划网站。本教程以图示为例，展示了如何构建一个网站。规划网站的基本布局包括五个部分：导航条、网站头部图标、主要内容区域、边框和页脚。导航条的宽度为760像素，高度为50像素；网站头部图标的宽度为760像素，高度为150像素；主要内容区域的宽度为480像素，高度根据内容的多少而变化；边框是网站的附加部分。 第二步是创建HTML模板及文件目录。在构建网站之前，我们需要创建一个HTML模板和相应的文件目录。HTML模板是网站的基础，文件目录则用于组织网站的各个文件和子文件夹。 第三步是将网站分为五个div，这是网页基本布局的基础。通过div来划分不同的网页部分，可以使网页布局更加清晰和灵活。 第四步是网页布局与div浮动等。通过设置CSS样式，我们可以进行网页的布局和div的浮动。通过浮动，我们可以实现网页中多列布局和具有不同位置的元素。 第五步是网页主要框架之外的附加结构的布局与表现。除了网页的主要框架，我们还可以添加一些附加结构，如边栏、页脚等。通过设置CSS样式，我们可以布局和美化这些附加结构。 第六步是页面内的基本文本的样式设置。通过设置CSS样式，我们可以改变页面中的文本的字体、颜色、大小等样式，从而使页面更加美观和易读。 第七步是网站头部图标与logo部分的设计。网站的头部图标是网站的重要组成部分，它包含了网站的logo和站名。通过设置CSS样式，我们可以设计出独特且具有吸引力的头部图标。 第八步是页脚信息的表现设置。页脚是网页的底部部分，通常包含版权信息、联系方式等。通过设置CSS样式，我们可以对页脚进行美化和排版，使其更加吸引眼球。 第九步是导航条的制作。导航条对于一个网站来说非常重要，它可以帮助用户快速导航到不同的页面。通过设置CSS样式，我们可以制作出具有特效的导航条，提高用户的体验。 第十步是解决IE浏览器的显示BUG。在网页开发过程中，可能会遇到一些浏览器的兼容性问题，特别是在IE浏览器上。通过针对性的CSS样式设置，我们可以解决这些显示BUG，确保网页在不同浏览器上的显示一致性。 通过以上十个步骤，我们可以学会如何使用CSS来进行DIV布局。这个教程内容简单易懂，对于初学者来说非常实用。无论是构建一个简单的网页还是设计一个复杂的网站，都离不开CSS DIV布局的基本知识。希望这个教程对于初学者能够提供一些帮助，让他们更好地掌握CSS DIV布局的技巧。