动态
Web2.0网站全局CSS样式设置代码

每样东西都会有一些本身自有的属性,网站也是如此,每个网站在架构时,为了兼容各种不同类型的浏览器,和方便在DIV+CSS排版时比较容易可视化,刚需要设置一些基本标签代码的样式属性,全局设置代码如下:

@charset "utf-8";

/*===== 重设 =====*/
html{color:#555555;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,p{
 margin:0;
 padding:0;
 font-family: "宋体", Arial, simsun, Verdana, Lucida, Helvetica, sans-serif;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
}
div{font-size:12px;}
hr{ padding:0; margin:0;}
img { border:0;vertical-align:middle;}
em,strong{font-style:normal;font-weight:normal;}
ul, li, dl, dt, dd, ol { list-style:none;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
a{text-decoration:none;}
.none{display:none;}
.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;width:0;height:0;}
hr{border:0 #f3f3f3 solid;border-top-width:1px;clear:both;height:0}
.clearfix{zoom:1;}
.clearfix:after{ content:"."; height:0; display:block; clear:both; visibility:hidden;}
#wraper{width:960px;margin:0 auto;}/*页面区域*/

a:link , a:visited {font-family: 宋体, Arial, Helvetica, sans-serif;font-size: 12px;color: #555555;text-decoration: none;}
a:hover {font-family: 宋体, Arial, Helvetica, sans-serif;font-size: 12px;color: #FF6600;text-decoration: underline;}

如果正文中,需要用到列表和编号的自然样式,刚不需要全局设置:ul, li, dl, dt, dd, ol { list-style:none;},删掉此句代码即可。如需像百度网站一样的链接样式按照最原始的状态显示,刚不需要设置A标签的样式即可。

以上本文仅供参考,每个网站需要不一样,有些设置可能会不同。(本文由 云速客网 原创,欢迎转载,转载请注明来源 云速客网 http://www.cxbuy.net)