一个网页如果是标准的设计，那么他一般是由如下几部分组成的：
1、内容(Content)
2、结构(Structure)
3、表现(Presentation)
4、行为(Behavior)
1、内容：就是网页要传达或展示给浏览者的信息，可以是数据、文档、图片、音乐、视频等。例如下面的内容：
锄禾 锄禾日当午，汗滴禾下土。 谁知盘中餐，粒粒皆辛苦。
2、结构：就是对见面的内容进行整理，如上的内容放在一行中很不美观，也不利于人们便利的获取信息。因些要使用网页语言对其格式化。如html、xml、xhtml等。
我们用xhtml对其整理如下：
代码如下:
<h3>锄禾</h3>
<ul>
<li>锄禾日当午，汗滴禾下土。</li>
<li>谁知盘中餐，粒粒皆辛苦。</li>
</ul>
3、表现：在结构上我们使内容有了结构化的形式，但是还不够美观。这时就要控制他的字号、背景、大小、颜色。这就是所课的表现，也就是CSS的作用。这也是网页浏览者看到的最终效果。
我们再用CSS对上面的内容进行表现上的设计：
代码如下:
<style type="text/css">
h3 { font-size:16px; color:#0000FF; text-align:center;}
li { font-size:14px; color:#FF0000; list-style:none; text-align:center;}
</style>
<h3>锄禾</h3>
<ul>
<li>锄禾日当午，汗滴禾下土。</li>
<li>谁知盘中餐，粒粒皆辛苦。</li>
</ul>
4、行为：就是当我们点击或者在移动时触发的一些效果，面这一般是由JavaScript来完成，这里我们先不多讨论。
