各浏览器的默认CSS
时间：2010-08-31 来源：wqj0405
各浏览器的默认CSS
由 愚人码头 撰写 http://www.css88.com/archives/2418
在丸子主编的帮助下终于找到了各浏览器的默认CSS。只要是由于今天解决了一个特殊的问题，依靠的就是看各浏览器的默认CSS，然后重置它，所以很多时候浏览器的默认css还是很有用的。
各浏览器的默认CSS可以在这里http://www.iecss.com/找到，贪心一下，把这些样式都保存了一份：
当然我们还可以找到更老的一些浏览器默认样式：
- Firebird 0.7
- Firefox 0.8
- Firefox 0.9
- Firefox 2.0.0.6
- Firefox 2.0.0.12
- Firefox 3.0b3
- Firefox 3.0.1
- Firefox 3.0.8
- Flock 0.9.0.2
- Flock 1.2.4
- Flock 1.2.7
- Konqueror 3.2.0
- Mozilla 1.0.1
- Mozilla 1.5
- Navigator 6.1
- Navigator 7.1
- Navigator 8.1
- Navigator 9.0b3
- Safari 3.0.4
- Safari x
- Safari 3.1.2
- SeaMonkey 1.1.2
Internet Explorer User Agent Style Sheets
The UA Style Sheet is a simple set of css styles that each web browser uses before any other css styles are applied.
This chart lists and compares the different default style sheets used to render HTML in the four major versions of Internet Explorer; IE6, IE7, IE8, and IE9 Platform Preview.
You can download each of these UA stylesheets by using the links at the top of this chart.
|
|
IE6 | IE7 | IE8 | IE9 |
|---|---|---|---|---|
| a | color: #00F; text-decoration: underline; | color: #06C; text-decoration: underline; | ||
| a:visited | color: #800080; | |||
| address | display: block; font-style: italic; | |||
| b | font-weight: bold; | |||
| bdo | direction: rtl; unicode-bidi: bidi-override; | |||
| blockquote | display: block; margin: 14pt 30pt; | display: block; margin: 1em 40px; | ||
| body | display: block; margin: 15px 10px; zoom: 1; | display: block; margin: 8px; zoom: 1; | ||
| 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; | |
| 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; | |
| cite | font-style: italic; | |||
| code | font-family: monospace; font-size: 10pt; | |||
| col | border-color: #D4D0C8; display: block; | border-color: #F0F0F0; display: block; | box-sizing: border-box; display: table-column; | |
| colgroup | border-color: #D4D0C8; display: block; | border-color: #F0F0F0; display: block; | box-sizing: border-box; display: table-column-group; | |
| dd | display: block; margin: 0 0 0 30pt; | display: block; margin: 0 0 0 40px; | ||
| [dir=rtl] dd | margin: 0 30pt 0 0; | margin: 0 40px 0 0; | ||
| del | text-decoration: line-through; | |||
| dfn | font-style: italic; | |||
| div | display: block; | |||
| dl | display: block; margin: 14pt 0; | display: block; margin: 1em 0; | ||
| dt | display: block; | |||
| em | font-style: italic; | |||
| embed | zoom: 1; | |||
| 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; | |
| form | display: block; margin: 14pt 0; | display: block; | ||
| 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; | ||
| 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; | ||
| 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; | ||
| 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; | ||
| 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; | ||
| 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; | ||
| head |
|
display: none; | ||
| hr | text-align: center; zoom: 1; | outline: 0 none; text-align: center; zoom: 1; | border-style: inset; border-width: 1px; display: block; margin-bottom: 0.5em; margin-top: 0.5em; overflow: hidden; text-align: center; zoom: 1; | |
| html | overflow-x: auto; overflow-y: scroll; zoom: 1; | display: block; zoom: 1; | ||
| i | font-style: italic; | |||
| iframe | background-color: #FFF; width: 300px; zoom: 1; | |||
| img | zoom: 1; | |||
| 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; | ||
| ins | text-decoration: underline; | |||
| kbd | font-family: monospace; font-size: 10pt; | |||
| legend | zoom: 1; | padding: 0 2px; zoom: 1; | ||
| li | display: block; | display: list-item; | ||
| menu | 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; | ||
| [dir=rtl] menu | margin: 14pt 30pt 14pt 0; | padding: 0 30pt 0 0; | ||
| object | zoom: 1; | |||
| 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; | ||
| [dir=rtl] ol | margin: 14pt 30pt 14pt 0; | padding: 0 30pt 0 0; | ||
| optgroup | font-family: sans-serif; font-size: 10pt; font-style: italic; font-weight: bold; | |||
| option | font-family: sans-serif; font-size: 10pt; font-style: italic; font-weight: bold; | |||
| p | display: block; | display: block; margin: 1em 0; | ||
| pre | display: block; font-family: monospace; font-size: 10pt; white-space: pre; | display: block; font-family: monospace; font-size: 10pt; margin: 1em 0; white-space: pre; | ||
| rp | font-size: 6pt; | |||
| rt | font-size: 6pt; | display: ruby-text; font-size: 6pt; | ||
| ruby |
|
display: ruby; | ||
| samp | font-family: monospace; font-size: 10pt; | |||
| script |
|
display: none; zoom: 1; | ||
| select | border-color: #FFF; border-style: inset; border-width: 2px; font-family: sans-serif; font-size: 10pt; zoom: 1; | background-color: #FFF; border-color: #FFF; border-width: 2px; font-family: sans-serif; font-size: 10pt; overflow: hidden; zoom: 1; | background-color: #FFF; border-width: 1px; box-sizing: border-box; font-family: sans-serif; font-size: 10pt; overflow: hidden; zoom: 1; | |
| small | font-size: 10pt; | font-size: 0.83em; | ||
| strong | font-weight: bold; | |||
| style |
|
display: none; zoom: 1; | ||
| sub | font-size: 10pt; | font-size: 0.83em; | ||
| sup | font-size: 10pt; | font-size: 0.83em; | ||
| 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; | |
| tbody | border-color: #D4D0C8; display: block; | border-color: #F0F0F0; display: block; | box-sizing: border-box; display: table-row-group; vertical-align: middle; | |
| 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; | |
| 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; | |
| tfoot | border-color: #D4D0C8; display: block; | border-color: #F0F0F0; display: block; | box-sizing: border-box; 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; | |
| thead | border-color: #D4D0C8; display: block; | border-color: #F0F0F0; display: block; | box-sizing: border-box; display: table-header-group; vertical-align: middle; | |
| 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; | |
| 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; | ||
| [dir=rtl] ul | margin: 14pt 30pt 14pt 0; | padding: 0 30pt 0 0; | ||
| var | font-style: italic; | |||
Interested in other UA Style Sheets?
Firefox 3.6.3 Webkit (r57042) Opera 10.51
This chart was last updated March 30th, 2010.
Internet Explorer and the Internet Explorer logo are either registered trademarks or trademarks of Microsoft Corporation in the United States and/or other countries.
Jonathan Neal (blog)
相关阅读 更多 +
