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

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>

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

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

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>

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 080b747a20f9163200dd0a7d304ba388531ac245ce3e4fe3d50054a55f265927 geschrieben werden kann. Der folgende Code setzt beispielsweise den Text in allen 45a2772a6b6107b401db3c9b82c049c2-Tags auf Rot:

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

Der eingebettete CSS-Stil muss zwischen c9ccee2e6ea535a969eb3f532ad9fe89531ac245ce3e4fe3d50054a55f265927 und geschrieben werden Im Allgemeinen werden eingebettete CSS-Stile zwischen 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 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 2cdf5bf648cf2f33323966d7f58a7f3f-Tag innerhalb des 93f0f5c25f18dab9d176bd4f6de5d30e-Tags (nicht innerhalb des c9ccee2e6ea535a969eb3f532ad9fe89-Tags), um die CSS-Stildatei mit der HTML-Datei zu verknüpfen:

<link href="base.css" rel="stylesheet" type="text/css" />

Hinweis:

Dateinamen im CSS-Stil werden mit aussagekräftigen englischen Buchstaben benannt, z. B. main.css.

rel=“stylesheet“ type=“text/css“ ist eine feste Schreibmethode, die nicht geändert werden kann. Das
rel-Attribut wird verwendet, um die Beziehung zwischen der verknüpften Datei und dem HTML-Dokument zu definieren. Stylesheet bedeutet Style-Aufruf. Die Position des

2cdf5bf648cf2f33323966d7f58a7f3f

4. Priorität der drei Stile

Bei gleichem Gewicht hat der Inline-Stil die höchste Priorität. Eingebettetes und externes
werden nach dem Proximity-Prinzip unterteilt (je näher am gesetzten Element, desto höher die Priorität).

Das Obige ist der Inhalt von [CSS Notes 2] Grundkenntnisse über CSS-Stile. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!