web-dev-qa-db-fra.com

Marge et rembourrage de la balise <Body>

J'écris un code HTML très simple qui est répertorié ci-dessous. Écrit dans le bloc-notes et ouverture dans IE-8 et Firefox (OS: Windows Vista).

<html>
<body>
    <table border="1"><tr><td>test</td></tr></table>
</body>
</html>

Il n'y a rien de spécial dans le code ci-dessus, cela crée de l'espace à partir du coin supérieur gauche.

enter image description here

Ce qui peut être facilement enlevé en utilisant le code suivant

<body style="margin:0; padding:0">

Maintenant, j'ai trouver la marge et le remplissage par défaut, qui est 4 pour Firefox et différent pour IE-8. 

<body style="margin:4; padding:4">

J'ai quelques questions sur ce scénario.

  1. Pourquoi cette valeur est 4?
  2. D'où vient cette valeur, est-elle enregistrée quelque part?
  3. Peut-on modifier (configurable) cette valeur par défaut?
  4. Comment ces valeurs sont différentes pour les navigateurs? 

Merci.

16
Arun Singh
  1. Tout d’abord, c’est probablement 4px et non 4. Deuxièmement, c'est la façon dont le fournisseur de navigateurs a décidé que ce soit la valeur par défaut.
  2. Il est enregistré dans les feuilles de style du navigateur par défaut.
  3. Vous pouvez, mais vous ne devriez pas . Cela diffère avec chaque navigateur. Recherche le sur Google! How do I change default stylesheet on <insert browser here>?
  4. Il y a probablement de légères différences, vous devriez pouvoir dire ... en regardant les feuilles de style par défaut :)

Cette différence est l’une des principales raisons pour lesquelles nous, concepteurs, utilisons une réinitialisation CSS afin de normaliser toute la maladresse CSS qui suit différentes implémentations de navigateur.

10
Madara Uchiha

Les navigateurs ont des "paramètres par défaut" intégrés pour le CSS de la plupart des éléments HTML - cela empêche simplement votre page de paraître complètement illisible si vous utilisez du HTML pur sans CSS, mais ils sont bien entendu destinés à être remplacés par votre propre CSS.

Les styles de navigateur par défaut sont généralement appelés "Feuille de style de l’agent utilisateur" - le site suivant constitue une bonne référence des différentes feuilles d’UA particulières que l ’IE a eues au fil des ans et en fournit également des autres. navigateurs en bas:

http://www.iecss.com/

Une méthode que beaucoup de gens utilisent pour "normaliser" les valeurs par défaut afin que vous ayez le même point de départ dans tous les navigateurs est un "CSS Reset" - ceci n'est qu'un extrait de CSS que vous placez avant votre propre CSS qui définit tous les styles UA à la même chose. Ceci est un bien connu:

http://necolas.github.com/normalize.css/

2
lucideer

Essaye ça

body{
    line-height: 0
}
0
softcod.com