global.css公共样式模板与介绍

CSS文件命名为global.css，一般此CSS文件是用于装全站主要框架CSS样式代码和初始化的CSS样式。

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

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

通常会放初始化CSS代码如下：

body,div,ul,ol,dl,dt,dd,li,dl,h1,h2,h3,h4
{
    margin:0;
    padding:0;
    font-style:normal;
font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif}
ol,ul,li{
    list-style:none;
}
img{
    border:0;
    vertical-align:middle;
}
body{
    color:#000000;
    background:#FFF;
    text-align:center;
}
.clear{
    clear:both;
    height:1px;
    width:100%;
    overflow:hidden;
    margin-top:-1px;
}
a{
    color:#000000;
    text-decoration:none;
}
a:hover{
    color:#BA2636;
    text-decoration:underline;
}
    

以上代码是初始化HTML常用的标签默认CSS样式，避免不同浏览器对相同标签已不同默认样式，造成兼容问题，这样初始化一次可以避免这些问题。

相关推荐阅读
1、css初始化
2、css初始化模板
3、html+css模板

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！