Heim >Web-Frontend >CSS-Tutorial >Detaillierte Einführung in gängige CSS-Eigenschaften
Zuvor haben wir über den ID-Selektor bzw. den Klassenselektor sowie deren Unterschiede und Verbindungen gesprochen. Lassen Sie uns gemeinsam die magischen Klassen und Pseudoelemente erkunden. Tatsächlich war ich vorher verwirrt über Pseudoklassen und Pseudoelemente, aber jetzt habe ich beschlossen, ihren mysteriösen Mantel abzuziehen. Erstens: Was ist eine Pseudoklasse? Was sind Pseudoelemente? Verständnis von Pseudoklassen und Pseudoelementen: Offizielle Erklärung: Pseudoklassen wurden ursprünglich verwendet, um den dynamischen Status einiger Elemente darzustellen, typischerweise die verschiedenen Status häufig verwendeter Links (Link, Aktiv, Hover, Besucht). Später CSS2 Der Standard wurde erweitert. Sein konzeptioneller Umfang macht ihn zu einer „Geister“-Kategorie für alle logisch vorhandenen, aber nicht identifizierten Kategorien im Dokumentbaum. Pseudoelemente stellen die Unterelemente eines bestimmten Elements dar. Obwohl dieses Unterelement logisch existiert, existiert es nicht tatsächlich im Dokumentbaum, wie z. B. das Nachher, Vorher usw., das wir normalerweise verwenden. Mein grobes Verständnis ist, dass eine Pseudoklasse eine Klasse ist, die nicht identifiziert werden muss, und ein Pseudoelement ein Element ist, das jedoch nicht im Dokumentbaum vorhanden ist. Zur Verwendung: Vor Pseudoklassen steht ein Doppelpunkt und vor Pseudoelementen stehen zwei Doppelpunkte. E:First-Child-Pseudoklasse, E::fir
1. Zusammenfassung der allgemeinen CSS-Attribute Pseudoelemente und Pseudoelemente
Einleitung: In den vorherigen Zeiten haben wir über den ID-Selektor bzw. den Klassenselektor sowie deren Unterschiede und Verbindungen gesprochen. Lassen Sie uns gemeinsam die magischen Klassen und Pseudoelemente erkunden.
2. Farbe und Einheit allgemeiner CSS-Attribute
Einführung: Beim Schreiben von CSS-Code ist das Schätzen von Farben und Einheiten wichtig. Es gibt jedoch viele Möglichkeiten, Farb- und Einheitenwerte in CSS zu schreiben, daher ist es notwendig, dies zu klären.
3. Erste Zusammenfassung allgemeiner CSS-Attribute: ID- und Klassenselektoren
Einführung: Erste Zusammenfassung allgemeiner CSS-Eigenschaften: ID- und Klassenselektoren
4. Allgemeine CSS-Eigenschaften
Einführung: In Bezug auf CSS-Attribute empfehle ich Ihnen persönlich, das Handbuch für weitere Details und Bequemlichkeit zu lesen. Hier werde ich einige häufig verwendete Attribute klassifizieren Nehmen Sie einfach ein paar allgemeine Attributwerte, nur für Leute wie mich, die gerade erst das Front-End als Ausgangspunkt lernen.
5. Zusammenfassung von vier gängigen CSS-Eigenschaften
Einführung: ********* Allgemeine CSS-Eigenschaften ********* [font] Schriftart legt die Texteigenschaften im Objekt fest oder ruft sie ab. Bei dieser Eigenschaft handelt es sich um eine zusammengesetzte Eigenschaft. Die Parameter, die die erste Deklarationsmethode verwenden, müssen in der oben angegebenen Reihenfolge angeordnet werden und Schriftart-
6. Zusammenfassung der allgemeinen CSS-Eigenschaften Drei
Einführung: ********* Allgemeine CSS-Eigenschaften************【margin 】margin ruft die vier Seiten des Objekts ab oder legt diesen fest. Erweiterter Rand margin-top Ruft den erweiterten Rand der Oberkante des Objekts margin-right ab oder legt ihn fest
7 der allgemeinen CSS-Eigenschaften 2
Einführung: ********* Allgemeine CSS-Eigenschaften * ******** [layout] klar: Der Wert dieser Eigenschaft gibt den Rand an, an dem schwebende Objekte nicht zulässig sind. Standardwert: nonenone: Schwebende Objekte auf beiden Seiten zulassen. Beide: Nicht zulässig
Einführung: ********* Allgemeine CSS-Eigenschaften *********z-index:auto (Standardwert) ruft die Stapelreihenfolge von Objekten ab oder legt sie fest. Bei parallelen Objekten gilt: Je größer der Wert dieses Eigenschaftsparameters ist, desto höher werden sie oben gestapelt. Beispielsweise hat dieses Attribut von zwei Objekten
9 CSS common attributes and Values_html/css_WEB-ITnose
Einführung: Allgemeine CSS-Eigenschaften und -Werte
Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in gängige CSS-Eigenschaften. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!