Style de section en CSS
Page 21 | Écouter en audio
Sections de style en CSS
En ce qui concerne le style des sections en CSS, il est important de comprendre que chaque section doit être gérée individuellement afin que l'aspect général du site soit cohérent et agréable aux yeux de l'utilisateur.
Sélectionner les rubriques
Pour sélectionner une section spécifique dans CSS, vous devez identifier la classe ou l'identifiant qui lui est attribué en HTML. Par exemple, si nous voulons styliser la section d'en-tête de notre site Web, qui a la classe "header", nous pouvons utiliser le code suivant :
Dans cet exemple, nous avons défini l'arrière-plan de la section sur gris foncé (#333), la couleur du texte sur blanc (#fff) et nous avons ajouté un espacement intérieur de 20 pixels.
Style de la typographie
Un autre aspect important des sections de style en CSS est la typographie. Il est important de choisir une police lisible et de définir la taille et la couleur du texte en fonction de la conception globale du site.
Pour définir la typographie dans une section spécifique, nous pouvons utiliser les propriétés "font-family", "font-size" et "color". Par exemple :
Dans cet exemple, nous sélectionnons l'élément "h1" dans la section "en-tête" et définissons la police sur Arial (ou une police générique sans empattement si Arial n'est pas disponible), la taille sur 36 pixels et la couleur sur blanc.
Ajout d'images et d'arrière-plans
En plus des couleurs et de la typographie, nous pouvons également ajouter des images et des arrière-plans à nos sections. Pour ajouter une image de fond à une section, nous pouvons utiliser la propriété "background-image". Par exemple :
Dans cet exemple, nous définissons une image d'arrière-plan pour la section "héros" et ajustons la taille et la position de l'image afin qu'elle couvre toute la section et soit centrée.
Nous pouvons également ajouter des images dans une section en utilisant la balise HTML "img" et en la stylisant avec CSS. Par exemple :
Dans cet exemple, nous définissons la largeur maximale de l'image sur 600 pixels et la centrons dans la section "image en vedette".
Conclusion
Le style des sections en CSS est un élément fondamental de la conception de sites Web. En choisissant les couleurs, la typographie, les images et les arrière-plans pour chaque section, nous pouvons créer un look cohérent et convivial. Il est important de se rappeler de sélectionner chaque section individuellement et d'ajuster les propriétés en fonction de la conception globale du site.
Répondez maintenant à l’exercice sur le contenu :
_Quelle propriété CSS est utilisée pour définir une image de fond dans une section ?
Tu as raison! Félicitations, passez maintenant à la page suivante
Vous avez raté! Essayer à nouveau.
Page suivante de lebook gratuit :
22Éléments de style en CSS
3 minutes
Obtenez votre certificat pour ce cours gratuitement ! en téléchargeant lapplication Cursa et en lisant lebook qui sy trouve. Disponible sur Google Play ou App Store !
