Ne négligez pas le CSS et les feuilles de styles
Le CSS ou Cascading StyleSheet est un langage utilisé pour la présentation de sites Internet. Un peu barbare pour certains, il a l’avantage de permettre la séparation entre la structure du code HTML et son rendu graphique.
On trouve bien trop souvent des sites Internet mélangeant le HTML et le rendu graphique du site sous forme de morceaux de CSS imbriqués ou utilisant directement des propriétés du langage HTML comme le montre l’exemple suivant :
<a href="http://www.loicmorvan.fr" style="font-weight:bold;"><b>LoicMorvan</b></a>
ou
<a href="http://www.loicmorvan.fr"><b>LoicMorvan</b></a>.
Ce n’est pas bien grave, car le résultat final sera identique, mais lorsque vous le pouvez, privilégiez l’utilisation de classes et identifiants CSS, dont les attributs de rendu graphique seront rapatriés dans un ou plusieurs fichiers CSS séparés du code.
<a href="http://www.loicmorvan.fr" class="gras">LoicMorvan</a>
et dans votre feuille de styles CSS
.gras{font-weight:bold;}.
Cela paraît anodin comme différence mais beaucoup de choses en découlent.
- premièrement, vous pourrez réutilisez les styles prédéfinis dans votre feuille de styles sur d’autres éléments des vos pages de votre site Internet.
- deuxièmement, lors d’une mise à jour de votre site Internet, tous vos styles seront concentrés dans votre ou vos feuilles de styles, et la modification vous évitera ainsi de devoir parcourir tout votre code pour retrouver les différents styles embarqués.
Un point important par rapport au CSS est également la proscription de l’utilisation des tables HTML pour la mise en forme de données non tabulaires. En effet, avec l’utilisation de tables HTML, votre structure de page sera figée alors que si vous aviez utilisé des feuilles de styles CSS, un ajustement des propriétés de celles-ci vous permettrait de remodeler aisément votre page.
L’utilisation des feuilles de styles peut aller beaucoup plus loin que l’exemple ci-dessus. C’est ce que vous pourrez découvrir sur le site CSS Zen Garden, où il existe de nombreuses pages développées à partir du même code HTML et où, seule la feuille de styles CSS change. Vous pourrez alors constater que toutes ces pages n’ont, d’un point de vue visuel, strictement rien à voir entre elles.
Pour votre prochain site Internet, pensez un minimum au CSS, il vous simplifiera la vie 
Liens :
CSS Zen Garden
Annuaire des styles CSS Zen Garden
En savoir plus :
Ecrire un commentaire