HTML5-Notizen für den dritten Tag

CSS

HTML: Struktur

CSS: Leistung

CSS: Cascading Style Sheet

Funktion: HTML ändern und verschönern. Die Trennung von Struktur und Stil wird erreicht.

Cascading Style Sheet

Vorteile der Verwendung von DIV+CSS:

1. Trennung von Leistung und Inhalt

2. Verbessern Sie die Geschwindigkeit beim Durchsuchen von Seiten

3. Einfach zu pflegen und zu überarbeiten

Stylesheet

Selektor

Stil

Syntax: Selektor {Stil 1: Stilwert 1; 2: Stilwert 2;🎜>
Klassifizierung von Stylesheets:

1, Inline-Stylesheets; (keine Trennung von Struktur und Darstellung; höchste Priorität)

Syntax: < ;p >123

2, internes Stylesheet (keine Trennung von Struktur und Darstellung;)

Syntax; ;



3, externes Stylesheet; (realisiert die Trennung von Struktur und Darstellung;

1) Verlinktes Stylesheet:



!--HTML4-Schreibmethode-->

2) Importiertes Stylesheet (selten verwendet)

Syntax:

Priorität des Stylesheets:

Proximity-Prinzip

Inline-Stylesheet hat die höchste Priorität

Kommentare:

HTML-Kommentare

CSS-Kommentare/*CSS*/

Kommentare können nicht verschachtelt werden

Selektor:

Basisselektor:

1) Globaler Selektor: * steht für Syntax: *{style}

* steht für alle Tags, alle Beschriftungsstile werden geändert

2) Etikettenauswahl

p{ }

h1{ }

Funktionen: Das gleiche Etikett hat den gleichen Stil

3) Kategorieauswahl

zuerst definiert und dann in Anführungszeichen gesetzt

Definition: .class-Selektorname {style}

in Anführungszeichen gesetzt: class="Kategorieauswahl Der Name des Geräts "

Funktionen: Einmal definieren und mehrmals verwenden. Wenn Sie zwei Kategorieselektoren verwenden, verwenden Sie Leerzeichen

4) Der ID-Selektor

wird zuerst definiert und dann in Anführungszeichen gesetzt

Definition: #Der Name des ID-Selektors {style}

Zitat: id="Name des ID-Selektors"

Eigenschaften: Eindeutig

IDs mit demselben Namen können nur einmal auf derselben Seite erscheinen

Hoch Priorität

Priorität des Selektors:

Inline Style Sheet>id>.class>element(tag selector)>*(global selector)

Gewicht: 1000 >100> ; 10 > 1 > 0

Gewicht wird durch Addition berechnet

Darstellung des Farbwerts:

1, Wortdarstellungsmethode: rot;grün;blau;gelb; orange;rosa;lila;schwarz;weiß;

2, hexadezimale Schreibweise: (0-9 a-f) #ff0000 #RedRedGreenGreenBlueBlue

#f00 #Rot, Grün und Blau

3, RGB-Darstellung: (0-255)

Hintergrundfarbe:rgb(255,0,0) rgb(rot, Grün, blau)

rgb(255,255,255) weiß

4, RGBA-Notation:

a steht für Transparenz (Wechsel zwischen 0-1, 0 steht für völlig transparent, 1 bedeutet undurchsichtig ;)

background-color:rgba(255,0 ,0,0,5)

background-color:rgba(255,0,0,.5)

Wenn RGB gleich ist, stellt es eine graue Farbe dar

Das Obige ist der Inhalt der Notizen zum dritten Tag von HTML5. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (m.sbmmt.com)!