以通用模板为例

首页:

(图2-1

默认列表页:

(图2-2

默认文章页:

(图2-3


 3个模板文件,结构默认为三个部分分别为页头(header)主体(container)和页脚(footer)

文件结构:

(图2-4

布局样式:

(图2-5

(图2-6

框架里面三个模块,即相互独立又存在共性,

共性:都使用了类样式“wrapper”,在样式表(2-5)中定义了全局样式 .wrapper .inner {width:1000px;margin:0 auto;} /**页面全局宽度**/,页面定义宽度1000px;

独立:见(图2-6),可以分别来定义样式来表现;