Tout intégrateurs ou développeurs faisant régulièrement de l'intégration s'est déjà retrouvé confronté au problème de marges automatiques sur un élément telle qu'une liste à puce lors de l'intégration. 

Pour pallier à ces problèmes et à leurs différences entre les navigateurs, beaucoup d'entre eux utilisent un reset CSS

Un reset CSS : C'est quoi ? 

En fait c'est une technique qui permet d'initialiser les valeurs des éléments

Elle permet de ne pas avoir de différence entre les différents navigateurs (Firefox, Internet Explorer, Chrome, Safari, ...) et les différents supports (Ordinateur, Smartphone, ....)

Par exemple, une taille de caractère doit être par défaut à 100%. 

Comment se présente un reset CSS  ? 

Au début de votre feuille de style, il suffit d'ajouter les valeurs que vous voulez réinitialisées. 

Jusqu'içi j'utilisais quelque chose comme ceci :

html, body, h1, h2, h3, h4, h5, h6, p, 
blockquote, ul, ol, li, dl, dt, dd, 
form, fieldset, input, textarea, label, u{
margin: 0;
padding: 0;
border:0px;
list-style: none;
font-weight: normal;
font-style: normal;
text-align:left;
}

Un nouveau reset CSS est en place 

J'ai découvert un reset CSS revisité permettant de résoudre encore plus de problèmes liés notamment aux appareils mobiles et aux tablettes tactiles, mais aussi et c'est là le point le plus important, pour le fameux HTML5

Ce reset est disponible à cette url : meyerweb.com/eric/thoughts/2011/01/03/reset-revisited

Il est beaucoup plus complet que celui présenté ci-dessus et vous permettra de ne plus avoir de problèmes dans vos développements CSS. 

A vous d'en faire bon usage!