Style de Base
HTML
HTML
Voici le code HTML qui constitue notre structure type. lien
Etude de la structure
Etude de la structure
Importer une font !
Importer une font !
font-family: 'Hanalei', cursive;
Les variables sont disponibles
Les variables sont disponibles
Insérez des valeurs communes grâce aux variables : lien
La marge !
La marge !
Prendre de la marge !
Exemple de modification du texte
Exemple de modification du texte
Donnez du style à notre liste
Donnez du style à notre liste
Une pause bien méritée !
Les positions
Les positions
Je vous propose de commencer par une vidéo qui fait le tour d'horizon des différentes valeurs de la propriété position !
Utilisez un simulateur pour tester vos connaissance : http://dupontcours.free.fr/CSS/
Utilisez cette animation pour mieux comprendre la position absolute : http://dupontcours.free.fr/CSS/Animation/absolue-dans%20un%20div.html
Position absolute
Position absolute
Pour tout comprendre ou presque ! position absolute+relative
voir article : http://dupontcss.blogspot.com/p/position_5.html
En action
En action
voici un exemple modifiant la propriété list-style: inside url("");