CSS (Cascading Style Sheets) est un langage utilisé pour définir les styles de pages Web. Il est utilisé avec HTML pour créer des pages Web. CSS contrôle l'apparence et la position des éléments HTML pour embellir les pages Web et améliorer l'expérience utilisateur.
Dans cet article, nous présenterons les bases du CSS et comment utiliser CSS pour changer le style des éléments HTML.
CSS se compose de sélecteurs et de déclarations. Les sélecteurs sont utilisés pour sélectionner les éléments HTML auxquels les styles doivent être appliqués, tandis que les déclarations spécifient les styles à appliquer aux éléments sélectionnés.
Voici quelques sélecteurs courants :
Sélecteur d'élément : sélectionnez un élément en spécifiant le nom de l'élément HTML, par exemple :
p {
color: red;
}Cela sélectionnera tous les éléments
définir leur couleur sur rouge.
Sélecteur de classe : sélectionnez les éléments en spécifiant un nom de classe, par exemple :
.my-class {
background-color: yellow;
}Cela sélectionnera tous les éléments avec class="my-class" et définira leur couleur d'arrière-plan sur jaune.
ID Selector : sélectionne un seul élément en spécifiant un identifiant, par exemple :
#my-id {
font-size: 20px;
}Cela sélectionnera les éléments avec id="my-id" et définira leur taille de police sur 20 pixels.
Sélecteur d'attributs : sélectionne les éléments en spécifiant leurs attributs, par exemple :
a[href="https://www.google.com"] {
color: blue;
}Cela sélectionnera tous les éléments pointant vers des sites Google, en définissant leur couleur sur bleu.
Pseudo-classes et pseudo-éléments : Sélectionnez les éléments en précisant leur statut ou leur position, par exemple :
a:hover {
text-decoration: underline;
}Cela sélectionnera tous les éléments, en soulignant leur texte au survol de la souris.
Les déclarations font partie des règles CSS, et chaque déclaration se compose d'attributs et de valeurs. L'attribut spécifie le style à appliquer et la valeur détermine la valeur spécifique de l'attribut. Par exemple :
p {
color: red;
}Dans cette règle, "color" est l'attribut et "red" est la valeur. Cela sélectionnera tous les éléments
du document et définira leur couleur sur rouge.
CSS peut être appliqué aux documents HTML de trois manières : feuilles de style internes, feuilles de style externes et styles en ligne. Nous examinerons chacune de ces trois méthodes séparément.
La feuille de style interne fait référence aux règles CSS contenues dans la balise