Was bedeutet das HTML-Style-Tag? Ausführliche Erklärung zur Verwendung des Style-Tags-HTML-Tutorial-php.cn

In diesem Artikel geht es hauptsächlich um die Definition und Einführung von HTML-Style-Tags. Lassen Sie uns zunächst einige Verwendungszwecke und Positionen von Style-Tags in HTML verstehen und dann einige Methoden und detaillierte Techniken vorstellen Schauen Sie sich die Definition und Verwendung des

HTML-Stil-Tags an. Das -Tag wird verwendet, um Stilinformationen für HTML-Dokumente zu definieren .

Im Stil können Sie festlegen, wie das HTML-Dokument im Browser gerendert wird.

Das Typattribut ist erforderlich und definiert den Inhalt des Stilelements. Der einzig mögliche Wert ist „text/css“. Das Stilelement

befindet sich im Kopfbereich.

HTML Schreiben Sie die Stile verschiedener Tags in das Tag-Paar , was sein kann body Es kann auch h1 sein, das heißt, alle Inline-Stile zusammen schreiben

Wenn beispielsweise 10 Tags alle derselben Klasse angehören, müssen Sie 10

<🎜 schreiben > im Inline-Stil und im Stil. Schreiben Sie einfach einen.

Jetzt handelt es sich bei allen um Designmuster, die Struktur (HTML), Stil (CSS) und Verhalten (JS) trennen.

<p id="xxx">===><style>#xxx{}</style>
<p class="xxx">===><style>.xxx{}</style>
<body></body>===><style>body{}</style>

Nach dem Login kopieren

Das Style-Tag ist entsprechend seiner Position im CSS unterteilt Stylesheet Drei Typen:

1. Inline-Stylesheet 2. Internes Stylesheet

3. Externes Stylesheet

Lass es uns erklären im Detail unten:

1. Das eingebettete Stylesheet

wird in das Tag (Tag) geschrieben, das es beispielsweise im

verwendet >

Die Syntax lautet:

<p style font-size:20pt>这段文字使用了内嵌样式表，更改了字体大小为20</p>

Nach dem Login kopieren

2. Das interne Stylesheet

unterscheidet sich vom eingebetteten Stylesheet, das zwischen

geschrieben wird. Tags der HTML-Webseite, daher ist es für die gesamte Seite gültig. Es ist zu beachten, dass Sie beim Schreiben darauf achten müssen, dass dieses Stylesheet in diesem Tag verwendet wird, da es nicht in einem bestimmten Tag geschrieben ist. Sie müssen es auch klar schreiben, wenn Sie es definieren, da es sonst zu Problemen kommt Die gesamte Seite ist unübersichtlich. Beispiel:

<html>
<head>
p.mylayout <style type="text/css">{font-size:22pt; color:blue; border-width:1px; border:double; text-align:center; }</style></head>
<body> 
<p class="mylayout">这段文字使用了样式表</p>
<p>这段文字没有使用样式表</p>
</body>
</html>

Nach dem Login kopieren

Wenn Sie ein internes Stylesheet definieren, sollten Sie bei der Deklaration von