Fork me on GitHub

css的框架——global.css

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 // 底部样式。

 

posted on 2014-06-18 17:04  雨为我停  阅读(4287)  评论(0编辑  收藏  举报