En fait, j'avoue : j'ai un secret pour utiliser correctement les CSS...
C'est une astuce un peu ancienne, mais qui marche toujours bien, et qui permet de se dépatouiller dans 95% des cas problématiques.
Etes-vous prêts à connaître cette technique ancestrale qui me permet de sortir de beaucoup d'impasses ? Si ce n'est pas le cas, ne lisez pas la suite, si c'est bon, retenez votre souffle, je vous livre ce secret.
Tout tient en une formule, sa simplicité apparente ne doit pas pour autant vous faire sous-estimer sa puissance, elle m'aide souvent dans énormément de cas de figures, que ce soit pour faire une implémentation CSS correcte, ou pour corriger des bugs, surtout sous un navigateur infâme qui respecte mal les standards dont je ne citerai pas le nom.
Voici le secret :
border:1px solid #f00; (à appliquer sans limite à divers blocs)
Ne me dites surtout pas "ce n'est qu'une simple bordure rouge", il ne faut surtout pas sous-estimer la puissance de ce concept.
Et oui, ça permet beaucoup de choses :
- de voir comment s'articulent vos positionnements CSS,
- de mieux comprendre pourquoi tel bloc s'affiche ainsi,
- de voir comment le navigateur affiche réellement le bloc,
- et tout simplement de faire des CSS correctes !
Bref, une méthode élégante, légère et fiable !
Remarquez toute la puissance du concept : concentré en 23 caractères, c'est pas cher payé pour une méthode universelle de debugging, je l'emploie très souvent.
Ne me remerciez pas, c'est bien naturel !
J'alterne également cette technique avec la fameuse technique un peu plus bourrin du :
background-color: red;
(22 caractères