Le langage CSS
Le langage CSS permet d'assurer la mise en forme des données structurées par le langage HTML.
Le site www.csszengarden.com donne un bon aperçu d'une page web HTML seule et de la même page avec une mise en forme CSS :
Une feuille de style CSS est constituée d'un ensemble de déclarations suivant la syntaxe ci-dessous :
Le sélecteur permet de cibler où sera appliquer le style
La propriété permet de choisir quelle propriété de style sera modifiée
La valeur permet de choisir une nouvelle valeur pour la propriété
Plusieurs méthodes sont possibles pour lier HTML et CSS, mais la séparation en 2 fichiers est la plus répandue car elle permet de bien séparer le fond de la forme. La balise <link> permet alors de faire le lien entre les 2 fichiers.
Les couleurs en CSS peuvent être choisies selon 3 modes :
un nom : red, blue, yellow, green, purple...
une valeur RGB hexadécimale : #ff0000, #00ff34
une valeur RGB avec une fonction : rgb(255, 0, 0)
Voici quelques exemples d'utilisation de sélecteurs :
Et quelques exemples de propriétés CSS :
