Heim > Web-Frontend > Front-End-Fragen und Antworten > Welche Methoden gibt es zur Einführung von CSS-Stylesheets?

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

青灯夜游
Freigeben: 2021-06-08 14:33:35
Original
5443 Leute haben es durchsucht

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.

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

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

Hinweis:

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