« HTML pour les nuls » - (2)

♠. html
« Listing © JEWELS*; »
Les propriétés

♠. Pour les textes

color: #TACOULEUR;
(http://stylescss.free.fr/couleurs.php)
font-size: TAILLEpx;
Choix de taille d'écriture
letter-spacing: NOMBREpx;
Pour agrandir (nombre positif, expl: letter-spacing: 4px;) ou diminuer (nombre négatif, exple: letter-spacing: -4px;) l'espace entre les lettres
text-shadow: NOMBREpx NOMBREpx NOMBREpx #TACOULEUR;
Les chiffres permettent de détemriner la taille, la position et la netteté de l’ombre, et la couleur choisie sera appliquée à l'ombre
text-align: AUCHOIX
Pour déterminer la position du texte. Le "AUCHOIX" doit être remplacé par : left, center ou right

♠. Généralités

background-color: #TACOULEUR;
Pour créer un fond
width: LARGEURpx; height: HAUTEURpx;
Pour déterminer la largeur et la hauteur (du fond créé avec la propriété précédente, par exemple)
-moz-border-radius: NOMBRE% NOMBRE% NOMBRE% NOMBRE%;
Pour créer arrondir les bordures. Le choix des nombres fonctionne dans l'ordre suivant : haut gauche, haut droit, bas droit, bas gauche
border: NOMBREpx FORMEVOULUE #TACOULEUR;
Pour créer une bordure. Le choix du nombre correspondra à l'épaisseur de la bordure. Il faut remplacer "FORMEVOULUE" par : dotted pour des pointillets, solid pour un trait simple; double pour un trait double, dashed pour des pointillets
-moz-box-shadow: NOMBREpx NOMBREpx NOMBREpx #TACOULEUR;
Pour appliquer une ombre à presque tout ce qui n'est pas du texte (image, bordure, fond, ...). Comme pour l'ombre du texte, les "NOMBRES" permettent de faire varier l'emplacement, la taille et la netteté.
-moz-box-shadow:inset 0 0 NOMBREpx #TACOULEUR; box-shadow:inset 0 0 NOMBREpx TACOULEUR;
Pour une ombre à l'intérieur d'un fond ou d'une bordure. Le "NOMBRE" permet ici de déterminer la taille. Et la couleur... comme d'habitude x)
overflow: auto; width: LARGEURpx; height: HAUTEURpx;
Pour une barre de défilement (voir dans le [Vous devez être inscrit et connecté pour voir ce lien] la remarque concernant les textes avec ombre et l'apparition d'une barre horizontale)
margin: NOMBREpx; & padding: NOMBREpx;
Pour créer des marges
Suite à venir;

Sujets similaires