Html(css)样式控制浏览器的兼容性问题的相关教程

html {border:0;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{padding:0;margin:0;}

body {font: 75%/150% Verdana, Lucida, Arial, Helvetica,宋体,sans-serif; color: #111; text-align:center; }

body {width:970px; margin:15px auto;}

fieldset, img{border:0;}

table{border-collapse:collapse;border-spacing:0;}

:focus{outline :0;}

ol, ul{list-style:none outside;}

address, caption, cite, code, dfn, em, strong, th, var{font-weight:normal;font-style:normal;}

caption, th{text-align:left;}

h1, h2, h3, h4, h5, h6{font-size:100%;}

q:before, q:after{content:'';}

abbr, acronym,fieldset, img{border:0;}

a{text-decoration:none; color:#333;}

a:hover{text-decoration:none;}

input, textarea{padding:2px;font-size:12px;}

select {font:12px Arial, Helvetica, sans-serif; }

/* public classes */

.clearfix:after{content:".";height:0;visibility:hidden;display:block;clear:both;}

.clearfix{display:inline-block;}

.clearfix{display:block;}

*

{

border: 0px;

}

body

{

text-align:center;

}

img

{

border: 0px;

cursor: pointer;

}

a

{

text-decoration: none;

color: #0033FF;

}

.a

{

color: #ffffff;

}

a:hover

{

color: #CCCC00;

}

#adDiv

{

width: 980px;

font-size: 22px;

font-weight: bold;

color: #FF0000;

}

#mainDiv

{

width: 980px;

margin: 0 auto\9;

padding-top:0;

text-align: center;

position: relative;

background-color: #FFFFFF;

}

#logoDiv

{

width: 980px;

height: 89px !important;

height: 87px;

}

#flashDiv

{

width: 980px;

}

#navigationDiv

{

width: 980px;

font-size: 16px;

font-family: "楷体_GB2312";

text-align: center;

height: 32px !important;

height: 30px;

background-color: #999999;

padding-top: 17px !important;

padding-top: 15px;

margin-top: 3px !important;

margin-top: 1px;

}

#siderMap

{

width: 750px;

font-size: 12px;

text-align: left;

padding-left: 10px;

}

#centerDiv

{

height: 800px;

width: 980px;

}

#marqueeDiv

{

float:left;

height: 200px;

width: 980px;

}

#bottomDiv

{

height: 10px;

width: 980px;

bottom: 0;

padding-top: 15px;

font-size: 13px;

text-align: center;

color: #666666;

}

#centerLeftDiv

{

margin-top: 10px;

width: 220px;

float: left;

display: inline;

}

#centerRightDiv

{

width: 750px;

float: left;

display: inline;

}

#leftTopDiv

{

float: left;

height: 150px;

width: 220px;

display: inline;

}

#leftBottomDiv

{

float: left;

width: 220px;

margin-top: 5px;

display: inline;

}

#rightTopDiv

{

position: relative;

width: 750px;

float: left;

display: inline;

}

#siderbarDiv

{

float: left;

width: 10px;

display: inline;

}

#rightBottomDiv

{

width: 740px;

float: left;

display: inline;

padding-left: 20px;

}

#conditionDiv

{

float: left;

width: 307px;

margin-bottom: 0px;

padding-bottom: 0px;

display: inline;

height:280px;

}

#lawDiv

{

float: left;

width: 307px;

margin-left: 68px;

display: inline;

height:280px;

}

#guideDiv

{

float: left;

width: 307px;

margin-top: 10px;

display: inline;

height:280px;

}

#statDiv

{

float: left;

width: 307px;

margin-top: 10px;

margin-left: 68px;

display: inline;

height:280px;

}

.conBottom

{

margin-top: 10px;

padding-top: 0px;

border: solid 0px #89D8F6;

width: 307px;

height: 180px;

font-size: 13px;

text-align: left;

overflow: visible;

}

.moreDiv

{

text-align: right;

padding-bottom: 5px;

margin-bottom: 5px;

font-size: 13px;

}

#siderMarquee

{

margin-top: 5px;

}

#crt1

{

position: absolute;

width: 174px;

height: 94px;

left: 32px;

top: 28px;

}

#crt2

{

position: absolute;

width: 174px;

height: 94px;

left: 274px;

top: 29px;

}

#crt3

{

position: absolute;

width: 174px;

height: 94px;

left: 508px;

top: 29px;

}

#crt4

{

position: absolute;

width: 174px;

height: 94px;

left: 32px;

top: 141px;

}

#crt5

{

position: absolute;

width: 174px;

height: 92px;

left: 273px;

top: 141px;

}

#crt6

{

position: absolute;

width: 174px;

height: 93px;

left: 508px;

top: 140px;

}

#showBigDiv

{

position: absolute;

z-index: 3;

width: 400px;

height: 216px;

left: 393px;

top: 528px;

}

li

{

text-align: left;

}

.tr

{

background-color: #ccddff;

}

.tr1

{

background-color: #eeeeff;

}

#contentDiv

{

font-size: 13px;

padding-top: 5px;

padding-left: 20px;

color: #666666;

text-align: left;

height:500px;

background-repeat:no-repeat;

}
本文出自 “编程软件教程|软件破解..” 博客，转载请与作者联系！