CSS ist eine Technologie, die wofür verwendet wird

CSS ist eine Technologie zum Ausdrucken des Stils von Dateien wie HTML oder XML. Es handelt sich um eine Auszeichnungssprache, die zur Beschreibung der Präsentationsform (Stil) einer Webseite verwendet wird und die Trennung von Stilcode und Webseiteninhalt ermöglicht. CSS basiert auf der HTML-Sprache. Es kann Webseiten nicht nur statisch ändern, sondern auch mit JavaScript zusammenarbeiten, um die Stile von Elementen in Webseiten dynamisch zu ändern.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Cascading Style Sheets (vollständiger englischer Name: Cascading Style Sheets) ist eine Technologie zum Ausdrucken von Dateistilen wie HTML (eine Anwendung der Standard Generalized Markup Language) oder XML (eine Teilmenge der Standard Generalized Markup Language).

Es handelt sich um eine Auszeichnungssprache, die zur Beschreibung der Darstellung von Webseiten (z. B. Position, Größe, Farbe usw. von Webseitenelementen) verwendet wird und die Trennung von Stilcode und Webseiteninhalt ermöglicht.

Einfach ausgedrückt dient die Einführung von CSS dazu, die HTML-Sprache besser an das künstlerische Design der Seite anzupassen.

CSS wurde 1996 vom W3C überprüft und empfohlen. Die Einführung von CSS löste sofort neue Höhepunkte im Webdesign aus und eine nach der anderen entstanden hervorragende, mit CSS gestaltete Seiten.

W3C ist die Abkürzung für World Wide Web Consortium, übersetzt als „World Wide Web Alliance“ auf Chinesisch, und ist eine Web-Standardisierungsorganisation. Neben der Entwicklung von CSS-Standards hat das W3C auch mehr als 200 Webtechnologiestandards wie HTML und XML entwickelt.

CSS basiert auf der HTML-Sprache und bietet umfangreiche Formatierungsfunktionen wie Schriftarten, Farben, Hintergründe und Gesamtlayout. Webdesigner können verschiedene Stile für verschiedene visuelle Browser, einschließlich Monitore und Drucker, Tablets, Mobiltelefone und andere Mobilgeräte festlegen Geräte.

Die Hauptfunktion von CSS besteht darin, den Stil der Webseite zu definieren (die Webseite zu verschönern) und die Position, Schriftart, Farbe, den Hintergrund und andere Attribute von Elementen auf der Webseite präzise zu steuern. CSS kann Webseiten nicht nur statisch ändern, sondern auch mit JavaScript zusammenarbeiten, um die Stile von Elementen in Webseiten dynamisch zu ändern. CSS wird von fast allen Browsern auf dem Markt unterstützt.

Funktionen von CSS

CSS ist ein Durchbruch im Webbereich. Es bietet HTML die Möglichkeit, den Stil von Elementen zu beschreiben. Im Allgemeinen weist CSS die folgenden Merkmale auf:

1) Umfangreiche Stildefinitionen

CSS bietet eine Fülle von Erscheinungsattributen, mit denen eine Vielzahl von Effekten auf Webseiten erzielt werden können, z. B.:

Legen Sie für jedes Element unterschiedliche Rahmen fest sowie den internen und externen Abstand zwischen dem Rahmen und dem Element;

Ändern Sie die Größe, Farbe und Schriftart des Textes und fügen Sie Änderungen am Text hinzu (z. B. Unterstreichung, Durchstreichen);

Legen Sie die Hintergrundfarbe oder den Hintergrund fest Bild für die Webseite usw.

2) Einfach zu verwenden und zu ändern

CSS-Stilinformationen können nicht nur im Stilattribut des HTML-Elements, sondern auch im

Es wird empfohlen, die letzte Definitionsmethode zu verwenden (definieren Sie eine separate Datei im CSS-Format), damit CSS-Stile einheitlich gespeichert werden können, um die spätere Wartung zu erleichtern.

3) Mehrseitige Anwendung

