收起隐藏

千图网络为您提供品牌网站建设及推广解决方案、企业网站解决方案、电商类解决方案、化妆品及服饰行业解决方案。

如果您在网站建设、品牌推广、网络形象设计上遇到问题,可以通过以下方式联系我们。


地址: 荆门市东宝区白云大道6号白云山庄4号楼一楼
全国咨询热线:0724-2364660 / 15907262008

TonyEM: 84995062@163.comQQ:115673
TomEM: 274190195@qq.comQQ:274190195
winds EM: 115673@qq.comQQ:115673
Macro EM: 420480749@qq.comQQ:420480749
Sam EM: 174510443@qq.comQQ:174510443
May EM: 1150930386@qq.comQQ:1150930386
更多
Web2.0网站全局CSS样式设置代码
来源:千图网   浏览次数:2560   发布日期:2013-08-25

每样东西都会有一些本身自有的属性,网站也是如此,每个网站在架构时,为了兼容各种不同类型的浏览器,和方便在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)

〖关闭窗口〗
千图网络
荆门精品网站建设    千图服务热线:0724-2364660 15907262008    鄂ICP备12017473号
Copyright © 2008-2012 All rights reaseaved.