CSS Débutant .com
Les polices en CSS
Gestion des différentes polices
Introduction
La police, la taille du texte, gras ou pas, tous ces paramètres sont réglables en CSS.- font-family: Famille de police
- font-size: Taille de votre police de caratère
- font-style: Gras, italique, oblique...
- font-variant: Variante de police
- font-weight: Taille de la police
Famille de police
Il est très utile de fixer avec le CSS la police de caratère.
Deux valeurs possibles :
- Nom de la famille
- Famille généric
En effet, si la police que vous souhaitez pour votre site s'affiche correctement si votre ordinateur, elle peut ne pas être présente sur un autre ordinateur.
D'ou l'intérèt d'en mettre d'autres.
Taille de votre police de caratère
Vous pouvez aussi définir la taille de votre texte.
Valeurs possibles (en anglais):
- xx-large
- x-large
- larger
- large
- medium
- small
- smaller
- x-small
- xx-small
- length
- % (pourcentage)
Gras, italique, oblique...
Vous pouvez définir de nombreuses choses grace au CSS: Gras, italique, oblique...
Valeurs possibles :
- normal
- itailc (italique)
- oblique
Voir un exemple
Voir le code CSS
Voir le code dans l'élément
Exemple :
Texte en italique.
Texte oblique.
Variante de police
Cette option d'afficher en petites capitales, peut vous être utile pour réaliser des titres ou sous-titres mais son utilité est vite limitée et sa répétition peut devenir pénible pour le visiteur.
Valeurs possibles Voir un exemple
Voir le code CSS
Voir le code dans l'élément
Taille de la police
Vous pouvez controler la taille de votre texte :
Valeurs possibles
- lighter
- normal
- 100
- 200
- 300
- 400
- 500
- 600
- 700
- 800
- 900
- bold
- bolder
Voir le code CSS
Voir le code dans l'élément
Débuter en CSS :
- Introduction au CSS
- CSS ou juste HTML
- Syntaxe du CSS et héritage
- Lien entre HTML et CSS
- Les classes en CSS
- Les id en CSS
- Les balises DIV et SPAN en CSS
- Conclusion
Comprendre et coder en CSS
- Les marges (margins)
- Les padding
- Les textes [1] - [2]
- Les polices
- Ancres, Liens, Pseudo Classes
- Fond d'une page (background)
- Les Bordures
- Les listes
- Largeur et Hauteur
- Classification
- Positionnement des éléments
- Pseudo Elements
- Mémo complet
Tutoriels
- Manifique bouton en CSS
- Créer des coins arrondis
- Générer des coins arrondis
- Ne pas souligner les liens
- Exemple pas à pas
- Formulaire en CSS
- Générer du CSS facilement
- Liens utiles à connaitre...

