• 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

Changer la casse

Le changement de casse n'est pas l'action la plus fréquente en web. Il n'en reste moins que le passage de tout un texte en majuscule est régulièrement utilisé pour les intitulés de rubriques ou d'encadrés. Le fait de le définir en CSS aura plusieurs avantages :

• corriger des oublis
• s'assurer de la cohérence (comme d'habitude)
• faciliter l'accentuation sur les majuscules
• faciliter le passage des capitales au bas de casse. 

Le changement de casse, selon les besoins se fera à l'aide de font-variant ou de text-transform. 

Mettre en majuscule la première lettre

text-transform : capitalize

Passer tous le texte  en majuscule ou minuscule

 text-transform : uppercase, lowercase

Différencier les majuscules des autres lettres 

Le changement de casse se fait très rapidement en CSS avec l'utilisation de la propriété font-variant. Font-variant peut prendre les valeurs normal (sans majuscule), small-caps (petites majuscules) ou inherit comme de nombreuses autres propriétés.

<aside>
  <h1>Actualité</h1>
  <p>Première actu du jour</p>
</aside> 

Pour mettre en forme actualité en petites capitales, nous utiliserons la propriété suivante :

h1 { font-variant : small-caps }

On pourrait enrichir avec des mises en formes plus complexes pour obtenir un résultat plus attrayant.