Outils pour utilisateurs
les_bases_du_css
Différences
Ci-dessous, les différences entre deux révisions de la page.
| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
|
les_bases_du_css [2018/02/01 16:21] alan.royer |
les_bases_du_css [2018/02/01 16:26] (Version actuelle) alan.royer |
||
|---|---|---|---|
| Ligne 19: | Ligne 19: | ||
| Le principe de la syntaxe est très simple : | Le principe de la syntaxe est très simple : | ||
| - | sélecteur { propriété : valeur; } | + | sélecteur { |
| + | propriété : valeur; | ||
| + | } | ||
| **La commande 'Move'** | **La commande 'Move'** | ||
| Ligne 25: | Ligne 27: | ||
| Exemples : | Exemples : | ||
| - | body { background: #FFFFFF; } | + | body { background: #ffffff; } |
| h1 {font-family : Georgia ;} | h1 {font-family : Georgia ;} | ||
| p {color : red;} | p {color : red;} | ||
| - | La première instruction affichera le fond de page en couleur #FFFFFF. | + | La première instruction affichera le fond de page en couleur #ffffff. |
| La seconde instruction écrira les titres de rang 1 (h1) avec la police Georgia. | La seconde instruction écrira les titres de rang 1 (h1) avec la police Georgia. | ||
| Ligne 37: | Ligne 39: | ||
| 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ément. C'est le système "en cascade". Vous pouvez aussi combiner les éléments HTML qui regroupent les mêmes caractéristiques : | 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ément. C'est le système "en cascade". Vous pouvez aussi combiner les éléments HTML qui regroupent les mêmes caractéristiques : | ||
| - | h1, h2, h3, h4, h5, h6 { color: #009900; } | + | h1, h2, h3, h4, h5, h6 { |
| + | color: #009900; | ||
| + | } | ||
| Vous pouvez mettre des commentaires dans votre code avec la syntaxe suivante : | Vous pouvez mettre des commentaires dans votre code avec la syntaxe suivante : | ||
| Ligne 49: | Ligne 53: | ||
| code css : | code css : | ||
| - | .vertgras{ color: #008080; font-weight: bold;} | + | .vertgras{ |
| + | color: #008080; | ||
| + | font-weight: bold; | ||
| + | } | ||
| | | ||
| code html : | code html : | ||
| Ligne 71: | Ligne 78: | ||
| | | ||
| code html : | code html : | ||
| - | <div id="entete"> | + | <div id="entete"> |
| - | la le haut de ma page sera encadré avec une largeur de 80%, et un fond de couleur #ffffff . | + | la le haut de ma page sera encadré avec une largeur de 80%, et un fond de couleur #ffffff . |
| - | </div> | + | </div> |
les_bases_du_css.1517498463.txt.gz · Dernière modification: 2018/02/01 16:21 par alan.royer
Outils de la page
Sauf mention contraire, le contenu de ce wiki est placé sous les termes de la licence suivante : CC Attribution-Share Alike 4.0 International
