152 votes

Comment spécifier les attributs de police pour tous les éléments d'une page web html ?

Lorsque j'ai défini la famille de police, la taille de police, la couleur, etc., il semble que certains éléments imbriqués l'emportent sur les valeurs par défaut du navigateur.

Dois-je vraiment les spécifier une douzaine de fois pour n'importe quel type d'élément sur ma page, ou y a-t-il un moyen de les définir globalement une fois pour toutes ?

Comment faire ça ?

287voto

Bazzz Points 9487
* {
 font-size: 100%;
 font-family: Arial;
}

L'astérisque implique tous les éléments.

21voto

Paul Points 1424

Si vous utilisez IE, il est probable qu'il reviendra aux valeurs par défaut du navigateur pour certains éléments, comme les tables. Vous pouvez contrer cela avec quelque chose comme le CSS suivant :

html, body, form, fieldset, table, tr, td, img {
    margin: 0;
    padding: 0;
    font: 100%/150% calibri,helvetica,sans-serif;
}

input, button, select, textarea, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

/* rest of your styles; like: */
body {
    font-size: 0.875em;
}

Modifier : vous voudrez peut-être lire les réinitialisations CSS ; voir les threads comme celui-ci

13voto

Chris Cox Points 401

Je ne peux pas assez insister sur ce conseil : utilisez une feuille de style de réinitialisation, puis définissez tout explicitement. Cela réduira de moitié le temps de développement de votre CSS cross-browser.

Essayez le reset.css d'Eric Meyer.

9voto

jimplode Points 1825

vous pouvez les définir dans la balise body

body
{
    font-size:xxx;
    font-family:yyyy;
}

3voto

Tyler Treat Points 6269

Si vous spécifiez des attributs CSS pour votre élément body, cela devrait s'appliquer à tout ce qui se trouve dans <body></body> tant que vous ne les remplacez pas plus tard dans la feuille de style.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X