docs/legacy/css.fr.md

1.9 KiB

Les CSS

CSS, acronyme de Cascading Style Sheet, en français feuille de style en cascade, est la norme utilisée par un site Web pour indiquer aux navigateurs comment une page doit être affichée. Les CSS n'apportent pas de sens au document, seulement une apparence graphique.

La structure de base d'une règle en CSS est la suivante :

élément-ciblé {
	propriété: valeur;
}

Cibler un élément

Les propriétés

color

Spécifie la couleur du texte. Prend une valeur de type couleur.

background-color

Spécifie la couleur de fond. Prend une valeur de type couleur.

font-size

Spécifie taille du texte. Prend une valeur de type taille.

Les valeurs

Couleurs

L'indication de couleur par mot-clé est la plus simple pour commencer. L'utilisation de code hexadécimal est plus compliquée, mais permet de choisir précisément la couleur recherchée.

Mot-clé

Il suffit d'indiquer le nom de la couleur en anglais.

-Insérer lien vers la liste de mot clé de MDN-

Hexadécimale

La notation de couleur hexadécimale représente les valeurs de rouge, de vert et bleu par 2 chiffres hexadécimaux chacun.

Un chiffre hexadécimal représente une valeur ordinale en base 16, c'est à dire qu'il utilise un ensemble de 16 symboles/chiffres (0123456789abcdef) pour représenter les nombres, au lieu des 10 dont on a l'habitude.

En CSS, une couleur hexadécimale est toujours précédée d'un dièse (#).

Quelques exemples simples :

  • Du rouge : #ff0000
  • Du vert : #00ff00
  • Du jaune (du rouge, du vert, pas de bleu) : #ffff00

Pour copier le code hexadécimal d'une couleur présente sur une page Web dans les navigateurs basés sur Firefox, on peut aller dans Menu > Développement Web > Pipette.

La plupart des logiciels de dessins intègrent des sélecteur de couleur qui affichent la valeur en hexadécimal. Celui de Gimp par exemple.

Taille