Heim > Web-Frontend > CSS-Tutorial > Hauptteil

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

高洛峰
Freigeben: 2017-03-17 10:37:07
Original
1350 Leute haben es durchsucht

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!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage