DIV+CSS重构标准 - WordPress外贸建站 | SOHO外贸网站建设

有时候灵活的转换一下思路，很多相同的效果可以用不同的方法实现出来，这对学习和巩固CSS知识是很有帮助的。那么接下来我们就看一下，这种结构的内容元素，怎么利用CSS来调整它的外观样式。

标题、段落、列表、菜单等等，本节教程将针对图片元素的CSS定义展开学习，很多东西只要之前的内容熟练了，理解起来也是非常容易的事情。

学习了导航菜单的样式定义之后，很多东西应该怎么做大家心里都有底了，如果想详细了解CSS对列表元素的外观控制，可以参考一些利用列表制作导航菜单的教程。

WEB标准的其中一个要求是低配置的兼容性：当用户禁用图片、禁用CSS或禁用JS的时候，我们仍能够让他有效的浏览网页内容。众所周知强制ALT属性就是为禁用图片时的兼容性作考虑。而正确的遵循HTML标签的语义，则是保证禁用CSS时的兼容性。

采用CSS+DIV进行网页重构相对与传统的TABLE网页布局而具有以下4个显著优势：1表现和内容相分离，2提高搜索引擎对网页的索引效率，3提高页面浏览速度，4易于维护和改版。

XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。目前推荐遵循的是W3C于2000年1月26日推荐XML1.0 。 XML虽然数据转换能力强大，完全可以替代HTML，但面对成千上万已有的站点，直接采用XML还为时过早。

一张网页优秀与否，差别往往就体现在这些细节上，吸引浏览者最重要的因素固然是页面中内容的质量，但视觉上的舒适度也有着其影响力，如果能从用户体验的角度出发去对细节进行一些完善和优化。

在未设定任何CSS的情况下DIV容器在浏览器中是没有任何外观视觉上的呈现的，所以为了更直观的进行布局规划，我们可以先为这些容器添加一些属性，来辅助我们观察它们在浏览器中的尺寸、位置等信息，以便我们进行深入的调整。