在开始编写CSS之前，应该把整个网站的HTML代码全部写出来，然后就可以开始编写网站的CSS样式了。下面就来详细说明。
网站不仅要有一个基本的HTML模板，而且还需要有设计好的网站视觉效果，因此接下来的任务就是让HTML模板以网页形式呈现出来，为了达到目的，需要为模板编写CSS代码。
本例把所有的CSS代码都写在同一个文件里，这样只需要在页面的<head>标签内插入一个<link>标签就可以了。代码如下：
<link rel="stylesheet" href="styles/reset.css" type="text/css" />
对于CSS的编写，每个人的思路和写法都不同。推荐方法：先编写全局样式，然后编写可大范围重用的样式，最后编写细节方面的样式。这样，根据CSS的最近优先级规则，就可以很容易对网站进行从整体到细节样式的定义。
本案例整个网站定义了如下几个样式表：
- reset.css：重置样式表。
- box.css：模态对话框样式表。
- main.css：主体样式表。
- thickbox.css：表格框样式表。
- skin.css：皮肤样式表。
这些样式表放置在网站根目录下styles文件夹中，其中皮肤样式表全部放置在子目录styles/skin中，皮肤样式表包括：skin_0.css（蓝色系）、skin_1.css（紫色系）、skin_2.css（红色系）、skin_3.css（天蓝色系）、skin_4.css（橙色系）、skin_5.css（淡绿色系）。