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>
1. Inline-Stylesheet 2. Internes Stylesheet
3. Externes Stylesheet
Lass es uns erklären im Detail unten:
1. Das eingebettete Stylesheetwird in das Tag (Tag) geschrieben, das es beispielsweise im
verwendet >
Die Syntax lautet:<p style font-size:20pt>这段文字使用了内嵌样式表,更改了字体大小为20</p>
<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>