Heim  >  Artikel  >  Web-Frontend  >  Was ist die CSS-Abkürzung?

Was ist die CSS-Abkürzung?

青灯夜游
青灯夜游Original
2021-04-02 17:08:0111311Durchsuche

css ist die Abkürzung für Cascading Style Sheets. Es handelt sich um eine Computersprache, die zum Ausdrucken von Dateistilen wie HTML oder XML verwendet wird. Sie wird hauptsächlich zum Entwerfen des Stils von Webseiten und zum Verschönern von Webseiten verwendet Seiten, aber auch Es kann auch mit verschiedenen Skriptsprachen verwendet werden, um verschiedene Elemente von Webseiten dynamisch zu formatieren.

Was ist die CSS-Abkürzung?

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

CSS bezieht sich auf Cascading Style Sheets

  • ist ein Dateistil, der verwendet wird, um HTML (eine Anwendung der Standard Generalized Markup Language) oder XML (eine Teilmenge der Standard Generalized Markup Language) auszudrücken So zeigen Sie HTML-Elemente an

  • Stile werden normalerweise in Stylesheets gespeichert

  • Stile wurden zu HTML 4.0 hinzugefügt, um das Problem der Trennung von Inhalt und Präsentation zu lösen

  • Externe Stylesheets können die Arbeitseffizienz erheblich verbessern

  • Externe Stylesheets werden normalerweise in CSS-Dateien gespeichert.

  • Mehrere Stildefinitionen können in einer kaskadiert werden Verantwortungsvolles Webdesign. CSS hat einen enormen Einfluss darauf, wie Entwickler Websites erstellen, und die Auswirkungen können endlos sein. Das Verschieben der meisten oder sogar aller Präsentationsinformationen einer Webseite aus (X)HTML-Dateien und deren Beibehaltung in einem Stylesheet hat viele Vorteile, wie z. B. die Reduzierung der Dateigröße, die Einsparung von Netzwerkbandbreite und die einfache Wartung. Darüber hinaus ermöglicht die Trennung der Leistungsinformationen der Site und des Kerninhalts den Site-Designern, in kurzer Zeit verschiedene Änderungen an der gesamten Site vorzunehmen.

    CSS vereinfacht den Formatcode der Webseite, und das externe Stylesheet wird auch vom Browser im Cache gespeichert, was die Download- und Anzeigegeschwindigkeit beschleunigt und auch die Menge an Code reduziert, die hochgeladen werden muss (weil wiederholte Formatierungen werden nur einmal gespeichert). Solange Sie die CS-Stylesheet-Datei ändern, in der das Website-Format gespeichert ist, können Sie den Stil und die Eigenschaften der gesamten Website ändern. Dies ist besonders nützlich, wenn Sie eine Website mit einer großen Anzahl von Seiten ändern. Dadurch wird vermieden, dass Webseiten einzeln geändert werden müssen, und der Arbeitsaufwand wird erheblich reduziert.
  • CSS-Stile

  • CSS-Regeln bestehen aus zwei Hauptteilen: Selektoren und einer oder mehreren Deklarationen:

Selektoren sind normalerweise HTML-Elemente, deren Stil Sie ändern müssen.

Jede Deklaration besteht aus einem Attribut und einem Wert.

Die Eigenschaft ist das Stilattribut, das Sie festlegen möchten. Jedes Attribut hat einen Wert. Eigenschaften und Werte werden durch Doppelpunkte getrennt. Beispiel:

p {color:red;text-align:center;}

Den gleichen Stil auf mehrere Seiten anwenden

Was ist die CSS-Abkürzung?

Eine separate .CSS-Datei, die normalerweise extern gespeichert wird (die Datei gehört zu keiner Seitendatei), kann dasselbe CSS-Stylesheet auf mehreren Seiten verwenden. Durch Verweisen auf die CSS-Datei in einer beliebigen Seitendatei können Sie mehrere Seiten mit einem einheitlichen Stil einrichten.

Stilkaskadierung

Bei der Stilkaskadierung wird derselbe Stil mehrmals für ein Element festgelegt, wobei der zuletzt festgelegte Attributwert verwendet wird.

Kaskadierende Reihenfolge der Stile

Wenn dasselbe HTML-Element mehrere Stile definiert, welcher Stil sollte verwendet werden?

Generell werden alle Stile gemäß den folgenden Regeln in ein neues virtuelles Stylesheet kaskadiert, wobei Nummer 4 die höchste Priorität hat. Daher haben Inline-Stile (innerhalb von HTML-Elementen) die höchste Priorität, was bedeutet, dass sie Vorrang vor Stildeklarationen in Tags, Stildeklarationen in externen Stylesheets oder Stildeklarationen im Browser haben (Standardwert).

(Teilen von Lernvideos: CSS-Video-Tutorial

)

Das obige ist der detaillierte Inhalt vonWas ist die CSS-Abkürzung?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn