CSS Débutant .com

La syntaxe du CSS et la notion d'héritage

Retour à la page d'accueil | Vous êtes sur la page : syntaxe css heritage

La syntaxe du CSS et notion d'héritage

Syntaxe

La syntaxe du CSS est très simple : selecteur { propriété : valeur }

Exemple :



Chaque selecteur (ici body) peut avoir plusieurs propriétés avec des valeurs indépendantes :


On remarquera un point virgule entre chaque propriétés.
Notion d'héritage
Si on traduit les trois mots de « Cascading Style Sheets » on obtient Feuille de style en cascade.

Pourquoi « en cascade » ?

Car si vous définissez une police de type "Trebuchet MS" sur la balise <body>, l'ensemble des autres éléments du site prendra comme police Trebuchet MS, inutile de le redéfinir à chaque éléments.
A savoir Si vous souhaitez une autre police pour les balise <h1> par exemple, il suffit de la définir à nouveau.

h1 {font-family: Georgia, sans-serif;}
p {font-family: Tahoma, serif;}
Autre exemple, si vous définisez la balise body avec une marge de 20px, les autre éléments seront à 20px par défaut


Combinaition de selecteurs
Vous pouvez aussi combinez les éléments HTML qui regroupent les mêmes caractéristiques


Mettre des commentaires
Vous pouvez mettre des commentaires dans votre code avec la syntaxe suivante :


Comment et où définir ses paramètres en CSS >>>

Débuter en CSS :

Comprendre et coder en CSS

Tutoriels