Detaillierte Erklärung der HTML-Style-Tags und der zugehörigen CSS-Referenzen

Detaillierte Erklärung der HTML-Style-Tags und der zugehörigen CSS-Referenzen

HTML-Style-Tag

Stil-Tag - Verwenden Sie dieses Tag, wenn Sie Stile in einem Dokument deklarieren
Style-Tags erscheinen paarweise, beginnend mit <style> und endend mit </style>
Medien - Medientyp,

Typ – enthält den Inhaltstyp, normalerweise type="text/css"
Beispiel

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. <Kopf>​​   
  2.      < Stil   Typ = "Text/CSS" >   
  3. Abk.
  4. {
  5. Schriftgröße: 12px;
  6. }
  7. .text10pxweiß
  8. {
  9. Schriftgröße: 10px;
  10. Farbe: #FFFFFF;
  11. }
  12.      </ Stil >   
  13. </ Kopf >   

Internes CSS

Über den Style-Tag können Sie den Inhalt der CSS-Datei direkt in das HTML-Dokument laden.

Beispiel

CSS- CodeInhalt in die Zwischenablage kopieren
  1. <Stiltyp= "Text/CSS" ><![CDATA[
  2. /* ----------Stil für den Textanfang---------- */   
  3.   
  4. /* Dream City weißer 12 Pixel Text */   
  5. .dreamduwhite 12px   
  6. {
  7.      Farbe : weiß ;
  8.      Schriftgröße : 12px ;
  9. }
  10. /* Dream City schwarzer 16-Pixel-Text */   
  11. .dreamdublack 16px   
  12. {
  13.      Farbe : Schwarz ;
  14.      Schriftgröße : 16px ;
  15. }
  16.   
  17. /* ----------Ende des Textstils---------- */   
  18. ]]></Stil>

<<:  Lösung für zu große Mysql-Binlog-Protokolldateien

>>:  Diskussion zu Bildpfadproblemen in CSS (dasselbe Paket/anderes Paket)

Artikel empfehlen

Navicat: Mehrere Möglichkeiten zum Ändern des MySQL-Datenbankkennworts

Methode 1: Verwenden Sie den Befehl SET PASSWORD ...

So konfigurieren Sie Nginx zur Unterstützung von IPv6 unter Linux

1. Überprüfen Sie, ob das vorhandene Nginx IPv6 u...

Einführung in die Linux-Dateikomprimierung und -Verpackung

1. Einführung in Komprimierung und Verpackung All...

HTML-Grammatik-Enzyklopädie_HTML-Sprachgrammatik-Enzyklopädie (unbedingt lesen)

Datenträgerbezeichnung, Eigenschaftsname, Beschre...

Warum wirkt sich die Verwendung von Limits in MySQL auf die Leistung aus?

Lassen Sie mich zunächst die MySQL-Version erklär...

Das WeChat-Applet realisiert eine Links-Rechts-Verknüpfung

In diesem Artikel wird der spezifische Code für d...

Docker-Tutorial: Container verwenden (einfaches Beispiel)

Wenn Sie mit Docker noch nicht vertraut sind, seh...

Detaillierte Erklärung des Befehlsmodus in der Javascript-Praxis

Inhaltsverzeichnis Definition Struktur Beispiele ...

Verschiedene Arten von MySQL-Indizes

Was ist ein Index? Ein Index ist eine Datenstrukt...

So legen Sie den Rahmen einer Webseitentabelle fest

<br />Zuvor haben wir gelernt, wie man Zelll...

Allgemeine Linux-Befehle chmod zum Ändern der Dateiberechtigungen 777 und 754

Der folgende Befehl wird häufig verwendet: chmod ...

SQL Left Join und Right Join - Prinzip und Beispielanalyse

Es gibt zwei Tabellen, und die Datensätze in Tabe...

Django2.* + Mysql5.7-Entwicklungsumgebung Integrations-Tutorial-Diagramm

Umfeld: MAC_OS 10.12 Python 3.6 MySQL 5.7.25 Djan...

Div deckt den Blitz ab. Die transparente Flash-Methode ermöglicht die Platzierung der DIV-Ebene auf dem Blitz.

Es gibt zwei Typen: (verschiedene Browser) 1. Verf...

Tutorial zur Verwendung von Docker Compose zum Erstellen von Confluence

Dieser Artikel verwendet die Lizenzvereinbarung „...