Quelle est la structure grammaticale du CSS ?-tutoriel CSS-php.cn

Quelle est la structure grammaticale du CSS ?

青灯夜游

Libérer： 2019-05-23 18:44:08

original

6246 Les gens l'ont consulté

Quelle est la structure grammaticale du CSS ?

La structure syntaxique du CSS se compose uniquement de trois parties : le sélecteur, l'attribut et la valeur.

Syntaxe d'utilisation :

selector {Property:value;}

Copier après la connexion

Le sélecteur fait référence à l'objet à cibler par cet ensemble de codage de style. Il peut s'agir d'une balise XHTML, telle que body, h1; ID Ou la balise CLASS, telle que le sélecteur #main, ce qui signifie sélectionner

, c'est-à-dire un objet avec main comme identifiant spécifié. Le navigateur analysera strictement les sélecteurs CSS et chaque ensemble de styles sera appliqué à l'objet correspondant par le navigateur.

La propriété est au cœur du contrôle de style CSS. Pour chaque balise en XHTML, CSS fournit des attributs de style riches, tels que la couleur, la taille, le positionnement, la méthode flottante, etc.

La valeur (value) fait référence à la valeur de l'attribut. Il existe deux formes. L'une est la valeur de la plage spécifiée, comme l'attribut float. , à droite, et aucun ne peut être appliqué, comme la largeur. Il peut être spécifié en utilisant 0-9999 ou d'autres unités mathématiques.

Dans les applications pratiques, nous utilisons souvent les formulaires de candidature similaires suivants :

body {background-color:blue;}

Copier après la connexion

Explication :

Le corps{} ci-dessus est un sélecteur de type. Le soi-disant sélecteur de type fait référence au sélecteur qui utilise le type de balise existant dans la page Web comme nom. Body est un type de balise dans la page Web, tout comme div, tout comme span. Par conséquent, les sélecteurs suivants sont tous des sélecteurs de type, et ils contrôleront tous les corps, divs ou spans de la page :

body{}
div{}
span{}

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!