以通用模板为例
首页:
(图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),可以分别来定义样式来表现;