Solution de mise en forme typographique du texte

En jouant avec les différentes propriétés et en désignant
chaque paragraphe par son identificateur (id), on peut écrire :

CSS

#p1 {font: 20px
"Times New Roman", Times, serif;
letter-spacing: 5px;
border-bottom: 4px solid gray;
}

#p2 {font: bold small-caps 20px
"Arial", Helvetica, sans-serif;
letter-spacing: -2px;
}

#p3 {font: 20px monospace;
}

#p4 {font: italic 25px
"Verdana", Arial, Helvetica, sans-serif;
text-decoration:line-through;
}

HTML

<p id="p1">Voici un paragraphe qui a du style !</p>
<p id="p2">Voici un paragraphe qui a du style !</p>
<p id="p3">Voici un paragraphe qui a du style !</p>
<p id="p4">Voici un paragraphe qui a du style !</p>

Résultat dans le navigateur :

Voici un paragraphe qui a du style !

Voici un paragraphe qui a du style !

Voici un paragraphe qui a du style !

Voici un paragraphe qui a du style !

Fin de l'exercice

Introduction Html

Le fond et la forme

Introduction Css

Les sélecteurs

Syntaxes

Typographie

Ouvrages de références

• « More on CSS » par Eric Meyer
  (© CampusPress), 2005.


• «  CSS 2 Pratique du design web » par Raphaël Goetter
  (© Eyrolles), 2009.

Auto-entrepreneur.
Access®, Excel®, Powerpoint®, Word® & Windows® sont des produits et marques déposés
propriété de Microsoft, Inc.
Photoshop® & Dreamweaver ® sont des produits et marques déposés propriété de Adobe System.