不同浏览器对于相同元素的默认样式并不一致,而且不同内核的浏览器在某些控件(元素)的表现上也是各有差异,比如字体、缩进等等,这些问题都是由于浏览器的默认样式(CSS)在作怪,下面西部e网整理了一份浏览器默认css的样式表文件,包括了IE各版本、Firefox、Opera、Webkit等供大家参考:
Opera 10.51浏览器默认CSS样式表
/* Copyright 2010 Opera Software */
a {
color: #00C;
text-decoration: underline;
}
a:visited {
color: #800080;
}
abbr {
border-bottom-style: dotted;
border-bottom-width: 1px;
}
address {
display: block;
font-style: italic;
padding-left: 2px;
padding-right: 2px;
}
area {
display: none;
}
audio {
display: none;
}
audio[controls] {
display: inline;
}
b {
font-weight: bold;
}
base {
display: none;
}
bdo {
direction: rtl;
unicode-bidi: bidi-override;
}
blockquote {
display: block;
margin: 1em 10px 1em 40px;
}
[dir=rtl] blockquote {
margin: 1em 10px 1em 40px;
}
body {
display: block;
margin: 8px;
}
button {
border-width: 2px;
color: #000;
display: inline-block;
font-family: use-lang-def;
font-size: 13px;
font-weight: 400;
padding: 1px 8px;
text-align: center;
text-indent: 0;
white-space: nowrap;
}
caption {
display: table-caption;
text-align: center;
}
cite {
font-style: italic;
}
code {
font-family: use-lang-def;
font-size: 0.81em;
}
col {
display: table-column;
}
colgroup {
display: table-column-group;
}
datalist {
display: none;
}
dd {
margin: 0 0 0 40px;
}
[dir=rtl] dd {
margin: 0 40px 0 0;
}
del {
text-decoration: line-through;
}
dfn {
font-style: italic;
}
div {
display: block;
}
dl {
display: block;
margin: 1em 0;
}
dt {
display: block;
}
em {
font-style: italic;
}
fieldset {
border-style: groove;
border-width: 2px;
display: block;
margin-left: 2px;
margin-right: 2px;
padding: 0.33em 0.67em 0.75em;
}
form {
display: block;
}
h1 {
display: block;
font-size: 2em;
font-weight: bold;
margin: 0.67em 0;
}
h2 {
display: block;
font-size: 1.5em;
font-weight: bold;
margin: 0.83em 0;
}
h3 {
display: block;
font-size: 1.17em;
font-weight: bold;
margin: 1em 0;
}
h4 {
display: block;
font-weight: bold;
margin: 1em 0;
}
h5 {
display: block;
font-size: 0.83em;
font-weight: bold;
margin: 1.67em 0;
}
h6 {
display: block;
font-size: 0.67em;
font-weight: bold;
margin: 2.33em 0;
}
head {
display: none;
}
hr {
border-style: inset;
border-width: 1px;
box-sizing: content-box;
display: block;
height: 0;
margin: 10px 0;
text-align: center;
}
html {
display: block;
}
i {
font-style: italic;
}
iframe {
border-style: inset;
border-width: 2px;
}
input {
border-width: 2px;
color: #000;
font-family: use-lang-def;
font-size: 13px;
font-weight: 400;
padding: 1px;
text-align: default;
text-indent: 0;
text-transform: none;
}
ins {
text-decoration: underline;
}
kbd {
font-family: use-lang-def;
font-size: 0.81em;
}
keygen {
border-width: 2px;
color: #000;
font-family: use-lang-def;
font-size: 13px;
font-weight: 400;
padding: 1px;
text-align: default;
text-indent: 0;
}
legend {
display: block;
padding-left: 2px;
padding-right: 2px;
}
li {
display: list-item;
}
link {
display: none;
}
menu {
display: block;
margin: 1em 0 1em 40px;
padding-left: 2px;
padding-right: 2px;
}
[dir=rtl] menu {
margin: 1em 40px 1em 0;
}
meta {
display: none;
}
noscript {
display: none;
}
ol {
padding: 0 40px 0 0;
}
optgroup {
text-indent: 0;
}
option {
text-indent: 0;
}
p {
display: block;
margin: 1em 0;
}
pre {
display: block;
font-family: use-lang-def;
font-size: 0.81em;
margin: 1em 0;
white-space: pre;
}
q {
quotes: "\"" "\"" "'" "'";
}
samp {
font-family: use-lang-def;
font-size: 0.81em;
}
script {
display: none;
}
select {
border-width: 2px;
color: #000;
font-family: use-lang-def;
font-size: 13px;
font-weight: 400;
padding: 1px;
text-align: default;
text-indent: 0;
}
strong {
font-weight: bold;
}
style {
display: none;
}
sub {
vertical-align: sub;
}
sup {
vertical-align: super;
}
table {
border-spacing: 2px;
display: table;
text-indent: 0;
}
tbody {
display: table-row-group;
vertical-align: middle;
}
td {
display: table-cell;
padding: 1px;
vertical-align: inherit;
}
textarea {
border-width: 2px;
color: #000;
font-family: use-lang-def;
font-size: 13px;
font-weight: 400;
line-height: normal;
padding: 1px;
text-align: default;
text-indent: 0;
text-transform: none;
}
tfoot {
display: table-footer-group;
vertical-align: middle;
}
th {
display: table-cell;
font-weight: bold;
padding: 1px;
vertical-align: inherit;
}
thead {
display: table-header-group;
vertical-align: middle;
}
title {
display: none;
}
tr {
display: table-row;
vertical-align: inherit;
}
ul {
display: block;
list-style-position: outside;
list-style-type: disc;
margin: 1em 0;
padding: 0 0 0 40px;
}
[dir=rtl] ul {
padding: 0 40px 0 0;
}
var {
font-style: italic;
}
video {
display: inline;
}