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

Detaillierte Erklärung des Unterschieds zwischen Uniapp und Vue

Inhaltsverzeichnis 1. Einfaches Seitenbeispiel 2....

CSS-Code zur Steuerung der Hintergrundfarbe der Webseite

Ich glaube, jeder macht sich oft Sorgen, ob er Bi...

Mehrere Möglichkeiten, Python-Programme im Linux-Hintergrund auszuführen

1. Die erste Methode besteht darin, den Befehl un...

Linux verwendet die suid vim.basic-Datei, um eine Rechteausweitung zu erreichen

Auf Kali reproduzieren Legen Sie zunächst die Sui...

Schritte zum Erstellen Ihres eigenen YUM-Repositorys

Einfach ausgedrückt lautet die IP der als Lager v...

So erhalten Sie ein dauerhaftes kostenloses SSL-Zertifikat von Let’s Encrypt in Docker

1. Ursache Der offizielle Cerbot ist zu nervig. E...

Zusammenfassung der Unterschiede und Verwendung von Plugins und Komponenten in Vue

Die Betriebsumgebung dieses Tutorials: Windows 7-...

Detaillierte Erläuterung der 8 Attributwerte des Hintergrundattributs (Interviewfrage)

Der Wert der Hintergrundeigenschaft in CSS Hinter...

Detaillierte Erläuterung der Kommunikation zwischen Angular-Eltern- und -Kindkomponenten

Inhaltsverzeichnis Verwendete APIs Einfaches Beis...

MySQL-Datenbankoperationen (Erstellen, Auswählen, Löschen)

MySQL-Datenbank erstellen Nachdem wir uns beim My...

Detailliertes Tutorial zur Migration des Home-Verzeichnisses auf eine neue Partition unter Ubuntu

Wenn das Home-Verzeichnis des Benutzers immer grö...

Eine kurze Diskussion über drei Methoden der asynchronen Replikation in MySQL 8.0

In diesem Experiment konfigurieren wir die standa...

WeChat-Applet-Picker - Mehrspalten-Selektor (Modus = MultiSelector)

Inhaltsverzeichnis 1. Wirkungsdiagramm (mehrere S...

Detaillierte Beschreibung der Unicode-Signatur-BOM

Unicode-Signatur-BOM – Was ist die BOM? BOM ist di...

CSS3 verwendet var()- und calc()-Funktionen, um Animationseffekte zu erzielen

Wissenspunkte in der Vorschau anzeigen. Animation...