Comment définir un style de classe css
Les classes sont une bonne fonctionnalité dans HTML qui vous permet d`attribuer un certain nom à un élément. Ils peuvent être stylés avec CSS. Si vous ne savez pas utiliser ces fonctionnalités, cet article vous aidera.
Pas
1. Faites votre document HTML.
![Image intitulée Définir un style de classe CSS Step 2](https://cdn.maniqui-es.com/kiw/how-to-define-a-css-class-style_10.jpg)
2. Créer le squelette HTML de base. En rappel, c`est une étiquette HTML d`ouverture, une balise à tête d`ouverture, une balise à tête de fermeture, une étiquette de corps d`ouverture, une balise de fermeture et une balise HTML de fermeture.
![Image intitulée Définir un style de classe CSS Step 3](https://cdn.maniqui-es.com/kiw/how-to-define-a-css-class-style_11.jpg)
3. Créer un élément HTML. Il peut s`agir d`un paragraphe, de la rubrique ou de ce que vous voulez.
![Image intitulée Définir une étape de classe CSS Step 4](https://cdn.maniqui-es.com/kiw/how-to-define-a-css-class-style_12.jpg)
4. Donnez à l`élément HTML une classe. Faire cela en insérant "classe ="nom du cours" À l`intérieur de l`étiquette d`ouverture pour votre élément.
![Image intitulée Définir une étape de classe CSS Step 5](https://cdn.maniqui-es.com/kiw/how-to-define-a-css-class-style_13.jpg)
5. Mettre un "style" tag entre les étiquettes de tête. Vous mettez votre CSS ici.
![Image intitulée Définir une étape de classe CSS Step 6](https://cdn.maniqui-es.com/kiw/how-to-define-a-css-class-style_14.jpg)
6. Appelez votre classe. Cela est fait en mettant ".nom du cours { }" Dans le document CSS.
![Image intitulée Définir un style de classe CSS Step 7](https://cdn.maniqui-es.com/kiw/how-to-define-a-css-class-style_15.jpg)
7. Mettez les styles votre besoin entre les supports bouclés.
![Image intitulée Définir une étape de classe CSS Style 8](https://cdn.maniqui-es.com/kiw/how-to-define-a-css-class-style_16.jpg)
8. Profitez de votre élément HTML stylé!
Vidéo
En utilisant ce service, certaines informations peuvent être partagées avec YouTube.
Conseils
Vous pouvez faire exactement la même chose avec des styles d`identification. Pour appeler un style d`identification dans CSS, mettez "#idname {}" Dans votre document CSS.