Tutoriel : Les bases des feuilles de style CSS
Les feuilles de style en cascade, appelées CSS, vous permettent de séparer le contenu de la présentation. CSS est une manière de rendre votre page HTML plus structurée, vous laissant définir la présentation plus efficacement que le classique HTML, et vous facilitant la tâche lors de mises à jour de votre site internet.
CSS, Comment ca marche?
CSS est un simple mécanisme pour ajouter ou définir des styles (ex.: caractères, couleurs, espaces) de pages web.
Chaque style défini a un nom unique appelé un sélecteur. Chaque sélecteur avec son style est défini une fois pour toutes, les CSS vous évitent de retaper les commandes de style à chaque fois. Une CSS peut être interne ou externe à la page web. Chaque fois que vous voulez utiliser un certain style, vous référez à un sélecteur dans votre HTML (en fait vous appelez le style que vous souhaitez utiliser)
Vous pouvez donc définir un style une seule fois et ensuite le référer (l’appeler) au lieu de réécrire toutes les commandes de style à chaque fois.
Exemple : Définissons une simple table:
<table>
<tr><td bgcolor="#FFCC00" align="left"><font face="arial" size="2" color="red"><b>Ceci est la ligne 1</b></font></td></tr>
<tr><td bgcolor="#FFCC00" align="left"><font face="arial" size="2" color="red"><b>Ceci est la ligne 2</b></font></td></tr>
<tr><td bgcolor="#FFCC00" align="left"><font face="arial" size="2" color="red"><b>Ceci est la ligne 3</b></font></td></tr>
</table>
<table>
<tr><td class="subtext">Ceci est la ligne 1</td></tr>
<tr><td class="subtext">Ceci est la ligne 2</td></tr>
<tr><td class="subtext">Ceci est la ligne 3</td></tr>
</table>
