Navigateurs CSS par défaut pour les éléments HTML

Où puis-je trouver un défaut du navigateur CSS pour les éléments HTML?

Nombreux éléments HTML venir avec des valeurs par défaut des propriétés CSS qui peut parfois entraîner inconnu/comportement indésirable. Par exemple, les zones de Saisie sont affichés différemment dans les différents navigateurs. Je suis à la recherche d'un endroit qui couvre les nouvelles propriétés CSS3 et les nouveaux éléments HTML5.

J'ai vu dans d'autres (beaucoup plus) des questions (comme Les navigateurs par défaut des feuilles de style CSS) des réponses qui suggèrent une solution de CSS reset. Cette solution est parfois pas voulu, souvent je fait comme pour garder une partie de la base de propriétés (telles que la mise en évidence de zones d'entrée dans Chrome). En d'autres termes: je ne veux pas de se débarrasser de choses juste parce que je ne sais pas ce qu'ils font.

Donc, Est-il un site qui peut me donner tous ces renseignements (ou peut-être plus)?

Pas un site, mais dans le chrome devleoper outils, il montre les hérité de règles css et ceux marqués "user-agent "stylesheet" montrera le chrome. Désolé je ne pouvais pas être plus d'aide. aussi: dowebsitesneedtolookexactlythesameineverybrowser.com
Excellente question! Je suis d'accord, il doit y avoir quelque part où tout cela est l'information est disponible.
Juste une remarque, la réinitialisation.css n'arrête pas les choses de base. Vos boîtes de saisie sera toujours mis en évidence dans Chrome. Vous allez juste perdre de l'aléatoire padding-les différences entre les navigateurs. De sorte que vous pouvez commencer avec le même comportement dans tous les navigateurs (padding/margin/ sage...).
Khoury - Aussi vrai de Firebug.
bien sûr! J'ai oublié de Firebug

OriginalL'auteur Nayish | 2011-07-29

  1. 70

    Un dépôt GitHub de tous W3C HTML spec et le fournisseur par défaut CSS les feuilles de style peuvent être trouvés ici

    1. Les Styles par défaut de Firefox

    2. Les Styles par défaut pour Internet Explorer

    3. Les Styles par défaut de Chrome /Webkit

    4. Les Styles par défaut pour Opera

    5. Les Styles par défaut de HTML4 W3C (spec)

    6. Les Styles par défaut de HTML5 du W3C (spec)

    Exemple, pour la valeur par défaut du 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 }
}
    Sur une note de côté, il est intéressant de voir les choses comme le tristement célèbre nobr dans la balise du W3C HTML5 feuille de style.

    OriginalL'auteur SW4

  2. 109

    C'est différent pour chaque navigateur, donc:

    Vous pouvez également regarder la HTML5 Boilerplate feuille de style, qui "normalise l'affichage de beaucoup de choses sans être un reset dans le sens traditionnel du terme". Elle corrige également quelques bugs/incohérences.

    Il est également intéressant de regarder: https://github.com/necolas/normalize.css/blob/master/normalize.css

    Qui, curieusement, est la plupart du temps les mêmes trucs que j'ai relié à ma réponse pour la question liée à au-dessus de laquelle est, apparemment, "way out of date". Si je n'ai seulement ajouter de la IE lien pour que 2 jours.
    Quoi d'autre pensez-vous qu'il est en dehors du navigateur par défaut?
    Il n'y a pas de définition spécifique de la CSS par défaut pour les éléments HTML en dehors de ce que les navigateurs ont mis en œuvre dans leurs feuilles de style par défaut
    C'est spécifiée par rapport à chaque propriété dans la spec, mais notez que l'opacité n'est pas héritée dans le CSS sens
    Juste une remarque, HTML5 boilerplate est beaucoup plus que de normaliser les CSS. Juste normaliser CSS ils Normaliser l'utilisation de l'outil: necolas.github.com/normalize.css

    OriginalL'auteur thirtydot