基本CSS样式,可消除常见浏览器之间的差异
html {
color: #333;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,
img {
border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
font-style: normal;
font-weight: normal;
}
ol,
ul {
list-style: none;
}
caption,
th {
text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal;
}
q:before,
q:after {
content: '';
}
abbr,
acronym {
border: 0;
font-variant: normal;
}
sup {
vertical-align: text-top;
}
sub {
vertical-align: text-bottom;
}
input,
textarea,
select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
*font-size: 100%;
}
legend {
color: #000;
}
iframe {
display: block;
}
body {
font: 12px/1.231 "microsoft yahei", "SimSun", helvetica, clean, sans-serif;
color: #333;
text-align: center;
letter-spacing: 1px;
-webkit-text-size-adjust: auto !important;
}
area {
outline: none;
}
select,
input,
button,
textarea {
outline: none;
font: 99% "microsoft yahei", arial, helvetica, clean, sans-serif;
color: #333;
}
table {
font-size: inherit;
font: 100%;
}
pre,
code,
kbd,
samp,
tt {
font-family: monospace;
*font-size: 108%;
line-height: 100%;
}
a {
text-decoration: none;
}
a,
button,
video {
cursor: pointer;
}
a:link {
color: inherit;
}
a:visited {
color: inherit;
}
a:hover {
color: inherit;
text-decoration: underline;
}
a:active {
color: inherit;
}
/* utilities */
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: block;
height: 0;
line-height: 0;
content: "";
overflow: hidden;
visibility: hidden;
}
.clearfix:after {
clear: both;
}
.l {
float: left !important;
}
.r {
float: right !important;
}
.b {
font-weight: bold;
}
.hidden {
display: none !important;
}
.invisible {
visibility: hidden !important;
}
/*!栅格 */
.container1349 {
width: 100%;
margin: 0 auto;
}
.span1349 {
width: 100%;
float: left;
}
.test {
background-color: red;
}