结构化标记：所写即所想，所想即所写

即便书写 CSS 很简单，使用 CSS 来排版却真的需要一种和我们以往有些不同 的思维方式。

我们排版时考虑的不是“这个东西放在这儿，那个东西放在那儿”，而是页面 中信息的类别和信息的结构。

我们用 <h1> 标记来标示最重要的头条；次一级的条目则 用 <h2> 来标记，以此类推；而段落则放在 <p> 标记中。

这就是我们称之为“结构标记”或“语义标记”的东西。

你的内容将不放在表格和表格元素中，取代它们的是 div 元素。 还要给你的 div 元素安排一个 id 或 class， 不过这是为了描述它们的内容或功能，而非它们的外观。