Dieser Artikel stellt Ihnen die drei Hauptfunktionen von CSS vor und stellt die Einstellung der Hintergrundtransparenz vor. Ich hoffe, dass er für Freunde hilfreich ist.
Über Inline-Elemente (ein zusätzlicher Punkt)
Inline-Elemente können nur Text oder andere Inline-Elemente aufnehmen. (Elemente auf Blockebene können in einem speziellen a platziert werden)
Beispiel:
Tipps zur Zeilenhöhe:
Verschachtelung von Selektoren Das Niveau sollte nicht höher als Level 3 sein und die Qualifikationsbedingungen auf der niedrigeren Position sollten so präzise wie möglich sein.
Die Attributdefinition muss in einer neuen Zeile beginnen.
Über die Messung der Zeilenhöhe:
Die drei Hauptmerkmale von CSS (kaskadierende Prioritätsvererbung)
a. Die Überlagerung mehrerer CSS-Stile
ist die Fähigkeit des Browsers, Konflikte zu verarbeiten. Wenn ein Attribut für dasselbe Element über zwei identische Selektoren festgelegt wird, ist dies manchmal ein Attribut wird ein weiteres Attribut kaskadieren.
Im Allgemeinen wird bei einem Stilkonflikt die Reihenfolge befolgt, in der das CSS geschrieben wird, und der letzte Stil hat Vorrang.
b. Priorität
Beim Definieren von CSS-Stilen kommt es häufig vor, dass sich zwei oder mehr Regeln auf dasselbe Element beziehen.
Die Gewichtung von Stilen kann überlagert werden
Inline-Tag > Klassen-Tag> Tag-Selektor (ohne Gewichtung)
Tipp: Hintergrundtransparenz einstellen: rgba (0, 0, 0, 3);
Der letzte Parameter ist Alpha-Transparenz. Der Wertebereich liegt zwischen 0-. 1
Hinweis: Hintergrundtransparenz bedeutet, dass der Hintergrund der Box durchscheinend ist und der Inhalt in der Box nicht beeinträchtigt wird.
Verwandte Empfehlungen:
Neue Attribute in CSS3: Zusammenfassung der mehrspaltigen CSS3-Layoutattribute (mit Beispielen) Eine kurze Analyse von CSS-Rahmeneigenschaften: Breite & Stil & Rahmen usw. Einführung in zwei Methoden des CSS-Rasterlayouts (Grid) (mit Code)Das obige ist der detaillierte Inhalt vonDrei Hauptmerkmale von CSS und eine Einführung in die Einstellung der Hintergrundtransparenz. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!