Fünf Möglichkeiten zur Einführung von CSS-Stilen_CSS/HTML

1. Verwenden Sie das STYLE-Attribut

Fügen Sie das STYLE-Attribut direkt zu einzelnen Komponenten-Tags hinzu,
Der Vorteil davon Verwendung: Stile können flexibel auf jedes Tag angewendet werden, der Nachteil besteht jedoch darin, dass im gesamten Dokument keine „Einheit“ besteht

.

2. Verwenden Sie das STYLE-Tag

Schreiben Sie Stilregeln in

Zum Beispiel:

Normalerweise das gesamte wird im Abschnitt geschrieben. Der Vorteil dieser Verwendung liegt in der Einheitlichkeit des gesamten Dokuments. Solange eine deklarierte Komponente vorhanden ist, wird die Stilregel angewendet. Der Nachteil liegt in der mangelnden Flexibilität einzelner Komponenten.

3. Verwenden Sie den LINK-Tag

Schreiben Sie die Stilregeln in die CSS-Stildatei und importieren Sie sie mit dem -Tag.
Angenommen, wir speichern die Stilregeln als example.css-Datei, wir müssen nur

Die Der in der Stildatei angegebene Stil kann angewendet werden. Das LINK-Tag wird normalerweise in den Abschnitt geschrieben. Der Vorteil dieser Verwendung besteht darin, dass Sie mehrere Dokumente, für die dieselben Stilregeln gelten, derselben Stildatei zuordnen können. Der Nachteil ist auch die mangelnde Flexibilität einzelner Dateien oder Komponenten.

4. Verwenden Sie @import, um

vorzustellen

Es ähnelt der Verwendung von LINK, muss jedoch in platziert werden.

Zum Beispiel:

Es ist zu beachten, dass das Semikolon am Ende der Zeile unbedingt erforderlich ist!

5. Verwenden Sie das Tag

Zum Beispiel: WEB-Standard