Taille, couleur, police...
Taille des caractères
Pour changer la taille des caractères, la commande est font-size:???px;.Par exemple, pour changer la taille des caractères de tous les articles et des modules, il faut ajouter cet attribut dans la classe body, à la suite des attributs existants :
body { margin:0px;font-family: Verdana, Helvetica, Arial, sans-serif; background-color:#FEEFF1; font-size:15px; }
Exemple : <div style="font-size: 15px;">Ici, c'est en taille 15px. </div>
| Ici, c'est en taille 15px. |
Couleur des caractères
Pour changer la couleur, la commande est color:code_couleur;.Par exemple, si l'on veut changer la couleur des titres des articles, on ajoute cet attribut dans la classe liés aux titres. Ici, on les passe en rouge :
.titreArticle{text-decoration:none;color:#F00;}
Exemple : <div style="color:#FE7243;">Ici, c'est écrit orange </div>
| Ici, c'est écrit orange. |
Police de caractères
Pour changer la police, l'attribut est font-family:police;. Attention, si la police choisie n'est pas très répandue, il se peut que les internautes ne voient pas la même police que vous. Pensez donc à mettre une liste de polices : font-family:police1, police2, police3;. Ici, si l'internaute n'a pas la police1, on va essayer d'afficher la police2. Si elle n'est pas non plus installée sur le poste de l'internaute, alors, c'est la police3 qui s'affichera, etc.On retrouve cet attribut dans la classe body, qui signifie donc que dans toute la page, on essaie d'afficher du Verdana. Si le Verdana n'est pas installé sur le poste de l'internaute, on affichera de l'Helvetica. A défaut, c'est l'Arial qui s'affichera :
body { margin:0px; font-family: Verdana, Helvetica, Arial; font-size:x-small; background-color:#FEEFF1;}
Exemple : <div style="font-family: Comic Sans MS">Ici, c'est la police Comic Sans MS. </div>
| Ici, c'est la police Comic Sans MS. |
Ecrire italique, en gras, etc.
Et pour mettre en italique, je fais comment ? C'est l'attribut font-style:italic;.Et en gras, ça donne quoi ? C'est comme ça : font-weight: bold;.
Et si je veux écrire en majuscules ? On ajoute font-variant: small-caps; à la liste des attributs.
Exemple : <div style="font-style: italic;font-weight:bold; font-variant:small-caps;">Ici, c'est en italique, en gras et en majuscules. </div>
| Ici, c'est en italique, en gras et en majuscules. |