8.1. Introduction au CSS : sélecteurs, propriétés et valeurs : Introduction au CSS
8.1. Introduction à CSS : sélecteurs, propriétés et valeurs
CSS, ou Cascading Style Sheets, est un langage de style utilisé pour décrire l'apparence et le formatage d'un document écrit en HTML. CSS est l'une des principales technologies frontales, avec HTML et JavaScript, utilisées pour créer et concevoir des sites Web.
Alors, que sont les sélecteurs, les propriétés et les valeurs en CSS ? Commençons par les sélecteurs.
Sélecteurs CSS
Les sélecteurs CSS sont la partie du CSS qui détermine quels éléments HTML d'une page seront stylés. En d’autres termes, ils « sélectionnent » quels éléments recevront certains styles CSS. Il existe plusieurs types de sélecteurs CSS, notamment les sélecteurs de type, les sélecteurs de classe, les sélecteurs d'ID, les sélecteurs d'attributs, les sélecteurs de pseudo-classe et les sélecteurs de pseudo-éléments.
Les sélecteurs de type sélectionnent les éléments HTML en fonction de leur type d'élément. Par exemple, le sélecteur de type « h1 » sélectionnerait tous les éléments h1 d'une page.
Les sélecteurs de classe sélectionnent les éléments HTML en fonction de leur classe. Les classes sont des attributs HTML qui peuvent être ajoutés à n'importe quel élément HTML. Par exemple, le sélecteur de classe '.intro' sélectionnerait tous les éléments avec la classe 'intro'.
Les sélecteurs d'ID sélectionnent les éléments HTML en fonction de leur ID. Les identifiants sont des attributs HTML uniques qui peuvent être ajoutés à n'importe quel élément HTML. Par exemple, le sélecteur d'ID '#header' sélectionnerait l'élément avec l'ID 'header'.
Propriétés CSS
Les propriétés CSS sont les aspects des éléments HTML que vous souhaitez styliser. Par exemple, vous souhaiterez peut-être modifier la couleur d’arrière-plan, la police, la taille de la police, la marge, le remplissage, la hauteur, la largeur et bien d’autres aspects d’un élément HTML. Chacune de ces choses que vous souhaiterez peut-être modifier est une propriété CSS.
Par exemple, la propriété 'color' est utilisée pour changer la couleur du texte d'un élément. La propriété 'font-size' est utilisée pour modifier la taille de la police d'un élément. La propriété 'background-color' est utilisée pour changer la couleur d'arrière-plan d'un élément.
Valeurs CSS
Les valeurs CSS sont les valeurs spécifiques que vous attribuez à une propriété CSS. Par exemple, si vous souhaitez que le texte d'un élément soit rouge, vous utiliserez la propriété 'color' et lui attribuerez la valeur 'red'.
Les valeurs peuvent être très différentes selon la propriété. Par exemple, pour la propriété 'color', les valeurs peuvent être des noms de couleurs, tels que 'rouge', 'bleu' ou 'vert', ou des codes de couleur hexadécimaux, tels que '#FF0000' pour le rouge. .
Pour la propriété 'font-size', les valeurs peuvent être des unités de mesure, telles que 'px' pour les pixels, 'em' pour la largeur de la lettre 'M' dans la police actuelle ou '%' pour une taille relative à la taille de police de l'élément parent.
En conclusion, CSS est un langage de style puissant qui vous permet de styliser les éléments HTML de différentes manières. En comprenant les sélecteurs, propriétés et valeurs CSS, vous pouvez commencer à créer des conceptions de sites Web plus complexes et plus attrayantes.
Répondez maintenant à l’exercice sur le contenu :
Que sont les sélecteurs, propriétés et valeurs en CSS ?
Tu as raison! Félicitations, passez maintenant à la page suivante
Vous avez raté! Essayer à nouveau.
Page suivante de lebook gratuit :
45Introduction au CSS : sélecteurs, propriétés et valeurs : Comprendre ce que sont les sélecteurs CSS
0 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 !
