Was ist ein Sass-System?

SASS wurde 2007 geboren. Es ist der früheste und ausgereifteste CSS-Präprozessor. Er wird von der Ruby-Community unterstützt und ist derzeit das leistungsstärkste CSS-Framework, das sich weiterentwickelt hat zu SCSS, das vollständig mit CSS kompatibel ist.

Sass (vollständiger englischer Name: Syntactically Awesome Stylesheets) ist eine kaskadierende Stylesheet-Sprache, die ursprünglich von Hampton Catlin entworfen und von Natalie Weizenbaum entwickelt wurde. Nach der Entwicklung der ersten Version erweiterten Weizenbaum und Chris Eppstein die Funktionalität von Sass durch SassScript weiter. SassScript ist eine kleine Skriptsprache, die in Sass-Dateien verwendet wird. (Empfohlenes Lernen: CSS3-Video-Tutorial)

Sass ist eine Skriptsprache, die Skripte in CSS, also SassScript, analysiert. Sass enthält zwei Syntaxsätze. Die ursprüngliche Syntax heißt „Einrückungssyntax“ und ähnelt Haml [3]. Sie verwendet Einrückungen zur Unterscheidung von Codeblöcken und Wagenrückläufe zur Trennung verschiedener Regeln. Die neuere Syntax heißt „SCSS“ und verwendet dieselbe Blocksyntax wie CSS, wobei geschweifte Klammern zur Trennung verschiedener Regeln und Semikolons zur Trennung bestimmter Stile verwendet werden. Typischerweise werden diese beiden Syntaxsätze durch die Dateierweiterungen .sass und .scss unterschieden.

Sass erweitert CSS3 und fügt Regeln, Variablen, Mixins, Selektoren, Vererbung und andere Funktionen hinzu. Sass generiert gut formatierten CSS-Code, der einfach zu organisieren und zu warten ist.

Sass unterstützt das Definieren von Variablen. Variablen beginnen mit einem Dollarzeichen ($). Variablen werden mit Doppelpunkt (:) zugewiesen.

SassScript unterstützt vier Datentypen:

Wert (kann Einheiten enthalten)

String

Farbe

Boolescher Typ

Variablen können als Parameter oder Rückgabewerte von Funktionen verwendet werden. Während des Interpretationsprozesses schreibt der Interpreter die Werte der Variablen in die endgültige CSS-Datei.

SASS ist eine Erweiterung der CSS3-Syntax (Cascading Style Sheet). Es kann Funktionen wie Verschachtelung, Mix-In, Selektorvererbung usw. nutzen und Stylesheets effektiver und flexibler schreiben. Sass wird schließlich legales CSS kompilieren, damit es von Browsern verwendet werden kann, was bedeutet, dass seine eigene Syntax für Browser nicht leicht zu erkennen ist (obwohl sie der CSS-Syntax sehr ähnlich ist, fast dieselbe), da es sich nicht um ein Standard-CSS-Format handelt Sie können in der Syntax dynamische Variablen usw. verwenden, sodass es eher einer extrem einfachen dynamischen Sprache gleicht.

Weitere technische Artikel zu CSS3 finden Sie in der Spalte CSS3-Grafik-Tutorial.

Das obige ist der detaillierte Inhalt vonWas ist ein Sass-System?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!