diagnostic stratégique : Smoby
balise1, balise2
{
propriete1: valeur1; propriete2: valeur2; propriete3: valeur3;
}
p
{
font-size: small;
}
. : rappel d'un class,span
# : rappel d'un id (div)
* : sélecteur universel h3 em : Sélectionne toutes les balises situées à l'intérieur d'une balise h3 + p : Sélectionne la première balise située après un titre a[title] :Sélectionne tous les liens qui possèdent un attribut title.
Color: blue; : change la couleur en bleu
p { color: rgb(240,96,204); } + boite a couleur
background-color : couleur de fond
body { background-color: rbg(250,56,58); /* Le fond de la page sera noir */ color: white; /* Le texte de la page sera blanc */ }
background-image : image de fond
body { background-image: url("neige.png"); }
background-attachment : fixer le fond : fixed : l'image de fond reste fixe ; scroll : l'image de fond défile avec le texte (par défaut)
background-repeat : répétition du fond : no-repeat : le fond ne sera pas répété. L'image sera donc unique sur la page repeat-x : le fond sera répété uniquement sur la première ligne, horizontalement repeat-y : le fond sera répété uniquement sur la première colonne, verticalement repeat : le fond sera répété en mosaïque (par défaut)
background-position : position du fond : top : en haut bottom : en bas left : à gauche center : centré right : à droite 30px 50px : 30 a gauche 50 en haut
body { background-image: url("soleil.png"); background-attachment: fixed; /* Le fond restera fixe */ background-repeat: no-repeat; /* Le fond ne sera pas répété */ background-position: top right; /* Le fond sera placé en haut à droite */ }
SUPERPROPrIETE body { background: url("soleil.png") fixed