css的框架——global.css

浏览数：20 / 时间：2015年06月09日

global.css，一般这个css文件是用于装全站主要框架css样式代码。

“global”翻译为全局、全部。从翻译中大家也能理解global.css用于做什么。大站常常用于装全站公共的CSS样式选择器。

全站能重复调用的CSS样式都放入此CSS文件内，可以节约样式代码、规范、有利于调用辨别。同时日后修改全站某处相同地方时候，由于全站公共部分样式集中于此global.css文件内，所以修改此文件内对应一处CSS样式即可完成对全站布局修改，节约时间方便管理。

@charset "utf-8";
/*全局样式*/
body { margin:0 auto; font:normal normal normal 12px/150% Verdana; color:#333; }
ul { list-style:none;margin:0;padding:0;}
dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form { margin:0;padding:0;}
/* 字体设置 */
a,span,em,li,dd,dt,h4,h5,h6 {font:normal normal normal 1em/150% Verdana;}
h1,h2 { font:normal normal bold 1.2em/150% Verdana;}
h3 { font:normal normal bold 1em/150% Verdana;}
h4 { font:normal normal normal 1em/150% Verdana;}
/* 其它 */
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

其实跟base.css也差不多，只是各司其职而已。

当然也会出现其他的css，例如layout.css // 管理页面的布局，typeset.css // 图文的编排与，color.css // 统一管理颜色的搭配，print.css // 打印效果样式，ie.css // 把对ie的hack单独分开，header.css // 头部的所有样式，container.css // 除头部/底部外的中间区域样式，footer.css // 底部样式。