C
C
S
S
S
S
+
+
D
D
I
I
V
V
布
布
局
局
赏
赏
析
析
案
案
例
例
1 “上中下”布局
分析：从整体来看该页面模版是“上中下”的布局，其头部部分主要包括网站的 Logo 和导
航条等；下面是一张精美的图片，该图片在整个模版中起到了美化网页的作用，同时
该图片也是一个 DIV 标签，其代码为：“<div id="splash"></div>”；接下来是两个左右
分开的表格，用来转达网页所要表达的文字信息，同时还包括多个超级链接，这些链
接一般用于与本网站的其他网页建立联系；最下面是是网站的底栏，主要包括版权信
息和联系方式，主要功能是版权声明和听取浏览者的意见或建议。
代码：相关 CSS 代码分析如下：
body {
margin: 20px 0;
background: #FFFFFF;
