Heim > Web-Frontend > CSS-Tutorial > [CSS-Hinweise 2] Grundkenntnisse über CSS-Stile

[CSS-Hinweise 2] Grundkenntnisse über CSS-Stile

黄舟
Freigeben: 2016-12-29 13:46:54
Original
1412 Leute haben es durchsucht

1. Inline-CSS-Stile, direkt in vorhandene HTML-Tags geschrieben
Wo können CSS-Stile geschrieben werden? Aus Sicht der Form der Codeeinfügung im CSS-Stil kann sie grundsätzlich in die folgenden drei Typen unterteilt werden: Inline, eingebettet und extern.

Inline-CSS-Stylesheet besteht darin, den CSS-Code direkt in das vorhandene HTML-Tag zu schreiben, z. B. den folgenden Code:

<p style="color:red">这里文字是红色。</p>
Nach dem Login kopieren

Beachten Sie, dass er in das Start-Tag des geschrieben werden sollte Element wie folgt: Diese Schreibweise ist falsch:

<p>这里文字是红色。</p style="color:red">
Nach dem Login kopieren

und der CSS-Stilcode sollte in doppelten Anführungszeichen „style="“ geschrieben werden. Wenn mehrere CSS-Stilcodeeinstellungen vorhanden sind, ist dies möglich zusammen geschrieben werden, mit einem Bruch in der Mitte getrennt. Der folgende Code:

<p style="color:red;font-size:12px">这里文字是红色。</p>
Nach dem Login kopieren

2. Eingebetteter CSS-Stil, in die aktuelle Datei geschrieben
Inline-Stile können nur einzeln geändert werden, während eingebettete Stile den Stil mehrerer Texte festlegen können auf einmal.
Eingebetteter CSS-Stil bedeutet, dass der CSS-Stilcode zwischen den Tags geschrieben werden kann. Der folgende Code setzt beispielsweise den Text in allen -Tags auf Rot:

<style type="text/css"> span{ color:red; } </style>
Nach dem Login kopieren

Der eingebettete CSS-Stil muss zwischen und geschrieben werden Im Allgemeinen werden eingebettete CSS-Stile zwischen

geschrieben.
3. Externer CSS-Stil, geschrieben in einer separaten Datei
Der externe CSS-Stil (auch externer Stil genannt) besteht darin, den CSS-Code in eine separate externe Datei zu schreiben Verwenden Sie das -Tag innerhalb des -Tags (nicht innerhalb des