Apropos Webstandard-CSS-Modulardesign aus Leerzeichen

1. Weltraumbetreiber

(1) CSS-Sprache

Einfach ausgedrückt ähnelt die CSS-Sprache der JS-Sprache. Sie wird vom Client heruntergeladen und vom lokalen Browser analysiert. Die CSS-Sprache ist eine „schwach typisierte“ Sprache auf sehr niedrigem Niveau. Sie ist noch weit von einer relativ vollständigen objektbasierten „schwach typisierten“ Sprache wie JS entfernt. Sie müssen wissen, dass CSS-Stile definiert sind und die Darstellung der Stile auf der Dokumentflussreihenfolge und der CSS-Prioritätsstufe basiert und angezeigt wird, nachdem der Browser sie erkannt und berechnet hat. Und Browser verfügen über Ignorierungs- und Fehlerkorrekturfunktionen (insbesondere IE). Wenn also die Syntax der Stildefinition falsch ist, hat dies keinen Einfluss auf den normalen Betrieb des Browsers, zeigt jedoch nicht den gewünschten Effekt. Wenn wir Stile entwerfen und definieren, ist die Fehlerbehebung im Wesentlichen auf die Lockerheit der CSS-Sprache selbst zurückzuführen. Daher sollten wir den strengen Verboten von CSS-Definitionen mehr Aufmerksamkeit schenken , bessere Arbeit schneller erledigt.

(2) CSS-Operatoren

Erstens gibt es in der CSS-Sprache nicht viele Operatoren. Es gibt .#{}:"; und ein sehr wichtiges Leerzeichen. Diese Operatoren sind häufig verwendete Definitionsdeklarationssymbole. In CSS-Stildefinitionen sind Leerzeichen etwas Besonderes, wir kann es sich als .-Operator in einer Namespace- oder Klassenpaketdefinition in .Net oder Java vorstellen. Mit anderen Worten, wir können uns Leerzeichen als Pfeile vorstellen, die auf die Beziehung zwischen übergeordneten und untergeordneten CSS-Tags hinweisen bezogen auf HTML, das heißt, jede Definition von CSS entspricht „einem bestimmten HTML-Tag“ oder „einem bestimmten modularen HTML-Code“, und HTML kann mehrere CSS-Stilklassen aufrufen, die auf dem HTML-Code „zusammengesetzt“ definiert werden können ; Ein HTML-Tag kann auch in mehrere Stilklassen „zusammengesetzt“ werden. Daher ist die Komplexität der CSS-Stildefinition untrennbar mit dem zugehörigen HTML verbunden.

(3) Beispielbeschreibung

erklären:

1. Der Klassenpfad der ersten Klasse b ist td.b, der den Stil von Tags mit class="b" in allen td-Tags im HTML-Dokument definiert.