Application de styles de classes personnalisés dans des feuilles de style en cascade (CSS) - dummies

Styles de classes, parfois aussi appelés styles de classe personnalisés , styles personnalisés, ou < les classes personnalisées , dans les feuilles de style en cascade (CSS), désignent les moments où vous souhaitez créer un style spécial, puis l'appliquer de manière sélective à un nombre illimité d'éléments ou d'objets sur une page Web. Par exemple, dans la phrase "Notre newsletter Daily Deals vous apporte les meilleures ventes, promotions et offres spéciales dans les magasins les plus populaires dans un e-mail quotidien facile à lire", vous pouvez créer un style de classe personnalisé pour modifier les mots

Daily Deals , puis appliquer ce style à ces mots dans le code HTML.

Lors de l'écriture des styles de classe dans le fichier CSS, veillez à inclure un point (.) Directement avant le nom du sélecteur, comme indiqué ici:

. dailydeals

{font-family: Géorgie, "Times New Roman", Times, serif; taille de police: 23px; font-weight: gras; color: # 336699;} La présence de la période remplit deux fonctions:

Elle vous aide à identifier rapidement, en un coup d'œil, les styles de classe d'autres types de styles lors de l'examen de votre code CSS.

• Peut-être plus important encore, il informe les navigateurs que le style est une classe personnalisée qui sera appliquée de manière sélective au contenu de la page.

• Lorsque vous créez un style de classe, vous pouvez nommer le sélecteur comme vous le souhaitez, à condition qu'il ne s'agisse pas du nom d'une balise HTML actuellement utilisée.

Par exemple, ce serait une très mauvaise idée de créer un style de classe appelé. corps ou. p. Donc, en accord avec le concept de HTML sémantique, essayez de nommer vos styles de classe après la fonction qu'ils vont effectuer, comme. mettre en évidence ou. imageborder.

Lorsque vous avez terminé d'écrire les règles de style dans le CSS pour votre style de classe, vous pouvez appliquer le style à n'importe quel objet dans le document HTML en ajoutant l'attribut class à l'étiquette conteneur d'ouverture l'objet ou le contenu en cours de conception:

class = "dailydeals" >> Notre newsletter Daily Deals vous présente les meilleures ventes, promotions et offres spéciales dans les magasins les plus populaires dans un seul e-mail quotidien facile à lire.

Lorsque vous spécifiez le style de classe dans le code HTML avec l'attribut class, la période requise dans le CSS lors de la création de la définition de style n'a pas besoin d'être placée devant le nom du style entre les guillemets, comme montré dans le code précédent. Si vous préférez que le style de classe ne soit appliqué qu'à un ou deux mots ou à une phrase courte au lieu de tous les éléments d'une étiquette de conteneur, vous pouvez appliquer sélectivement le style de classe à votre ou vos objet (s). Attribut de classe:

Notre

"

dailydeals  " >> Bulletin d'informations quotidiennes vous apporte les meilleures ventes, promotions et offres spéciales dans les magasins les plus populaires. E-mail quotidien facile à lire. La balise est une balise en ligne utilisée pour appliquer un style aux éléments dans le flux du texte du document. Cette balise est essentiellement une balise de conteneur HTML vide qui ne fait rien jusqu'à ce que vous lui disiez de faire quelque chose en lui appliquant un attribut, comme l'ajout de l'attribut class, id ou style au contenu de style. L'illustration montre la différence entre l'ajout d'un attribut de classe à une balise (en haut) et l'ajout à une balise qui entoure un contenu spécifique (en bas).