演讲嘉宾：所以，它实际上不是最好的 设计交融的CSS和HTML。 相反，它是最好分解出您的 CSS的，把它放在中部， 不知它适用于 标签在你的网页。 要做到这一点，我们就可以真正停止 使用样式属性，而不是 使用Style标记，属于在 头一个网页的旁边，为 例如，你的标题。 

让我们给这一个尝试，重新实现 约翰·哈佛的主页 使用样式标记。 我已经得到我们开始 这里有三个div的供 约翰·哈佛的网页。 但是，让我们现在先上去这首 格，并添加一个新的属性， 即ID，并指定一个唯一的 识别这个特定的div 应，例如，报价引文 “顶部”，一个任意的名称，但 描述在这个分区是 确实在我的网页的顶部。 

在接下来的div，让我们给它一个 报价引文结束的不同的ID “中间”，让我们给第三格 的报价引文结束一个ID“垫底”。我们 现在有三个唯一标识符 这是我们可以应用一些CSS 性能，但首先，让我们回归 这个页面的头部。 以上只是这里的称号，我会 继续前进，定义样式 然后关闭风格。 

在这里面，现在，我要去定义 一些CSS属性，即 同那些我以前曾在风格 属性，但在这里，他们将 集中定义。 要做到这一点，我要去指定英镑 符号其次是顶部，从而 指定下面的CSS 性质应适用于任何 HTML元素具有独特的 标识符顶部。 我那么将会有一些开放， 封闭的大括号，和我要去 指定，也就是说，字体大小应为36 像素，字体粗细应为粗体。 

为了保持干净的东西，我把每个 现在自己的这些属性 线，但是这只是一个 文体惯例。 低于这个，现在让我们再定义 选择器，可以这么说。 这其中对于具有HTML标记 中间的唯一标识符。 而在这里，让我们来指定字体大小 中的24个像素，低于该另一 选择器底部和内 那，让我们来指定 的12像素的字体大小。 

现在，让我们保存，更改权限 上，并在浏览器中加载该页面， 存取权限chmod a加r CSS-1.HTML。 让我们打开浏览器并访问 http://localhost/css-1.html。 不坏。 正是因为我打算，但我想 走一步算一步，现在和 中心的约翰·哈佛的文字。 我们可以这样做，我可以换的 在一个div整个页面，因为我 做一个早期的例子。 或者，我可以更聪明，并认识到 所有这些div都是内部 我的网页的身体，所以为什么不适用 一个或多个CSS属性到主体 标签本身？ 

要做到这一点，让我们做到这一点。 让我们再回到这里的gedit。 让我们回到前面的风格标签， 并让我们指定一个选择器只是 使用该标签的名字，身体。 下面说，让我们把我们的大括号 其次是文本对齐中心。 现在让我们保存页面并重新加载 它是浏览器的内部。 刷新在Chrome中，瞧。 我们现在有约翰·哈佛的页面 中心作为我们预期。