Réglages par défaut CSS

jeudi 25 janvier 2007

CSS

Lu sur Ask the CSS Guy un article sur les valeurs par défaut que l’on peut appliquer à une feuille de style au début d’un projet.

The Style Declarations I Make Almost Everytime I start a new site

En résumé ça donne ça :

body {padding:0;}
body {background:#fff;} /* ou la couleur de votre choix */
form {padding:0;margin:0;}
ul {margin:0;padding:0;}
a img {border:0;} /* celle ci j'approuve à 100% */

Je crois avoir déjà lu un autre article là dessus mais je n’ai plus le lien en stock, si je retrouve ça je le rajouterai ici.

Mise à jour du 2 mai 2007

Voici d’autres portions de codes utiles pour une feuille de style par défaut.

*{margin:0; padding:0;}
body{font-size:62.5%;}
ol, ul {list-style: none;}
a img {border:0;}

La première règle permet d’éviter les problèmes de mise en page dûs aux marges ou padding par défaut. En effet les valeurs margin et padding de certains éléments HTML ne sont pas les mêmes dans tous les navigateurs. Ainsi on définit soi même les marges et padding de chaque élément.

La deuxième règle facilite la gestion des tailles de police en ems (cf l’article "Comment définir la taille du texte en ems" sur Blog & Blues).

La troisième règle annule la présentation par défaut des listes.

À lire, un article dans lequel Eric Meyer présente d’autres valeurs pour une feuille de style par défaut : Reset Reloaded sur meyerweb.com.

Répondre à cet article

Qui êtes-vous ?
Ajoutez votre commentaire ici
  • Ce formulaire accepte les raccourcis SPIP [->url] {{gras}} {italique} <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.