Heim > Artikel > Web-Frontend > Was sind die Verwendungsmöglichkeiten von CSS?
Verwendung von CSS: 1. Wenn Sie den gleichen Stil konsistent auf alle oder einen Teil der Webseiten auf der Website anwenden möchten, können Sie externe Stylesheets verwenden. 2. Wenn Benutzer nur den Stil der aktuellen Website definieren möchten Seite können Sie eingebettete Stylesheets verwenden. 3. Existiert als Attribut-Tag eines HTML-Tags.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3-Version, DELL G3-Computer.
CSS-Verwendung:
Externer Stil:
(1) Verwendung: Externe Stylesheets können verwendet werden, wenn Sie denselben Stil konsistent auf allen oder einem Teil der Webseiten der Website anwenden möchten. Durch die Definition von Stilen in einem oder mehreren externen Stylesheets und deren Verknüpfung mit allen Webseiten wird ein einheitliches Erscheinungsbild auf allen Webseiten gewährleistet. Wenn Benutzer beschließen, den Stil zu ändern, müssen sie ihn nur einmal im externen Stylesheet ändern, und die Änderung wird auf allen mit dem Stylesheet verknüpften Seiten widergespiegelt.
(2) Beispiel: Normalerweise haben externe Stylesheets .css als Dateierweiterung, wie zum Beispiel Mystyles.css. Verlinken Sie es dann auf den Seiten, die diesen Stil erfordern.
Eingebettet:
(1) Verwendung: Wenn Benutzer lediglich den Stil der aktuellen Webseite definieren möchten, können eingebettete Stylesheets verwendet werden. Ein eingebettetes Stylesheet ist ein kaskadierendes Stylesheet, das in das Tag einer Webseite „eingebettet“ ist. Stile in eingebetteten Stylesheets können nur auf derselben Webseite verwendet werden.
(2) Beispiel: In Microsoft FrontPage2000 werden einige Formatierungsfunktionen automatisch als Inline-Stile angewendet. Beispiel: Wenn Sie den Befehl „Rahmen und Schatten“ (im Menü „Format“) verwenden, um einen Rahmen um einen normalen Absatz anzuwenden, schreibt FrontPage die Formatierungsinformationen als Inline-Stileigenschaften für die Absatzmarke.
Inline-Stil:
Der Inline-Stil besteht darin, CSS-Code direkt zum HTML-Markup hinzuzufügen, dh er existiert als Attribut-Tag des HTML-Markups. Auf diese Weise können Sie ganz einfach Stile für ein Element individuell definieren.
Verwandte Tutorial-Empfehlungen: CSS-Video-Tutorial
Das obige ist der detaillierte Inhalt vonWas sind die Verwendungsmöglichkeiten von CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!