只写经常用到的元素
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