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

So stellen Sie Daten mit Binlog in MySQL 5.7 wieder her

Schritt 1: Stellen Sie sicher, dass MySQL Binlog ...

14 praktische Erfahrungen zur Reduzierung von SCSS-Code um 50 %

Vorwort Sass ist eine Erweiterung der CSS3-Sprach...

Lösung für das Problem mit verstümmelten chinesischen MySQL-Zeichen

1. Die chinesischen verstümmelten Zeichen erschei...

Demo für 10-Farbverlaufshintergrund des CSS-Containers (linear-gradient())

Grammatik Hintergrund: linearer Farbverlauf (Rich...

Web 2.0: Ursachen und Lösungen der Informationsüberflutung

<br />Informationsduplikation, Informationsü...

Tutorial zum Anpassen von RPM-Paketen und Erstellen von Yum-Repositorys für Centos

1 Behalten Sie das RPM-Paket bei, das heruntergel...

Zusammenfassung gängiger Begriffe in CSS (Cascading Style Sheet)

Wenn Sie CSS verwenden, vergessen Sie nicht, DOCTY...

Lösung für das Problem mit transparenten Schriftarten nach dem Aktivieren von ClearType im Internet Explorer

Die Lösung für das Problem mit der transparenten S...

MySQL-Abfrage gibt an, dass das Feld keine Zahl und kein Komma SQL ist

Grundlegende SQL-Anweisungen MySQL-Abfrageanweisu...

15 Vim-Kurzreferenztabellen, die Ihnen helfen, Ihre Effizienz um das N-fache zu steigern

Ich habe im ersten Halbjahr des letzten Jahres an...

So ändern Sie die Ali-Quelle in Ubuntu 20.04

Beachten Sie, dass dieser Artikel Ihnen nicht ein...

Analyse von MySQL-Parallelitätsproblemen und -Lösungen

Inhaltsverzeichnis 1. Hintergrund 2. Langsame Abf...

Zusammenfassung der Wissenspunkte zum B-Tree-Index bei der MySQL-Optimierung

Warum müssen wir SQL optimieren? Wenn wir SQL-Anw...

Natives JS zur Implementierung der Paging-Klicksteuerung

Dies ist eine Interviewfrage, die die Verwendung ...

Beispielcode zum Erstellen eines minimierten Header-Effekts nur mit CSS

Zusammengeklappte Kopfzeilen sind eine großartige...