Quels sont les éléments de base à connaitre en CSS 3 ?
Publié le 21 avril 2023
Développement Web
CSS (Cascading Style Sheets) est un langage de feuille de style utilisé pour définir la présentation visuelle d’une page web, y compris la couleur, la police, la taille, la disposition et bien plus encore. La dernière version de CSS est CSS3, qui a été publiée en 1999 et a depuis été mise à jour régulièrement.
Voici quelques éléments clés de CSS3 que vous devez connaître :
- Les sélecteurs : Les sélecteurs sont utilisés pour sélectionner les éléments HTML auxquels les styles doivent être appliqués. Les sélecteurs les plus couramment utilisés sont les sélecteurs de type, les sélecteurs de classe et les sélecteurs d’ID.
- Les propriétés : Les propriétés sont utilisées pour définir les styles des éléments sélectionnés. Les propriétés couramment utilisées comprennent la couleur, la police, la taille, la marge, le remplissage et la bordure.
- Les valeurs : Les valeurs sont utilisées pour définir les paramètres des propriétés. Les valeurs couramment utilisées comprennent les couleurs, les tailles, les marges, les remplissages et les images.
- Les boîtes : Les boîtes sont utilisées pour définir la disposition des éléments sur la page. Les propriétés couramment utilisées pour les boîtes comprennent la largeur, la hauteur, le remplissage, la marge, la bordure et la position.
- Les grilles : Les grilles sont utilisées pour organiser les éléments de la page en une grille régulière. Les propriétés couramment utilisées pour les grilles comprennent la grille-template, la grille-column, la grille-row, la grille-area et la grille-gap.
- Les médias : Les médias sont utilisés pour définir les styles pour différents types d’appareils ou d’écrans, tels que les ordinateurs de bureau, les tablettes et les téléphones. Les médias sont définis à l’aide de la balise <media>.
Ceci est une introduction de base à CSS3. En utilisant ces éléments de base, vous pouvez styliser une page web simple. Si vous voulez en savoir plus, il existe de nombreux autres éléments et fonctionnalités dans CSS3 que vous pouvez explorer.
