Eine detaillierte Erklärung der Unterschiede zwischen CSS-Syntax und JSON- und JS-Objekten

JSON-Objekte sind Unterklassen von JS-Objekten, und CSS-Objekte sind Unterklassen von JSON, das heißt, CSS erbt JS-Objekte. Dieser Artikel stellt hauptsächlich die Unterschiede zwischen CSS-Syntax und JSON- und JS-Objekten im Detail vor. Ich hoffe, er kann Ihnen helfen.

CSS-Regeln (Cascading Style Sheets) bestehen aus zwei Teilen: Selektor und Deklaration. ​

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

Die Deklaration wird durch Semikolons (;) getrennt und als Eigenschaft ausgedrückt: Wert1 Wert2. Es handelt sich um eine einschichtige Struktur ohne innere Verschachtelung.

Wert ist ein spezifischer Wert wie px für Größe, #FFFFFF für Farbe, relativ/absolut für Position usw.

Der Selektor kann durch mehrere durch Kommas getrennte Selektoren dargestellt werden, wie z h1, h2, h3, h4..

Hinweis: Code-CSS sollte darauf achten, ob die Attributwerte in der richtigen Reihenfolge sein müssen oder nicht

backgroud: color position size repeat attachment url("img.url")Verwenden Sie regelmäßiges Urteilsvermögen, wenn Beim Rendern und Parsen solcher Attribute kann der Werttyp das angegebene Attribut ändern und seine Reihenfolge und sein Werttyp können nach Belieben angepasst werden.

Padding: links oben rechts unten Solche Attribute werden beim Rendern der Reihe nach analysiert. Wenn Sie das angegebene Attribut ändern möchten, müssen Sie seinen vorherigen Wert vervollständigen.

JSON (Javascript Object Nonation) besteht aus Objektdeklarationen.

　{declaration1,declaration2,..declarationN}

Seine Darstellung kann eine baumartige mehrstufige verschachtelte Struktur sein, und die Eigenschaften des Objekts können durch ein anderes oder mehrere Objekte dargestellt werden. Die äußeren Schichten mehrerer Objekte werden durch das JS-Array-Symbol [] geschlossen, die Objekte werden durch das Sammlungssymbol {} geschlossen und Doppelpunkte werden verwendet, um die Zuordnungsbeziehung anzuzeigen.

JS-Objekt

Es besteht aus dem Sammlungssymbol ｛｝. Der Inhalt besteht aus Attributen: Werte, getrennt durch Kommas. Die Struktur ähnelt dem JSON-Objekt kann verschachtelt werden, aber seine Attribute müssen nicht in Anführungszeichen gesetzt werden.

Zusammenfassend lässt sich sagen, dass JSON-Objekte Unterklassen von JS-Objekten und CSS-Objekte Unterklassen von JSON sind, d. h. CSS erbt JS-Objekte.

Verwandte Empfehlungen:

Beispiele für CSS-Syntax-Tutorials

Beherrschen Sie die Prinzipien und die Implementierung von JSONP vollständig

Detaillierte Einführung in js-Objekte

Das obige ist der detaillierte Inhalt vonEine detaillierte Erklärung der Unterschiede zwischen CSS-Syntax und JSON- und JS-Objekten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!