只写经常用到的元素
zoom为ie专有属性
标签 |
类型 |
IE6 |
IE7 |
IE8 |
IE9 |
webkit |
gecko |
html |
overflow-x: auto; overflow-y: scroll; zoom: 1; |
display: block;zoom: 1; | |||||
body |
display: block;
margin: 15px 10px;
zoom: 1;
|
display: block;
margin: 8px;
zoom: 1;
|
display: block; margin: 8px |
display: block; margin: 8px; |
|||
h1 |
display: block;
font-size: 24pt;
font-weight: bold;
margin: 14pt 0;
|
display: block;
font-size: 2em;
font-weight: bold;
margin: 0.67em 0;
page-break-after: avoid;
|
display: block;
font-size: 2em;
margin: .67__qem 0 .67em 0;
font-weight: bold
|
display: block;
font-size: 2em;
font-weight: bold;
margin: .67em 0;
|
|||
h2 |
display: block;
font-size: 18pt;
font-weight: bold;
margin: 14pt 0;
|
display: block;
font-size: 1.5em;
font-weight: bold;
margin: 0.83em 0;
page-break-after: avoid;
|
display: block; font-size: 1.5em; margin: .83__qem 0 .83em 0; font-weight: bold |
display: block; font-size: 1.5em; font-weight: bold; margin: .83em 0; |
|||
h3 |
display: block;
font-size: 13.55pt;
font-weight: bold;
margin: 14pt 0;
|
display: block;
font-size: 1.17em;
font-weight: bold;
margin: 1em 0;
page-break-after: avoid;
|
display: block; font-size: 1.17em; margin: 1__qem 0 1em 0; font-weight: bold |
display: block; font-size: 1.17em; font-weight: bold; margin: 1em 0; |
|||
h4 |
display: block;
font-weight: bold;
margin: 14pt 0;
|
display: block;
font-size: 1em;
font-weight: bold;
margin: 1.33em 0;
page-break-after: avoid;
|
display: block; margin: 1.33__qem 0 1.33em 0; font-weight: bold |
display: block; font-weight: bold; margin: 1.33em 0; |
|||
h5 |
display: block;
font-size: 10pt;
font-weight: bold;
margin: 14pt 0;
|
display: block;
font-size: 0.83em;
font-weight: bold;
margin: 1.67em 0;
page-break-after: avoid;
|
display: block; font-size: .83em; margin: 1.67__qem 0 1.67em 0; font-weight: bold |
display: block; font-size: 0.83em; font-weight: bold; margin: 1.67em 0; |
|||
h6 |
display: block;
font-size: 7.55pt;
font-weight: bold;
margin: 14pt 0;
|
display: block;
font-size: 0.67em;
font-weight: bold;
margin: 2.33em 0;
page-break-after: avoid;
|
display: block; font-size: .67em; margin: 2.33__qem 0 2.33em 0; font-weight: bold |
display: block; font-size: 0.67em; font-weight: bold; margin: 2.33em 0; |
|||
p |
display: block; | display: block;
margin: 1em 0;
|
display: block; margin: 1.0__qem 0px |
display: block;
margin: 1em 0;
|
|||
a |
color: #00F;
text-decoration: underline;
|
color: #06C;
text-decoration: underline;
|
|||||
a:visited |
color: #800080; | ||||||
span |
|||||||
em |
font-style: italic; |
font-style: italic; |
|||||
caption |
display: block; padding: 1px 3px 5px;
text-align: center; zoom: 1; |
display: block; padding: 1px 300zzz 500zzz;
text-align: center; zoom: 1; |
display: table-caption; text-align: center; zoom: 1; |
display: table-caption; text-align: -webkit-center |
display: table-caption; text-align: center; -moz-box-sizing: border-box; |
||
ul |
display: block;
list-style-image: none;
list-style-position: outside;
list-style-type: disc;
margin: 14pt 0 14pt 30pt;
|
display: block;
list-style-image: none;
list-style-position: outside;
list-style-type: disc;
margin: 1em 0;
padding: 0 0 0 30pt;
|
display: block;
list-style-type: disc;
margin: 1__qem 0 1em 0;
-webkit-padding-start: 40px
|
display: block;
list-style-type: disc;
margin: 1em 0;
-moz-padding-start: 40px;
|
|||
ol |
display: block;
list-style-image: none;
list-style-position: outside;
list-style-type: decimal;
margin: 14pt 0 14pt 30pt;
|
display: block;
list-style-image: none;
list-style-position: outside;
list-style-type: decimal;
margin: 1em 0;
padding: 0 0 0 30pt;
|
display: block;
list-style-type: decimal;
margin: 1__qem 0 1em 0;
-webkit-padding-start: 40px
|
display: block;
list-style-type: decimal;
margin: 1em 0;
-moz-padding-start: 40px;
|
|||
li |
display: block; | display: list-item; |
display: list-item |
display: list-item; |
|||
dl |
display: block;
margin: 14pt 0;
|
display: block;
margin: 1em 0;
|
display: block; margin: 1__qem 0 1em 0 |
display: block;
margin: 1em 0;
|
|||
dt |
display: block; |
display: block |
|||||
dd |
display: block; margin: 0 0 0 30pt; |
display: block;
margin: 0 0 0 40px;
|
display: block;
-webkit-margin-start: 40px
|
display: block;
-moz-margin-start: 40px;
|
|||
table |
border-color: #D4D0C8;
display: block;
zoom: 1;
|
border-color: #F0F0F0;
display: block;
zoom: 1;
|
border-color: #F0F0F0;
border-spacing: 2px 2px;
box-sizing: border-box;
display: table;
zoom: 1;
|
display: table; border-collapse: separate; border-spacing: 2px; border-color: gray |
display: table; border-spacing: 2px; border-collapse: separate; margin-top: 0; margin-bottom: 0; /* XXXldb do we want this if we're |
||
thead |
border-color: #D4D0C8;
display: block;
|
border-color: #F0F0F0;
display: block;
|
box-sizing: border-box;
display: table-header-group;
vertical-align: middle;
|
display: table-header-group; vertical-align: middle; border-color: inherit |
display: table-header-group; vertical-align: middle; |
||
tbody |
border-color: #D4D0C8;
display: block;
|
border-color: #F0F0F0;
display: block;
|
box-sizing: border-box;display: table-row-group;vertical-align: middle; |
display: table-row-group; vertical-align: middle; border-color: inherit |
display: table-row-group; vertical-align: middle; |
||
tfoot |
border-color: #D4D0C8;
display: block;
|
border-color: #F0F0F0;
display: block;
|
box-sizing: border-box;display: table-footer-group; vertical-align: middle; |
display: table-footer-group; vertical-align: middle; border-color: inherit |
display: table-footer-group; vertical-align: middle; |
||
th |
border-color: #D4D0C8;
display: block;
font-weight: bold;
padding: 1px;
text-align: center;
zoom: 1;
|
border-color: #F0F0F0;
display: block;
font-weight: bold;
padding: 1px;
text-align: center;
zoom: 1;
|
display: table-cell;
font-weight: bold;
padding: 1px;
text-align: center;
vertical-align: middle;
zoom: 1;
|
font-weight: bold display: table-cell; vertical-align: inherit |
display: table-cell; vertical-align: inherit; font-weight: bold; padding: 1px; |
||
tr |
border-color: #D4D0C8;
display: block;
zoom: 1;
|
border-color: #F0F0F0;
display: block;
zoom: 1;
|
box-sizing: border-box;
display: table-row;
vertical-align: middle;
zoom: 1;
|
display: table-row; vertical-align: inherit; border-color: inherit |
display: table-row; vertical-align: inherit; |
||
td |
border-color: #D4D0C8;
display: block;
padding: 1px;
zoom: 1;
|
border-color: #F0F0F0;
display: block;
padding: 1px;
zoom: 1;
|
display: table-cell; padding: 1px; vertical-align: middle;zoom: 1; |
display: table-cell; vertical-align: inherit |
display: table-cell;
vertical-align: inherit;
text-align: inherit;
padding: 1px;
|
||
fieldset |
border-style: groove;
border-width: 2px;
display: block;
zoom: 1;
|
border-style: groove;
border-width: 2px;
display: block;
padding: 0 2px 3px;
zoom: 1;
|
border-style: groove;
border-width: 2px;
display: block;
margin: 0 2px;
padding: 0 2px 3px;
zoom: 1;
|
display: block;
margin-left: 2px;
margin-right: 2px;
padding: 0.35em 0.75em 0.625em;
border: 2px groove ThreeDFace
|
|||
legend |
zoom: 1; |
padding: 0 2px; zoom: 1; |
display: block;
padding-left: 2px;
padding-right: 2px;
border: none
|
||||
form |
display: block;
margin: 14pt 0;
|
display: block; |
display: block;
margin-top: 0__qem
|
||||
label |
cursor: default; |
||||||
button |
background-color: #D4D0C8;
border-style: outset;
border-width: 2px;
font-family: sans-serif;
font-size: 10pt;
overflow: hidden;
text-align: center;
zoom: 1;
|
background-color: #F0F0F0;
border-width: 2px;
font-family: sans-serif;
font-size: 10pt;
overflow: hidden;
text-align: center;
zoom: 1;
|
background-color: #F0F0F0;
border-width: 3px;
box-sizing: border-box;
font-family: sans-serif;
font-size: 10pt;
overflow: hidden;
padding: 1px 8px;
text-align: center;
zoom: 1;
|
margin: 0__qem; font: -webkit-small-control; color: initial; letter-spacing: normal; word-spacing: normal; line-height: normal; text-transform: none; text-indent: 0; text-shadow: none; display: inline-block; text-align: -webkit-auto; |
|||
input |
background-color: #FFF;
border-style: inset;
border-width: 2px;
font-family: sans-serif;
font-size: 10pt;
overflow: hidden;
padding: 1px;
zoom: 1;
|
background-color: #FFF;
border-width: 2px;
font-family: sans-serif;
font-size: 10pt;
overflow: hidden;
padding: 1px;
zoom: 1;
|
margin: 0__qem; font: -webkit-small-control; color: initial; letter-spacing: normal; word-spacing: normal; line-height: normal; text-transform: none; text-indent: 0; text-shadow: none; display: inline-block; text-align: -webkit-auto; |
||||
textarea |
background-color: #FFF;
border-style: inset;
border-width: 2px;
font-family: monospace;
font-size: 10pt;
overflow-x: hidden;
overflow-y: scroll;
padding: 1px;
white-space: pre;
zoom: 1;
|
background-color: #FFF;
border-width: 2px;
font-family: monospace;
font-size: 10pt;
overflow-x: hidden;
overflow-y: scroll;
padding: 2px;
white-space: pre;
zoom: 1;
|
background-color: #FFF;
border-width: 1px;
font-family: monospace;
font-size: 10pt;
overflow-x: hidden;
overflow-y: scroll;
padding: 2px;
white-space: pre-wrap;
zoom: 1;
|
margin: 0__qem; font: -webkit-small-control; color: initial; letter-spacing: normal; word-spacing: normal; line-height: normal; text-transform: none; text-indent: 0; text-shadow: none; display: inline-block; text-align: -webkit-auto; -webkit-appearance: textarea; background-color: white; border: 1px solid; -webkit-rtl-ordering: logical; -webkit-user-select: text; -webkit-box-orient: vertical; resize: auto; cursor: auto; padding: 2px; white-space: pre-wrap; word-wrap: break-word; |
|||
img |
zoom: 1; | ||||||
单单一个IE系列,就有那么多不同,就需要重置css了,但是,还是要根据需要来重置css样式
参考资料网站:
http://www.linxz.de/brower/webkit_html.css