Wie bereits erwähnt, können CSS-Stile separat in einer .css-Formatdatei gespeichert werden. Diese Datei gehört zu keiner Seite, sodass wir auf diese .css-Formatdatei verweisen können Kann die Stile verschiedener Seiten vereinheitlichen.

4) Kaskadierung

Kaskadierung bedeutet, dass CSS-Stile mehrmals für dasselbe HTML-Element definiert werden können und die später definierten Stile die zuvor definierten Stile überschreiben.

Wenn beispielsweise die gesamte Website auf dieselbe CSS-Stildatei verweist, Sie aber bestimmte Elemente einer Seite anpassen möchten, können Sie eine separate Stildatei für die Elemente definieren, die Sie anpassen möchten, und diese auf die Seite verweisen. Auf diese Weise überschreiben die später separat definierten Stile die vorherigen Stile und nur der zuletzt festgelegte Effekt wird im Browser angezeigt.

5) Seitenkomprimierung

Eine Webseite enthält normalerweise eine große Anzahl von HTML-Elementen. Um bestimmte Effekte zu erzielen, müssen wir häufig Stildateien für diese Elemente definieren aufgebläht. Das Definieren des CSS-Stils in einer separaten Stildatei und das Trennen des CSS-Stils vom HTML-Dokument kann die Größe des HTML-Dokuments erheblich reduzieren, sodass auch die Zeit verkürzt wird, die der Browser zum Laden des HTML-Dokuments benötigt.

Darüber hinaus können CSS-Stile wiederverwendet werden und verschiedene Elemente können denselben CSS-Stil verwenden. Dadurch wird die Definition doppelter Stile vermieden und die Größe der CSS-Stildatei wird entsprechend reduziert, was die Ladezeit der Seite weiter verkürzt.

CSS-Syntaxregeln

CSS-Stile bestehen aus einer Reihe von Regeln, die vom Webbrowser analysiert und dann auf die entsprechenden Elemente des HTML-Dokuments angewendet werden. CSS-Stilregeln bestehen aus drei Teilen, nämlich Selektoren, Eigenschaften und Werten:

• Selektor: Er besteht aus der ID, dem Klassenattribut oder dem Elementnamen selbst des HTML-Elements und einigen speziellen Symbolen. Er wird verwendet, um anzugeben, für welches HTML-Element der Stil definiert werden soll. Der Selektor p bedeutet beispielsweise alle in der Seite.

• Attribut: der Stilname, den Sie für das HTML-Element festlegen möchten, bestehend aus einer Reihe von Schlüsselwörtern, z. B. Farbe (Farbe), Rahmen (Rahmen), Schriftart (Schriftart). ) usw. CSS bietet viele Attribute. Sie können sie auf der offiziellen W3C-Website anzeigen.

• Wert: Er besteht aus einem numerischen Wert und einer Einheit oder einem Schlüsselwort und wird verwendet, um den Anzeigeeffekt eines bestimmten Attributs zu steuern . Der Wert des Farbattributs kann beispielsweise Rot oder #F1F1F1 usw. sein.

Sie können CSS-Stile gemäß den Syntaxregeln definieren, wie in der folgenden Abbildung dargestellt:

Wie Sie in der obigen Abbildung sehen können, müssen in den CSS-Syntaxregeln Eigenschaften und Werte umschlossen werden mit Doppelpunkten :进行分隔，每个属性和值的组合可以看作一个声明，每个声明的末尾都需要使用分号;作为结尾，属于同一选择器的声明需要使用花括号{ }.

Hinweis: Bei Eigenschaften und den meisten Werten in CSS wird die Groß-/Kleinschreibung nicht beachtet, bei Selektoren in CSS wird jedoch normalerweise die Groß-/Kleinschreibung beachtet. Beispielsweise stellen die Klassenselektoren .bianchengbang und .BianChengBang zwei verschiedene Selektoren dar.

(Lernvideo-Sharing: CSS-Video-Tutorial, Web-Frontend)

Das obige ist der detaillierte Inhalt vonCSS ist eine Technologie, die wofür verwendet wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!