Heim > Web-Frontend > CSS-Tutorial > Was sind CSS-Stilattribute?

Was sind CSS-Stilattribute?

angryTom
Freigeben: 2019-07-24 13:25:51
Original
5144 Leute haben es durchsucht

Was sind CSS-Stilattribute?

Empfohlene Tutorials: CSS-Tutorial

Einführung

Cascading Style Sheets (vollständiger englischer Name: Cascading Style Sheets) ist eine Anwendung zum Ausdrucken von HTML (eine Anwendung der Standard Generalized Markup Language) oder XML (eine Untergruppe von Standard). (Generalized Markup Language) und andere Dateistile von Computersprachen. CSS kann Webseiten nicht nur statisch ändern, sondern auch mit verschiedenen Skriptsprachen zusammenarbeiten, um verschiedene Elemente von Webseiten dynamisch zu formatieren.

CSS bietet eine präzise Steuerung des Layouts von Elementpositionen auf Webseiten auf Pixelebene, unterstützt fast alle Schriftgrößenstile und bietet die Möglichkeit, Webseitenobjekte und Modellstile zu bearbeiten.

Sprachfunktionen

CSS stellt eine Stilbeschreibung für die HTML-Auszeichnungssprache bereit und definiert, wie Elemente angezeigt werden. CSS ist ein Durchbruch im Bereich Webdesign. Es kann verwendet werden, um einen kleinen Stil zu ändern, um alle damit verbundenen Seitenelemente zu aktualisieren.

Im Allgemeinen weist CSS die folgenden Merkmale auf:

Rich-Style-Definitionen

CSS bietet ein reichhaltiges Erscheinungsbild im Dokumentstil sowie die Festlegung von Text und Inhalten Die Fähigkeit des Hintergrundattributs ermöglicht es Ihnen, einen Rahmen für jedes Element sowie den Abstand zwischen dem Elementrand und anderen Elementen zu erstellen, und der Abstand zwischen dem Elementrand und dem Elementinhalt ermöglicht es Ihnen, die Großschreibung und Dekoration frei zu ändern und andere Seiteneffekte von Text.

Einfach zu verwenden und zu ändern

CSS kann den Stil im Stilattribut des HTML-Elements oder im Header-Teil des HTML-Dokuments oder im definieren Stile werden in einer speziellen CSS-Datei zur Referenz in HTML-Seiten deklariert. Kurz gesagt, CSS-Stylesheets können alle Stildeklarationen auf einheitliche Weise speichern und verwalten.

Darüber hinaus können Elemente desselben Stils mit demselben Stil klassifiziert und definiert werden, Sie können auch einen bestimmten Stil auf alle HTML-Tags mit demselben Namen anwenden oder einem bestimmten einen CSS-Stil zuweisen in Seitenelementen. Wenn wir den Stil ändern möchten, müssen wir nur die entsprechende Stilanweisung in der Stilliste finden und ändern.

Mehrseitige Anwendung

CSS-Stylesheets können in einer separaten CSS-Datei gespeichert werden, sodass wir dasselbe CSS-Stylesheet auf mehreren Seiten verwenden können. Theoretisch gehören CSS-Stylesheets zu keiner Seitendatei und können in jeder Seitendatei referenziert werden. Auf diese Weise können die Stile mehrerer Seiten vereinheitlicht werden.

Kaskadierung

Einfach ausgedrückt besteht Kaskadierung darin, denselben Stil mehrmals für ein Element festzulegen, wobei der zuletzt festgelegte Attributwert verwendet wird. Wenn Sie beispielsweise denselben Satz von CSS-Stylesheets für mehrere Seiten einer Website verwenden und für einige Elemente auf einigen Seiten andere Stile verwenden möchten, können Sie für diese Stile ein separates Stylesheet definieren und diese auf die anwenden Seite. Diese später definierten Stile überschreiben die vorherigen Stileinstellungen und was Sie im Browser sehen, ist der zuletzt festgelegte Stileffekt.

Seitenkomprimierung

Auf Websites, die HTML zum Definieren von Seiteneffekten verwenden, sind häufig eine große Anzahl oder wiederholte Tabellen und Schriftartelemente erforderlich, um Textstile mit unterschiedlichen Spezifikationen zu bilden. Auf diese Weise Die Folge ist, dass eine große Anzahl von HTML-Tags generiert wird, wodurch die Größe der Auslagerungsdatei zunimmt. Durch das separate Einfügen der Stildeklaration in das CSS-Stylesheet kann die Größe der Seite erheblich reduziert werden, sodass auch die Zeit, die für das Laden der Seite aufgewendet wird, erheblich reduziert wird. Darüber hinaus wird durch die Wiederverwendung von CSS-Stylesheets die Größe der Seite stärker reduziert und die Downloadzeit verkürzt.

Wie es funktioniert

CSS ist eine Sprache, die Stilstrukturen wie Schriftarten, Farben, Positionen usw. definiert und verwendet wird Beschreiben Sie Elemente auf Webseiten. Die Art und Weise, wie Informationen formatiert und realistisch sind. CSS-Stile können direkt in HTML-Webseiten oder in separaten Stylesheet-Dateien gespeichert werden. In jedem Fall enthält ein Stylesheet Regeln zum Anwenden von Stilen auf Elemente eines bestimmten Typs. Zur externen Verwendung werden Stylesheet-Regeln in einem externen Stylesheet-Dokument mit der Dateierweiterung _css abgelegt.

Stilregeln sind Formatierungsanweisungen, die auf Elemente auf einer Webseite angewendet werden können, beispielsweise auf Textabsätze oder Links. Eine Stilregel besteht aus einem oder mehreren Stilattributen und ihren Werten. Interne Stylesheets werden direkt auf der Webseite platziert, externe Stylesheets werden in separaten Dokumenten gespeichert und die Webseite verlinkt über ein spezielles Tag auf die externen Stylesheets.

Das „Kaskadieren“ im Namen CSS bezieht sich auf die Art und Weise, wie Stylesheet-Regeln auf Elemente eines HTML-Dokuments angewendet werden. Insbesondere bilden die Stile in einem CSS-Stylesheet eine Hierarchie, wobei spezifischere Stile allgemeine Stile überschreiben. Die Priorität von Stilregeln wird von CSS anhand dieser Hierarchie bestimmt und dadurch ein Kaskadeneffekt erzielt.

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

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage