浏览器的HTML元素的默认CSS [英] Browsers' default CSS for HTML elements
问题描述
我在哪里可以找到HTML元素的浏览器默认CSS？
许多HTML元素都有一些默认的CSS属性，在未知/不需要的行为。例如，输入框在不同的浏览器中显示不同。我正在寻找一个涵盖新的CSS3属性和新的HTML5元素的地方。
我在其他问题（例如浏览器的默认CSS样式表）答案建议CSS重置的解决方案。这个解决方案有时是不需要的，通常我实际上想保留一些基本属性（例如在Chrome中突出显示输入框）。换句话说：我不想因为我不知道他们做什么而摆脱某些东西。
因此， strong>有一个网站可以给我所有这些信息（或者也许最多）？GitHub您可以在 此处 找到所有W3C HTML规范和供应商默认CSS样式表的存储库
1。 Firefox的默认样式
2。 Internet Explorer的默认样式
3。 Chrome / Webkit的默认样式
4。 Opera默认样式
< h2> 5。 HTML4的默认样式（W3C规格）
6。 HTML5的默认样式（W3C规格）
根据默认的W3C HTML4规范示例：
html，address，
，
body，dd，div，
dl，dt，fieldset，form，
frame，frameset，
h1，h2，h3，h4，
h5，h6 ，noframes，
ol，p，ul，center，
dir，hr，menu，pre {display：block; unicode-bidi：embed}
li {display：list-item}
head {display：none}
table {display：table}
tr {display：table-row}
thead {display：table-header-group}
tbody {display：table-row-group}
tfoot {display：table-footer-group}
col {display： table-column}
colgroup {display：table-column-group}
td，th {display：table-cell}
caption {display：table-caption}
th { font-weight：bolder; text-align：center}
caption {text-align：center}
body {margin：8px}
h1 {font-size：2em; margin：.67em 0}
h2 {font-size：1.5em; margin：.75em 0}
h3 {font-size：1.17em; margin：.83em 0}
h4，p，
blockquote，ul，
fieldset，form，
ol，dl，dir，
menu {margin：1.12em 0}
h5 {font-size：.83em; margin：1.5em 0}
h6 {font-size：.75em; margin：1.67em 0}
h1，h2，h3，h4，
h5，h6，b，
strong {font-weight：bolder}
blockquote {margin-left： 40px; margin-right：40px}
i，cite，em，
var，address {font-style：italic}
pre，tt，code，
kbd，samp {font-family ：monospace}
pre {white-space：pre}
button，textarea，
input，select {display：inline-block}
big {font-size：1.17em}
small，sub，sup {font-size：.83em}
sub {vertical-align：sub}
sup {vertical-align：super}
table {border-spacing ：2px; }
thead，tbody，
tfoot {vertical-align：middle}
td，th，tr {vertical-align：inherit} line-through}
hr {border：1px inset}
ol，ul，dir，
menu，dd {margin-left：40px}
ol {list-style-type ：decimal}
ol ul，ul ol，
ul ul，ol ol {margin-top：0; margin-bottom：0}
u，ins {text-decoration：underline}
br：before {content：\A; white-space：pre-line}
center {text-align：center}
：link，：visited {text-decoration：underline}
：focus {outline：thin dotted invert}
/ *开始双向设置（不要更改）* /
BDO [DIR =ltr] {direction：ltr; unicode-bidi：bidi-override}
BDO [DIR =rtl] {direction：rtl; unicode-bidi：bidi-override}
* [DIR =ltr] {direction：ltr; unicode-bidi：embed}
* [DIR =rtl] {direction：rtl; unicode-bidi：embed}
@media print {
h1 {page-break-before：always}
h1，h2，h3，
h4，h5， h6 {page-break-after：avoid}
ul，ol，dl {page-break-before：avoid}
}
Where can I find a browser's default CSS for HTML elements?
Many HTML elements come with some default CSS properties which can sometimes result in unknown/unwanted behaviour. For example Input boxes are displayed differently in different browsers. I'm looking for a place that covers the new CSS3 properties and the new HTML5 elements.
I've seen in other (much older) questions (such as Browsers' default CSS stylesheets) answers that suggest a solution of CSS reset. This solution is sometimes not wanted, often I would actually like to keep some of the basic properties (such as the highlighting of input boxes in Chrome). In other words: I don't want to get rid of things just because I don't know what they do.
So, Is there a site that can give me all this information (or perhaps most)?
A GitHub repository of all W3C HTML spec and vendor default CSS stylesheets can be found here
1. Default Styles for Firefox
2. Default Styles for Internet Explorer
3. Default Styles for Chrome / Webkit
4. Default Styles for Opera
5. Default Styles for HTML4 (W3C spec)
6. Default Styles for HTML5 (W3C spec)
Sample, per the default W3C HTML4 spec:
html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre { display: block; unicode-bidi: embed }
li { display: list-item }
head { display: none }
table { display: table }
tr { display: table-row }
thead { display: table-header-group }
tbody { display: table-row-group }
tfoot { display: table-footer-group }
col { display: table-column }
colgroup { display: table-column-group }
td, th { display: table-cell }
caption { display: table-caption }
th { font-weight: bolder; text-align: center }
caption { text-align: center }
body { margin: 8px }
h1 { font-size: 2em; margin: .67em 0 }
h2 { font-size: 1.5em; margin: .75em 0 }
h3 { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu { margin: 1.12em 0 }
h5 { font-size: .83em; margin: 1.5em 0 }
h6 { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong { font-weight: bolder }
blockquote { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address { font-style: italic }
pre, tt, code,
kbd, samp { font-family: monospace }
pre { white-space: pre }
button, textarea,
input, select { display: inline-block }
big { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub { vertical-align: sub }
sup { vertical-align: super }
table { border-spacing: 2px; }
thead, tbody,
tfoot { vertical-align: middle }
td, th, tr { vertical-align: inherit }
s, strike, del { text-decoration: line-through }
hr { border: 1px inset }
ol, ul, dir,
menu, dd { margin-left: 40px }
ol { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol { margin-top: 0; margin-bottom: 0 }
u, ins { text-decoration: underline }
br:before { content: "\A"; white-space: pre-line }
center { text-align: center }
:link, :visited { text-decoration: underline }
:focus { outline: thin dotted invert }
/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override }
*[DIR="ltr"] { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"] { direction: rtl; unicode-bidi: embed }
@media print {
h1 { page-break-before: always }
h1, h2, h3,
h4, h5, h6 { page-break-after: avoid }
ul, ol, dl { page-break-before: avoid }
}
这篇关于浏览器的HTML元素的默认CSS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
