Erfahren Sie mehr über die Verwendung von CSS-Kaskaden und Vererbung

1. Drei Möglichkeiten, CSS-Stylesheets in HTML zu verwenden:

(1) Inline-Stylesheets.

zB: LIN

(2) Eingebettetes Stylesheet.

bettet das

Wenn diese Eigenschaften mit CSS-Regeln in Konflikt stehen, Wird immer durch CSS-Regeln überschrieben.

4. Verwendung in Regeln! wichtig

Verwenden! Die durch important angegebene Regel ist wichtiger als andere Regeln.

zB: em { color: bule! wichtig;}

Hinweis: Benutzer zuerst! Wichtige Regeln haben Vorrang vor den Regeln des Autors.

Benutzerdefinierte Stylesheets sollten deklariert werden! wichtig.

5. @import-Regeln, Dateien importieren.

zB: h1 {color: red;}

@import url("style.css");

/*style.css*/

h1{color: green;}

Der obige Code, das letzte h1 ist rot. Denn standardmäßig erscheint das importierte Stylesheet vor den ursprünglichen Stylesheet-Regeln.

6.Vererbung

(1) Beachten Sie, dass die Eigenschaften display, border, margin und padding nicht vererbt werden.

(2) Hintergrundfarbe wird nicht vererbt. Wenn nicht festgelegt, ist der Standardwert der Sonderwert transparent.

(3) Bei der Vererbung eines relativen Werts wird der Wert zunächst berechnet, bevor er an die Nachkommen übergeben wird.

(4) Vererbung angeben: Sonderwert erben

z. B.: p .standout{ border :1px solid blue ;}

p .standout{ border:inhert;}

Hinweis: Als CSS 1 veröffentlicht wurde, war es das des Autors! Wichtiger Stil hat Vorrang vor dem des Benutzers! wichtiger Stil.

css2, Benutzer! wichtiger Stil hat Vorrang vor dem des Autors! wichtiger Stil.

Das obige ist der detaillierte Inhalt vonErfahren Sie mehr über die Verwendung von CSS-Kaskaden und Vererbung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!