A retenir !

• Les CSS contiennent de simples déclarations appelées des règles. Chaque règle donne leur style aux éléments XHTML de la sélection. Une règle est dès lors constituée d'un sélecteur avec une ou plusieurs propriétés et valeurs.
• Le sélecteur indique quels sont les éléments auxquels s'applique la règle. On peut sélectionner un élément en se servant de son nom comme sélecteur.
• Chaque déclaration de propriété se termine par un point-virgule.
• Les propriétés et les valeur d'une règle se mettent entre accolades.
• On peut inclure du style dans du HTML avec la balise <style> située dans l'en-tête du document. Pour des sites complexes, il est préférable d'utiliser une feuille de style externe inclue à l'aide de l'élément <link>.
• Beaucoup de propriétés sont le résultat d'un héritage. Il est néanmoins possible d'outrepasser cet héritage en créant une règle spécifique destinée à modifier uniquement l'élément donné.
• L'attribut class ajoute des éléments à une classe. Il est nécessaire de mettre un « . » entre le nom de l'élément et celui de la classe pour sélectionner un élément donné de cette classe.
• Les CSS permettent de contrôler l'aspect des polices grâce aux propriétés font-family (polices de caractères), font-weight (graisse des caractères), font-size (taille des caractères) et font-style (style des caractères).
• Une famille de police (font-family) est un jeu de polices ayant des caractéristiques communes. Les polices qui s'affichent sous les yeux de vos visiteurs sont fonction de celles dont leur ordinateur est équipé. Dès lors, indiquer des polices alternatives dans la propriété font-family est une bonne idée si vos visiteurs n'ont pas celle que vous avez déterminée. Notez que la dernière de la liste doit alors être une police générique comme serif ou sans-serif pour permettre au navigateur d'effectuer une substitution s'il n'en trouve aucune autre.
• La taille des polices s'exprime généralement en px (hauteur en pixels des caractères), em, % (taille des caractères proportionnelle à celle de l'élément parent) ou mots-clés(taille de base des polices de la règle body).
• L'utilisation de mesures relatives rend plus facile l'entretien des pages web.
• Les couleurs du Web s'obtiennent par le mélange de différentes quantité de rouge, de vert et de bleu.
• Les CSS comportent 17 couleurs prédéfinies dont le noir, le blanc, le rouge, le bleu et le vert.
• Les couleurs se désignent avec des pourcentages de rouge, vert et bleu ou par un pourcentage ou par une valeur numérique située entre 0 et 255 ou en utilisant leur code hexadécimal.
• Le code hexadécimal comprend 6 caractères situés entre 0 et F. Les deux premiers représentent la quantité de rouge, les deux suivants celle de vert et finalement les deux derniers, la quantité de bleu.
• Il est possible de donner du style à des listes avec les CSS. Il existe quelques propriétés exclusives comme list-style-type et list-style-image: la première permet de modifier la puce alors que la deuxième permet de se servir d'une image à la place d'une puce standard.
• L'outil de validation du W3C pour les CSS se trouve à l'adresse http://jigsaw.w3.org/css-validator/.