1．选择一种DOCTYPE

嚯... HTML或者XTHML的到头来版本非常适用于固定宽度布局和灵活布局。请确认你Yi经选择了一个DOCTYPE-你Ke以成功地满足该DOCTYPE的需求来创建有效的栎记，这样一来你便Ke以有一个geng好的跨浏览器进行正确渲染的机会。 哦，对了DOCTYPE是个啥？反正就是选一个，别挑花眼就行。

2．将内容放到页面上， 并且添加上有助记作用的标记

何苦呢？ 每一块内容dou需要使用合适的HTML元素来标记，以表明它是什么比方说一个段落、一级标题或者块引用。不要添加任何带表象性质的标记，如或center元素，主要原因是它们由CSS控制。助记标识的众多好处之一是它Ke以提供geng多的“钩子”以连接CSS——之后在对布局设置样式时便Ke以得到十分明显的好处。 嗯，就是说标签要对应上内容，别乱用，不然CSS就不好使了。

3．使用div成组内容

尽管div是一个中性的助记元素，但是非常适合在你的页面适度地添加。请使用Zui小的数量将大量的信息成组为有组织性的或者有主题的组，比方说导航、主内容和页脚。理想地是 你再也不需要添加任何多余的div来获取视觉效果，Ke以在不用考虑div将在页面上的哪个位置出现的情况下将div以Zui有逻辑性的顺序放在源代码中，但是在现实中这种情况甚为少见。浏览器和CSS的限制使得稍微调整div以适应视觉格式变得非常有必要，所以呢我们将在创建布局时分别讲解与每个即将创建的布局相适应的div结构。 简单就是用div把东西分成几块，方便管理。

4．附加一个或多个样式表

使用页面head中的link元素或者@import指令来添加样式表。在一开始的研发过程中， 你只需要通过将它们放在head中的style元素中，即可将这些样式嵌入到个别页面中。接下来。当你对这些样式hen满意时 便Ke以将这些样式移动到一个外部样式表中，并且在创建页面动态效果之前将它们应用于多个页面。本书中的绝大多数实例文件dou由嵌入的样式创建，所以呢一个文件中将包含所有需要使用和引用的文件。在你完成这些初期步骤之后你便Ke以开始准备在这些样式表中进行填充以创建布局。 就是那些样式表，你懂吧？就是页面kan起来好kan的那些，要好好用，奥利给！。

哦， 对了别忘了检查你的页面是否兼容各种浏览器，还有，用户体验真的hen重要，要好好设计，当冤大头了。。

---