Support de cours - Lita

Héritage Pour certaines propriétés (comme la couleur), les éléments contenus sont
aussi affectés : c’est l’héritage. Prenons par exemple le code Html suivant :
...
Un paragraphe avec un élément mis en valeur.
...
Si de plus on a le code Css associé suivant :
p {
}
color: red;
alors le texte délimité par em sera aussi en rouge : il hérite de la propriété de p. En
revanche, si l’on ajoute la règle suivante au code Css :
em {
}
color: green;
alors le texte du paragraphe est en rouge sauf le texte de em qui est en vert. On peut
ainsi redéfinir la valeur des propriétés héritées.
1.5 Regroupement de propriétés
Il existe certaines propriétés qui ont une liste de valeurs : il s’agit en fait d’un
regroupement de plusieurs propriétés. Par exemple, plutôt que d’écrire :
h1, .important, #menu {
}
border-bottom-width: thick;
border-bottom-style: solid;
border-bottom-color: red;
il est possible de condenser en :
h1, .important, #menu {
}
border-bottom: thick solid red;
L’ordre des valeurs peut être important, auquel cas il est définit précisément dans la
norme.
2 Éléments de pratique
2.1 Les couleurs
De nombreuses propriétés définissent la couleur d’un élément ; background-color,
border-color, color etc. Les valeurs de ces propriétés peuvent être prédéfinies ou non.
Couleurs prédéfinies On peut tout d’abord les choisir parmi des couleurs prédéfinies
qui sont au nombre de 17 : aqua, black, blue, fuschia, gray, green, lime, maroon,
navy, olive, orange, purple, red, silver, teal, white et yellow. Par exemple :
24