• Introduction
• Découvrir le CSS
• CSS et Web
• Mettre en forme le HTML grâce au CSS
• Appliquer à une balise
• Règle d'importance
• Sélectionner les éléments à styler
• Appliquer à un élément spécifique grâce aux ID
• Appliquer à plusieurs éléments grâce aux classes
• Sélectionner les éléments selon la hiérarchie
• Sélectionner selon la position dans le code
• Sélectionner selon des types prédéfinis avec les pseudo-classes
• Les pseudo-éléments
• Sélectionner selon la position dans une série
• Sélectionner en excluant un élément particulier
• Sélectionner des balises selon les attributs
• Propriétés de texte
• Changer la police
• Corps et taille du texte
• Les marges et retraits
• Marges de paragraphes
• Alignement
• Changer les couleurs
• Graisse et style
• Changer la casse
• Lettrines CSS
• Propriétés de mise en page
• Mettre en colonne
• Césures
• Gestion du flux des éléments
• Positionner un élément
• Mise en forme de tableaux
• Effets
• Bordures et filets de paragraphe
• Ombres sur le texte
• Ombres sur la zone
• Ajouter des dégradés sur les zones
• Arrondis avec border-radius
• Modifier le contenu
• Changer l'aspect de la première ligne
• Ajouter automatiquement du texte
• Compter les éléments
• Les Animations
• Approche des animations CSS
• Créer une transition CSS
• Créer des animations CSS
• Créer un diaporama en CSS
• Les transformations
• Design Adaptatif (responsive web design)
• Qu'est-ce que le design adaptatif ?
• Enlever les paramètres par défaut des navigateurs
• Les unités de mesure adaptables
• Tester l'adaptabilité
• Définir le viewport
• Dimension des blocs
• Appliquer aux images
• Gérer le texte
• Les médias queries
• test

Graisse et style

L'épaisseur de la fonte

La graisse (épaisseur des caractères) est définie par l'attribut de style font-weight. On peut décider de plusieurs valeurs : light, normal ou bold.

p {
font-weight:bold;
}

Le style du texte

On peut définir le style du texte grâce à font-style : normal ou italic.

p {
font-style:italic;
} 

Au final, si l'on assemble toutes ces valeurs, la classe p (paragraphe) donne :

p {
font-family:"MaPolice";
font-style:italic;
font-weight:bold;
text-indent:1.3px; 
line-height:1.5; 
font-size:100%;
margin-top:7%;
margin-bottom:15%;
margin-left:5%;
margin-right:5%;
width:90%;
text-align:justify;
color:#070719;
}