Ce diaporama n’est pas le cours, il en donne la trame. Le cours complet est sur la page de la leçon.
Premiers pas en CSS
Syntaxe CSS
Ce que le CSS décide, et comment on l’écrit
Le CSS
- Est un langage descriptif.
- Déclare la présentation d’une page HTML.
- Est indépendant de la page HTML.
En bref, il décide
- De la couleur du texte.
- Des images de fond.
- Du menu, à gauche ou à droite.
- De tout ce qui touche à l’apparence.
L’attribut style
<h1 style="color: white; background: hotpink;">
Hello World
</h1>
Le style est écrit sur la balise elle-même.
Les sélecteurs
h1 {
color: white;
background: hotpink;
}
Une règle, et tous les h1 de la page changent.
Le vocabulaire
h1est le sélecteur.colorest une propriété.whiteest une valeur.color: white;est une déclaration.
Dans la balise style
<head>
<style>
h1 { color: white; }
</style>
</head>
Directement dans la page.
Dans un fichier externe
<head>
<link rel="stylesheet" href="style.css">
</head>
Le fichier style.css ne contient que du CSS.
Pour un site de cinquante pages, laquelle choisir ?
CSS Diner
tzi.fr/jeu-css-1
À vous
Servez les plats en les désignant avec des sélecteurs. Allez le plus loin possible.