Die Unterschiede zwischen externer CSS-Verlinkung und Inline-Einbettung sind: 1. Die Schreibmethoden der drei Stile sind unterschiedlich; 2. Die drei Methoden haben bei der tatsächlichen Verwendung unterschiedliche Gewichtsprioritäten. Die Reihenfolge von hoch nach niedrig ist „Eingebettet > Inline >“. ;Outreach".
Die Betriebsumgebung dieses Tutorials: Windows 7-System, Dell G3-Computer, CSS3-Version.
Was ist der Unterschied zwischen externer CSS-Verlinkung, Inlining und Einbettung?
Funktionell gesehen sind die von diesen drei implementierten Funktionen identisch und alle können das Setzen und Ändern von Inhalten erreichen.
In Bezug auf die Schreibmethoden sind sie jedoch unterschiedlich:
1, Schreibmethode im Inline-Stil
<p style="color:red;"></p>
2, Schreibmethode im externen Stil
ist das Schreiben einer separaten Methode mit CSS-Erweiterung Datei und verwenden Sie dann das -Tag in
, um den CSS-Stil in den HTML-Code zu verknüpfen. Zum Beispiel:<link href="你的css文件地址" rel="stylesheet" type="text/css"></link>
3, verschachteltes Schreiben
Dies kann als Verschachtelung verstanden werden. Schreiben Sie nun die erforderlichen Element-Tags, wie z. B. span, in den
-Text ; Schreiben Sie einen separaten CSS-Stil in . Zum Beispiel:
<head>
<style type="text/css">
span{color:re;}
</style>
</head>Unterschiede in der Priorität(Empfohlen: CSS-Video-Tutorial)
Drei Möglichkeiten bei der tatsächlichen Verwendung, die Gewichtspriorität ist von hoch nach niedrig: eingebettet > inline > extern. Allgemeinere Stile eignen sich zur Isolierung und externen Verwendung, um die Wiederverwendbarkeit zu verbessern und die Kopplung zwischen Stilen und Inhalten zu verringern. Mit wenigen unabhängigen Elementen können Stile bequemer eingebettet werden.
Das obige ist der detaillierte Inhalt vonDer Unterschied zwischen externer CSS-Verlinkung und Inline-Einbettung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
