Ceci est une ancienne révision du document !
CSS
Les CSS (Cascading Style Sheets, feuilles de style en cascade) ont pour rôle de présenter le contenu HTML. Elles permettent de séparer le contenu (HTML), de la présentation (CSS).
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