Les feuilles de style en cascade (CSS) sont une langue de haut niveau informatique, qui est utilisée pour concevoir des pages Web basées sur HTML. La conception d'une page comprend des dispositions, des couleurs, une taille de police, des styles d'écriture, et ils maintiennent la conception de la page. Dans cet article, vous découvrirez le langage de style le plus puissant et vous apprendrez également comment CSS règne à HTML. Les propriétés de style CSS sont intégrées avec les balises HTML. CSS n'est pas un marquage ou un langage procédural; C'est un langage déclaratif qui définit ses propres règles en fonction du style des attributs.

Syntaxe CSS

La syntaxe de CSS comprend un sélecteur et un bloc de déclaration et le bloc de déclaration contient les propriétés et leurs valeurs. Comme indiqué dans l'exemple donné

H1
Texte-aligne: à droite;

Dans cet exemple «H1» est un sélecteur, «Texte-aligne» est une propriété, et "droite" est la valeur de la propriété mentionnée.

Sélecteur CSS

Tout comme HTML a des balises comme CSS a des sélecteurs, qui sont utilisés pour accéder aux éléments HTML et les styliser en interne ou à l'aide d'un fichier CSS externe. Ces sélecteurs sont utilisés pour appliquer les propriétés CSS spécifiques sur les éléments HTML sélectionnés.

Un élément peut être sélectionné à l'aide du nom des éléments, de l'ID et du nom de la classe. Par exemple, pour accéder à un élément avec le nom de classe, mettez un point (.) Avant le nom de classe comme indiqué dans l'exemple donné.

.centre
Texte-aligne: à droite;
la couleur verte;

Selon l'exemple ci-dessus, les éléments HTML avec la classe «Centre» seront alignés à droite et ont une couleur verte.

La classe CSS est implémentée.

Comment implémenter CSS sur HTML?

Il existe trois façons pour l'implémentation de CSS sur un fichier HTML:

• En ligne
• interne et
• externe.

Style CSS en ligne

Dans le style en ligne, les propriétés CSS sont fixées dans les balises HTML en utilisant l'attribut de style comme indiqué dans l'exemple donné.

Cette balise est utilisée pour les paragraphes.

La propriété de style donné rend le paragraphe spécifique vert. En utilisant le style CSS en ligne, vous ne pouvez appliquer ce style que sur des éléments spécifiques.

Cependant, ce style CSS en ligne n'est pas recommandé car il augmente la complexité du code.

Style CSS interne

Le CSS StylingCan interne est appliqué sur une page Web entière car elle est intégrée dans la section Head sur une page HTML avec un élément et nous pouvons simplement accéder à n'importe quel elelmtn à l'aide de sélecteurs CSS. Comme indiqué dans l'exemple donné.

Exemple

<

Titre

Paragraphe

Style CSS externe

Dans le style CSS externe, un fichier CSS Speerate est créé avec l'extension de .CSS qui a lié le fichier HTML en ajoutant son lien dans la section Head. Plusieurs pages HTML peuvent être utilisées ce fichier externe en même temps. Un exemple de fichier de style CSS externe est donné ci-dessous.

Exemple

style.CSS

corps
Color en arrière-plan: vert;

H1
La couleur rouge;

p
la couleur noire;

indice.html

Titre

Paragraphe

Commentaires dans CSS

Dans chaque langue de programmation, les commentaires ne sont pas affichés sur le navigateur, mais ils peuvent aider à élaborer et à comprendre le code au moment de l'édition.

Dans CSS, un commentaire est d'écrire entre ces signes (/ * et * /). Le modèle d'un commentaire est également montré dans l'exemple donné:

/ * Ceci est un commentaire * /
H1
La couleur rouge;

Conclusion

CSS signifie des feuilles de style en cascade et il est utilisé pour concevoir des pages Web basées sur HTML. En utilisant le style CSS, la conception d'une page comprenant des dispositions, des couleurs, une taille de police et beaucoup plus de choses peuvent être faites. Dans cet article, l'introduction de CSS, syntaxe de CSS, fonctionnement de CSS avec des fichiers HTML et comment rédiger des commentaires dans CSS est expliqué à l'aide d'exemples.