网海天涯

前面几节教程中，我着重向大家介绍过css代码，以及css代码与布局代码长分开书写的方法。在这节教程中，我想对前面三节的内容作一个总结。

css代码，在我的教程中，也被称作样式代码，它的作用就是“方便地页面中各种元素的显示样式”。我在前面经常列举的例子就是“一个宽度为多少，高度为多少，背景图片是什么的层”。这个例子中的宽度，高度，背景图片的设置都可以通过样式代码加以控制。

样式代码对页面元素的控制方式可以是直接的，也可以是间接。直接的方式是这样的
 <div style="width:955px;height:230px;background:url();">
  一个宽度为多少，高度为多少，背景图片是什么的层
 </div>
而间接的方式，就是我们这几节中强调的内容，我们再来看下改写后的例子：
布局代码：
 <div id="header">
  一个 id 是 header ，且宽度为多少，高度为多少，背景图片是什么的层
 </div>
样式代码（css代码）
 <style>
 #header {
  width:955px;
  heigth:230px;
  background:url();
 }
 </style>

改写之后的代码，被分隔成两部分，一是布局代码，一是样式代码。通过适当的引用就能使两者联系起来，从而实现与第一个例子一样的显示效果。单从这一个例子我们还看不出来，分开书写代码有什么好处，但是一旦当我们自己学习书写模板的时候，就会发现，如果页面中每个元素都用直接控制的方式来写的话，就会使代码变得十分地混乱，不利于以后的修改。

下一节，实战样式代码（css代码）！！激动人心的时刻就要到，敬请期待！！