Ceci est une ancienne révision du document !
CSS
Cascading Style Sheets permettent de présenter une page HTML.
Intégration
Intégration d'une feuille de style dans une page web, avec la balise link, dans la partie head :
<html>
<head>
<meta charset="utf-8">
<title>Page HTML avec Css associé</title>
<link rel="stylesheet" href="css/styles.css">
</head>
...
</html>
Principe
Définir un style consiste a associer une présentation à des cibles HTML identifées grace à un sélecteur.
Association d'un texte de couleur rouge aux balises h1 :
h1 {
color: red;
}
Héritage
Chaque élément enfant reçoit le style de son parent :
La font sans-serif va également s'appliquer à l'élément h1 qui appartient au body
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {
color: red;
}
Pour approfondir, voir Cascade et héritage
Imbrication
Il est possible de définir explicitement le style d'éléments imbriqués :
Ce style s'applique a tous les input appartenant à une div :
div input {
color: green;
}
jcheron