8.7. Introduction au CSS : sélecteurs, propriétés et valeurs : Introduction aux valeurs en CSS

CSS (Cascading Style Sheets) est un langage de style utilisé pour décrire l'apparence et le formatage d'un document écrit en HTML. Il est principalement utilisé pour ajouter du style aux pages Web et aux interfaces utilisateur écrites en HTML et XHTML. Dans cette section, nous nous concentrerons sur les sélecteurs, les propriétés et les valeurs en CSS.

Sélecteurs CSS

Les sélecteurs CSS sont la partie du CSS qui sélectionne l'élément HTML que vous souhaitez styliser. Il existe plusieurs types de sélecteurs en 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 en fonction de leur nom de balise HTML. Par exemple, le sélecteur de type 'p' sélectionne tous les éléments <p> sur une seule page.

Les sélecteurs de classe sélectionnent les éléments en fonction de la valeur de l'attribut de classe. Par exemple, le sélecteur de classe '.intro' sélectionne tous les éléments qui ont 'intro' comme valeur de leur attribut de classe.

Les sélecteurs d'ID sélectionnent un élément en fonction de la valeur de l'attribut ID. Par exemple, le sélecteur d'ID '#name' sélectionne l'élément qui a 'name' comme valeur de son attribut ID.

Propriétés CSS

Les propriétés CSS correspondent à ce que vous souhaitez styliser dans l'élément sélectionné. Il peut s'agir d'éléments tels que la couleur, la taille de la police, l'espacement, la bordure, etc. Chaque propriété a un nom et une valeur, séparés par deux points. Par exemple, « couleur : rouge ; » est une déclaration de propriété CSS, où « color » est le nom de la propriété et « red » est la valeur.

Il existe des centaines de propriétés CSS, chacune avec son propre ensemble de valeurs possibles. Certaines propriétés sont spécifiques à certains types d'éléments, tandis que d'autres peuvent être utilisées sur n'importe quel type d'élément.

Valeurs CSS

Les valeurs CSS sont les détails spécifiques que vous souhaitez appliquer à la propriété. Par exemple, si vous utilisez la propriété « couleur », les valeurs pourraient être « rouge », « bleu », « vert », etc. Si vous utilisez la propriété 'font-size', les valeurs peuvent être '12px', '14px', '16px', etc.

Les valeurs peuvent être des nombres, des couleurs, des pourcentages, des URL, entre autres. Il peut également s'agir de valeurs relatives ou absolues. Une valeur absolue est une valeur fixe, telle que « 12px ». Une valeur relative est une valeur relative à quelque chose d'autre, comme « 50 % ».

De plus, certains mots-clés spéciaux peuvent être utilisés comme valeurs, tels que « hériter », « initial » et « unset ». 'Hériter' fait que l'élément hérite de la valeur de son élément parent. « Initial » définit la propriété à sa valeur initiale. « Non défini » est une combinaison de « hériter » et « initial ».

En résumé, les sélecteurs, propriétés et valeurs en CSS sont des outils puissants qui vous permettent de styliser vos documents HTML de manière très flexible et détaillée. Avec une bonne compréhension de leur fonctionnement, vous pouvez créer des conceptions Web époustouflantes et efficaces.

Page suivante de lebook gratuit :

51Introduction au CSS : sélecteurs, propriétés et valeurs : Différents types de valeurs en CSS : Couleurs, Tailles et Unités

0 minutes