完全掌握纯CSS布局网页

你是否正在学习CSS布局，却感到有些困惑，无法完全掌握其中的要领？别担心，许多人在初涉CSS时都会遇到这样的困扰。通常，阻碍你学习CSS布局的原因可能有两个方面。

可能是你尚未深入理解CSS处理页面的原理。在开始设计页面之前，你需要先关注内容的语义和结构。换言之，你需要思考你的页面内容要传达什么信息，如何组织这些内容以使其清晰易懂。之后，你可以根据这些内容的语义和结构，通过CSS来赋予页面样式和布局。为了帮助更好地理解如何结构化HTML，我们可以参考一些实例和教程，学习如何根据内容的目的来建立相应的HTML结构。

你可能对过去熟悉的表现层属性（如cellpadding、hspace、align="left"等）感到困惑，不确定它们应如何转换为对应的CSS语句。当你掌握了如何结构化HTML后，我将会给你一个详细的列表，列出旧的表现属性以及它们对应的CSS替代方案。这样你就可以更好地理解并应用这些CSS属性。

在开始学习CSS布局时，我们往往会过于关注设计元素，如图片、字体、颜色和布局方案。我们会使用Photoshop或Fireworks等工具来设计页面，然后通过编辑HTML将设计呈现到页面上。如果你希望你的HTML页面更加友好地利用CSS布局，你需要转变你的思维方式。

你需要抛开外观的考虑，首先关注页面的内容语义和结构。结构良好的HTML页面可以通过CSS的不同定义，在任何地方、任何网络设备上显示。这意味着你需要学习和理解什么是"结构"，一些作家称之为"语义"。你需要分析你的内容块以及每个内容块的目的，然后根据这些目的建立相应的HTML结构。

例如，你可以将你的页面分为几个主要部分：标志和站点名称、主页面内容、站点导航（主菜单）、子菜单、搜索框、功能区（如购物车、收银台）以及页脚（版权和有关法律声明）。你可以使用DIV元素来定义这些结构。例如：

＜div id="header"＞＜/div＞（页眉）

＜div id="content"＞＜/div＞（主要内容）

……以及其他几个部分。

理解了这些后，你就可以开始你的CSS布局学习了。记住，关键在于理解内容和结构的优先级，然后再通过CSS赋予页面生动的外观和布局。通过这样的方式，你将能够更好地掌握CSS布局，并创建出令人印象深刻的网页。