Welche Methoden gibt es zur Einführung von CSS-Stylesheets?

Methode: 1. CSS-Stil zum Stilattribut im Element-Tag hinzufügen. 2. CSS-Stil zum Stil-Tag-Paar im Kopfteil des Dokuments hinzufügen. 3. Den CSS-Code in die „.css“-Datei einfügen Die Anweisung „< ;link rel="styleheet" href="file path">“ wird eingeführt.

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

Drei CSS-Stylesheets

Je nachdem, wo der CSS-Stil geschrieben wird (oder wie er eingeführt wird), können CSS-Stylesheets in die folgenden drei Kategorien unterteilt werden:

• Inline-Stylesheets ( Inline-Stil)

• Internes Stylesheet (eingebettet)

• Externes Stylesheet (verlinkt)

1. Inline-Stylesheet

Das Syntaxformat des Inline-Stylesheets ist wie folgt:

<div style="color: blue; font-size: 16px;">测试</div>

Hinweis:

• Inline-Stylesheets legen CSS-Stile im Style-Attribut innerhalb von Element-Tags fest. Sie eignen sich nur zum Ändern einfacher Stile

2. Interne Stylesheets

Das Syntaxformat interner Stylesheets lautet wie folgt:

<style>
div {
color: blue;
font-size: 16px;
}
</style>

Hinweis:

• Das interne Stylesheet extrahiert den gesamten CSS-Code und fügt ihn in ein separates c9ccee2e6ea535a969eb3f532ad9fe89-Tag ein.

• c9ccee2e6ea535a969eb3f532ad9fe89 HTML-Dokument, aber im Allgemeinen wird es im 93f0f5c25f18dab9d176bd4f6de5d30e-Tag des Dokuments platziert das Suffix .css und fügen Sie alle CSS-Codes hinzu.

Verwenden Sie auf der HTML-Seite das Tag ad80aa6e85d806ae890d2ca5178011fe

Attribute

Description

• rel
  definiert die Beziehung zwischen dem aktuellen Dokument und anderen verknüpften Dokumenten. „Stylesheet“ bedeutet: Das verknüpfte Dokument ist eine Stylesheet-Datei URL der verknüpften externen Stylesheet-Datei, die ein relativer Pfad sein kann, es kann auch ein absoluter Pfad sein

(Freigabe von Lernvideos: )

CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWelche Methoden gibt es zur Einführung von CSS-Stylesheets?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!