 |
 Appliquer des styles au texte |
|
|
|
Connexion ratee
|
|
Un texte par défaut sera souvent du Times New Roman, de taille moyenne, noir, par défaut quoi...
Alors qu'on peut placer du gras, de l'italique, souligner des passages, changer la police, la taille... |
|
|
|
|
|
La propriété 'font' possède plusieures
déclinaisons pour toucher la famille de police, le style général, la graisse (gras) et la taille :
- font-family : déclare la police (arial, times...) ou le type de police (serif, sans-serif, cursive, fantasy et monospace) à utiliser,
- font-style : déclare un style à appliquer à cette police : normal, italic, oblique,
- font-weight : déclare la graisse à appliquer : normal, bold. (à noter également des variations de 100 en 100 de 100 à 900, 400 étant équivalent à 'normal'),
- font-size : déclare la taille du corps de la police, en points, en pixels, en poucentage par rapport à la taille 'précédente' (au sens d'héritage des feuilles de style).
|
|
|
|
|
|
dans la partie <head>
 |
|
 |
|
<style>
.times { font-family: "Times New Roman"; }
.arial { font-family: arial; }
.comic { font-family: "Comic Sans MS"; }
.verdana { font-family: verdana; }
.serif { font-family: serif; }
.sansserif { font-family: sans-serif; }
.cursive { font-family: cursive; }
.fantasy { font-family: fantasy; }
.monospace { font-family: monospace; }
.snormal { font-style: normal; }
.italic { font-style: italic; }
.oblique { font-style: oblique; }
.gnormal { font-weight: normal; }
.bold { font-weight: bold; }
.cent { font-weight: 100; }
.quatcent { font-weight: 400; }
.neufcent { font-weight: 900; }
.douzept { font-size: 12pt; }
.vingtpx { font-size: 20px; }
.deuxcentpct { font-size: 200%; }
.uncinqem { font-size: 1.5em; }
</style>
|
|
|
 |
|
 |
dans la partie <body>
|
|
|
|
Les polices
<div><span class="times">Times New Roman</span>, <span class="arial">Arial</span>, <span class="comic">Comic Sans MS</span>, <span class="verdana">Verdana</span></div>
Les familles
<div><span class="serif">Famille Serif</span>, <span class="sansserif">Famille Sans-Serif</span>, <span class="cursive">Famille Cursive</span>, <span class="fantasy">Famille Fantasy</span>, <span class="monospace">Famille Monospace</span></div>
Les styles
<div><span class="snormal">Normal</span>, <span class="italic">Italic</span>, <span class="oblique">Oblique</span></div>
Les graisses
<div><span class="gnormal">Normal</span>, <span class="bold">bold</span>, <span class="cent">100</span>, <span class="quatcent">400</span>, <span class="neufcent">900</span></div>
Les tailles
<div>Base de comparaison... <span class="douzept">12pt</span>, <span class="vingtpx">20px</span>, <span class="deuxcentpct">200%</span>, <span class="uncinqem">1.5em</span></div>
|
|
|
|
|
|
|
|
|
|
|
|
|
