Syntaxe CSS

CSS, abréviation pour les feuilles de style en cascade est un langage de style Web utilisé pour le style et la structuration des pages Web écrites en HTML ou XML. Il définit comment différents éléments HTML par exemple ou paragraphes apparaissent à l'écran.

Comme d'autres langages de style Web, CSS suit également certaines règles qui définissent la disposition des éléments et des attributs. La syntaxe d'un CSS est la suivante:

La syntaxe est expliquée dans le tableau ci-dessous.

Élément CSS	Description
Sélecteur	Il sélectionne un élément HTML que vous souhaitez styliser.
Bloc de déclaration	Il se compose de plusieurs déclarations et la mer est séparée par des demi-colons.
Propriété	Une propriété fait référence à l'attribut d'une balise HTML telle que la couleur, la police, etc.
Valeur	Les valeurs sont allouées aux propriétés.

Maintenant, il existe plusieurs types de sélecteurs qui sont expliqués ci-dessous.

Sélecteur universel

Comme son nom l'indique, un sélecteur universel est utilisé pour sélectionner tous les éléments d'une page HTML. Il est représenté par un signe d'astérisque (*). Par exemple

*
Color de police: bleu;
Texte-aligne: Centre;

Sélecteur d'élément

Un sélecteur est utilisé pour sélectionner des éléments HTML sur la base de leurs noms. Comme ça.

h
Texte-aligne: gauche;
Couleur bleue;

Sélecteur d'identité

Vous pouvez styliser des éléments HTML sur la base de leurs attributs d'identification. Par exemple, l'élément suivant avec le id = «head1» est stylé.

# head1
Texte-aligne: gauche;
Couleur bleue;

Sélecteur de classe

Le sélecteur de classe styles un élément HTML sur la base d'un attribut de classe spécifique. Afin de sélectionner un élément HTML, nous utilisons le point suivi du nom de classe.

.boîte
Texte-aligne: Centre;
La couleur rouge;

Sélecteur de regroupement

Le sélecteur de regroupement est utilisé pour sélectionner tous ces éléments HTML que nous voulons styliser de manière similaire. Par exemple.

H1, H2, P
Texte-aligne: Centre;
La couleur rouge;
Police-poids: normal;

Conclusion

Les feuilles de style en cascade alias CSS sont un langage de style qui est utilisé pour styliser des documents écrits à l'aide de langues de balisage telles que HTML et XML. Pour le style des éléments HTML, nous devons suivre un ensemble de règles / syntaxes CSS. Suivant la syntaxe CSS, nous utilisons un sélecteur pour sélectionner les éléments HTML spécifiques, puis attribuer certaines valeurs aux propriétés pour concevoir ces éléments HTML. Dans ce tutoriel, nous avons appris la syntaxe CSS de base et ses sélecteurs qui s'avèrent très utiles pour styliser des éléments HTML.