CSS Débutant .com

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

La syntaxe du CSS et notion d'héritage

Syntaxe

La syntaxe du CSS est très simple : selecteur { propriété : valeur }
Exemple : body { background: #eeeeee; }
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

Liens