Über Front-End-Lern-CSS

Nachdem ich das Video von CSS+Div gelesen habe, habe ich das Gefühl, dass die Erklärung nicht sehr klar ist, bis ich es gesehen habe. Es stellte sich heraus, dass CSS viel hinzufügen kann Farbe für eine Webseite!

1. Übersicht

1. Format:

 

2. CSS-Attribute

1. Textattribute

(1) Schriftstil: kursiv (kursiv) normal (normal);

(2) Schriftstärke: fett/fetter/heller (Dicke), Sie können auch Zahlen (100-900) verwenden

(3) Schriftart- Größe: 20px, achten Sie darauf, die Einheit px anzugeben; (4) Schriftfamilie: "楷体"; beim Schreiben von Chinesisch

Backup-Schriftart-Schriftfamilie: „Arial“, „Microsoft Yahei“;

• Schriftarten für Chinesisch bzw. Englisch festlegen: „Arial“, „楷体“ (englische Schriftart vorne, chinesische Schriftarten hinten, chinesische Schriftarten beziehen sich hier auf Schriftarten, die Chinesisch verarbeiten können)

• (5) Abkürzung von Textattributen:
Schriftart: Stilgewicht-Größenfamilie

Stil und Gewicht können Positionen tauschen, Größe und Familie können Positionen tauschen, aber Größe und Familie müssen am Ende stehen; 🎜>

Stil und Gewicht können weggelassen werden, aber Größe und Familie können nicht weggelassen werden

• 2. Textattribute :
text-decoration: underline |. overline-through | > (3) Texteinzug:
• text-indent: 2em;
  3. Farbkontrollattribut (Farbe)

(1) Englisch: eingeschränkter Ausdruck, wird zum Debuggen verwendet; >

(2) RGB (Rot, Grün, Blau): Die drei Werte sind alle grau.

(3) RGBA: Die Vorderseite ist mit RGB identisch , der letzte ist Transparenz, der Wert ist 0 bis 1; (4) Hexadezimal: Das Prinzip ist zwei hexadezimale Ziffern zu einem RGB; (5) Hexadezimale Abkürzung: > Es muss in dieser Form vorliegen, um abgekürzt zu werden

3. CSS-Selektor 1. Tag-Selektor

Alle Tags auswählen

2. ID-Auswahl

Die ID ist eindeutig;

• 
  

  Sie besteht aus Buchstaben, Unterstrichen und Zahlen und die Nummer startet nicht;

  
  

3 🎜>class="Klassenname Klassenname" (Multi-Kategorie)

• 
  

  Multi-Kategorie-Anwendung: Klassifizierungskombination

  
  

4. Nachkommenselektor

• 
  

  Format: Tag-Tag｛｝;

  
  Das obige Tag kann Tag, ID und Klasse sein Selektor;

kann unendlich entwickelt werden

• Nachkommen umfassen Kinder und Enkel; . Selektor für untergeordnete Elemente

  
  

  Format: tag>tag｛｝

  
  

  darf keine Leerzeichen enthalten

• 6. Kreuzungsselektor (*)

Format: tagtag｛｝

• Beide haben keine Symbole

• 7. Union-Auswahlgerät

• Format: Tag, Tag｛｝

• 8. Bruderauswahl

Phase Nachbar-Geschwister: + Verbindung; nur diejenige nach dem benachbarten Geschwister kann ausgewählt werden und kann dazwischen nicht getrennt werden

• Allgemeines Geschwister: ~ Verbindung hinter der angegebenen Bezeichnung von die gleiche Ebene, unabhängig davon, ob sie getrennt ist oder nicht

• 9. Auftragsauswahl

Verwandte Empfehlungen:

CSS-Stil -- - CSS-Hack
css+div summary【css+div】_html/css_WEB-ITnose

Das obige ist der detaillierte Inhalt vonÜber Front-End-Lern-CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!