Comment définir un style de classe CSS - Le sélecteur de classe


Il y aura des moments où les styles CSS intégrés ne seront pas exactement ce dont vous avez besoin. Lorsque cela se produit, vous pouvez créer votre propre règle CSS avec la commande class. Cette règle CSS sera indépendante de toute balise HTML qui vous permet de l'utiliser sur tout Balise HTML. En fait, il peut être appliqué à plusieurs balises HTML sur une page Web, ce qui la rend très polyvalente. Vous pouvez voir comment cela pourrait être utile pour rationaliser votre code.

La première étape de la création d'une classe CSS consiste à lui donner un nom unique. Contrairement au sélecteur HTML dérivé d'une partie d'une balise HTML, vous pouvez donner à la commande de classe le nom de votre choix. Vous pouvez utiliser n'importe quelle combinaison de lettres ou de chiffres pour créer ce nom unique. Ensuite, comme d'habitude, ce nom de classe unique est suivi des définitions CSS. Jetons un coup d'œil à un exemple de style CSS que j'ai créé pour contrôler le texte du droit d'auteur sur une page Web.

.class_name {definition; définition;}

.copyright_style {font-face: arial; taille de police: 10px;}


Comme vous pouvez le voir dans l'exemple ci-dessus, la classe CSS commence par le nom unique (copyright_style) et avant le nom de la classe, il y a un point. À droite du nom se trouvent les définitions entre crochets et chaque définition est séparée par un point-virgule.

Vous pouvez placer cette classe CSS à l'intérieur des balises dans la section d'en-tête d'une page Web ou dans un fichier CSS externe. Cela fonctionnera sur toute la page Web. Lorsque vous souhaitez appliquer cette classe CSS à n'importe quelle balise HTML, vous utiliserez l'attribut de classe dans la balise HTML. La valeur de l'attribut class est le nom unique donné à votre classe CSS. (class = "value") Dans l'exemple ci-dessous, je l'ai appliqué au

étiquette. Notez que j'ai ne pas inclus la période avant le nom de la classe.

Le texte va ici





TUTO CSS - #6 Sélecteurs Class et ID (Juillet 2020)



Tags Article: Comment définir un style de classe CSS - Le sélecteur de classe, HTML, comment créer un style de classe, comment créer une règle de classe, en utilisant l'attribut de classe, créer une règle CSS de classe pour une balise html, CSS, introduction à CSS, introduction aux feuilles de style en cascade, les bases de CSS, commencer CSS, apprendre à utiliser CSS, tutoriels de feuilles de style en cascade

Tragic Magic - A Quilters Poem

Tragic Magic - A Quilters Poem

loisirs et artisanat