Heim > Artikel > Web-Frontend > Der Unterschied zwischen externer CSS-Verlinkung und Inline-Einbettung
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 2cdf5bf648cf2f33323966d7f58a7f3f-Tag in 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1, 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 6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956-Text ; Schreiben Sie einen separaten CSS-Stil in 080b747a20f9163200dd0a7d304ba388531ac245ce3e4fe3d50054a55f265927. 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!