Une explication détaillée des différences entre la syntaxe CSS et les objets JSON et JS

Les objets JSON sont des sous-classes d'objets JS et les objets CSS sont des sous-classes de JSON, c'est-à-dire que CSS hérite des objets JS. Cet article présente principalement en détail les différences entre la syntaxe CSS et les objets JSON et JS. Les amis intéressés devraient y jeter un œil. J'espère que cela pourra vous aider.

Les règles CSS (Cascading Style Sheets) se composent de 2 parties : le sélecteur et la déclaration. ​

selector｛declaration1;declaration2;declaration3;...declarationN｝

La déclaration est séparée par des points-virgules (;) et exprimée sous la forme property:value1 value2.. Il s'agit d'une structure monocouche sans imbrication interne.

La valeur est une valeur spécifique telle que px pour la taille, #FFFFFF pour la couleur, relatif/absolu pour la position, etc.

Le sélecteur peut être représenté par plusieurs sélecteurs séparés par des virgules, tels que h1, h2, h3, h4..

Remarque : le code CSS doit faire attention à savoir si les valeurs d'attribut doivent être dans l'ordre ou non

backgroud: color position size repeat attachment url("img.url")Utilisez un jugement régulier lorsque le rendu et l'analyse de ces attributs. Le type de valeur peut modifier l'attribut spécifié, et son ordre et son type de valeur peuvent être mis en correspondance à volonté.

Remplissage : gauche en haut à droite en bas. Ces attributs sont analysés dans l'ordre lors du rendu. Si vous souhaitez modifier l'attribut spécifié, vous devez compléter sa valeur précédente.

JSON (Javascript Object Nonation) est constitué de déclarations d'objets.

　{declaration1,declaration2,..declarationN}

Sa représentation peut être une structure imbriquée à plusieurs niveaux arborescente, et les propriétés de l'objet peuvent être représentées par un ou plusieurs objets. La couche externe de plusieurs objets est fermée par le symbole du tableau JS [], l'objet est fermé par le symbole de collection {} et deux points sont utilisés pour indiquer la relation de mappage.

Objet JS

Il est composé du symbole de collection ｛｝ Le contenu est des attributs : valeurs, séparées par des virgules. La structure est similaire à l'objet JSON et. peut être imbriqué, mais ses attributs Il n'est pas nécessaire qu'il soit placé entre guillemets.

Pour résumer, on peut conclure que les objets JSON sont des sous-classes d'objets JS et que les objets CSS sont des sous-classes de JSON, c'est-à-dire que CSS hérite des objets JS.

Recommandations associées :

Exemples de didacticiels sur la syntaxe CSS

Maîtriser parfaitement les principes et la mise en œuvre de jsonp

Introduction détaillée aux objets js

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!