Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Welche drei Möglichkeiten gibt es, CSS-Stile zu schreiben?

王林
Freigeben: 2020-08-24 16:17:08
nach vorne
5451 Leute haben es durchsucht

Welche drei Möglichkeiten gibt es, CSS-Stile zu schreiben?

Drei Möglichkeiten, CSS-Stile zu schreiben:

(Empfohlenes Tutorial: CSS-Tutorial)

1. Inline-Stil

dient dazu, den Stil eines Elements über das Stilattribut des Tags festzulegen lautet wie folgt:

rrree

In der Syntax ist style das Attribut des Tags. Tatsächlich verfügt jedes HTML-Tag über das style-Attribut, das zum Festlegen des Inline-Stils verwendet wird Die CSS-Stilregel gilt für alle darin verschachtelten Tags.

2. Internes Stylesheet

Inline-Stil besteht darin, den CSS-Code in das Head-Tag des HTML-Dokuments zu schreiben und ihn mit dem Style-Tag zu definieren:

<span style="color:#000;font-size:16px">HelloWord</span>
Nach dem Login kopieren

In der Syntax ist der Stil Das Tag befindet sich im Allgemeinen nach dem Head-Tag. Sie können es auch an einer beliebigen Stelle im HTML-Dokument platzieren.

3. Externer Verknüpfungsstil

Beim Verknüpfungsstil werden alle Stile in eine oder mehrere externe Stylesheet-Dateien mit CSS-Erweiterung eingefügt und die externen Stile über das Link-Tag mit dem HTML-Dokument verknüpft. Das Format ist wie folgt :

<head>
    <style>
        p {color: #000;font-size: 16px}
    </style>
</head>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWelche drei Möglichkeiten gibt es, CSS-Stile zu schreiben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:csdn.net
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