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

js implementiert einige Funktionen der Eingabekomponente in Element und kapselt sie in eine Komponente (Beispielcode)

Derzeit sind die Felder „Grundlegende Verwendung“...

Detaillierte Erklärung der JavaScript-Funktion dieses Zeigeproblems

Inhaltsverzeichnis 1. Die Richtung davon in der F...

So ersetzen Sie alle Tags im HTML-Text

(?i) bedeutet, dass die Groß-/Kleinschreibung nich...

Implementierungscode für mehrzeilige Textkomponenten der Vue-Faltanzeige

Faltdisplay mit mehrzeiligem Textbaustein Falten ...

Datagrip2020 kann MySQL-Treiber nicht herunterladen

Wenn Sie es nicht durch direktes Klicken auf „Dow...

Vue implementiert eine Scroll-Ladetabelle

Inhaltsverzeichnis Ergebnisse erzielen Wissensres...

Implementierung des Hochladens großer Dateien und des durch Haltepunkte fortsetzbaren Hochladens in Vue

Inhaltsverzeichnis 2 Lösungen für den Dateiupload...

Detaillierte Erklärung von MySQLs Seconds_Behind_Master

Inhaltsverzeichnis Sekunden_hinter_Master Ursprün...

TD bei der Webseitenproduktion kann auch über die versteckte Anzeige hinauslaufen

Wenn ich diesen Artikel so nenne, wird vielleicht ...

Detaillierte Analyse mehrerer Situationen, in denen MySQL-Indizes fehlschlagen

1. Führende Fuzzy-Abfragen können keinen Index ve...

Wie stelle ich Tomcat als automatisch gestarteten Dienst ein? Der schnellste Weg

Stellen Sie Tomcat so ein, dass der Dienst automa...

So verwenden Sie den CSS-Stil, um die Schriftart in der Tabelle vertikal zu zentrieren

So können Sie mithilfe des CSS-Stils die Schrifta...

Detaillierte Erklärung des Abstandsproblems zwischen IMG-Tags

Grundlegende Analyse des IMG-Tags: In HTML5 beste...

So zeigen Sie die Zeitzone in MySQL an und ändern sie

Heute habe ich festgestellt, dass ein Programm ei...

So installieren Sie PostgreSQL11 auf CentOS7

Installieren Sie PostgreSQL 11 auf CentOS 7 Postg...