游览器内核默认css样式

只写经常用到的元素

 

 

 

 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 
  border-collapse:collapse ? */
  -moz-box-sizing: border-box;
  text-indent: 0;
 
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

http://www.linxz.de/brower/gecko_html.css

http://www.w3cfuns.com/topic-12.html

posted @ 2012-10-06 15:19  黑色技术  阅读(388)  评论(0)    收藏  举报