Heim >Web-Frontend >HTML-Tutorial >Häufig gestellte Fragen zum Einstieg in CSS

Häufig gestellte Fragen zum Einstieg in CSS

WBOY
WBOYOriginal
2016-11-30 23:59:361261Durchsuche

Zuvor geschrieben: In diesem Artikel werden die drei Hauptmerkmale von CSS kurz vorgestellt: Kaskadierung, Vererbung und Priorität. Sowie Rand, Auffüllen, Gleiten und Positionieren mehrerer Wissenspunkte. Es ist auf die Ebene beschränkt und wird nicht ausführlich besprochen. Es dient nur als Lernzusammenfassung.

1. Drei Merkmale

1) Kaskadierung: Wenn die Stile mit demselben Tag und derselben Gewichtung in Konflikt stehen, überschreiben die späteren Stile die vorherigen.

2) Vererbung: Beim Festlegen von Stilen für übergeordnete Elemente werden untergeordnete Elemente vom Stil des übergeordneten Elements beeinflusst, wenn standardmäßig keinen Stil hat . Beachten Sie, dass Breite und Höhe nicht vererbt werden können.

Vererbbare Attribute:
◇Textfarbe kann vererbt werden Farbe
◇Textbezogene Attribute können vererbt werden
◆Zeilenhöhe (Linienhöhe ) kann vererbt werden
text-align

Besondere Umstände:

ein-Tag wird standardmäßig nicht von der Farbe des übergeordneten Elements beeinflusst

Es kommt häufig vor, dass das Festlegen der Farbe eines Tags für li beim Erstellen von Navigation nicht funktioniert, da es vom Standardstil des Browsers beeinflusst wird Farbe: -webkit-link .

h1-h6 Die Standardeinheit ist em. Die spezifische Größe erfordert Produktbedienung

3) Priorität:

Tag-Auswahldbfafc498f3f861fd581a215f7e06615 2 body { 3 min-width: 1000px; 4 } 5 6 .columns { 7 height: 250px; 8 float: left; 9 } 10 11 .container { 12 height: 250px; 13 border: 1px solid red; 14 } 15 16 .mainbox { 17 width: 100%; 18 background: yellow; 19 } 20 21 .inner { 22 margin: 0 300px 0 250px; 23 word-break: break-all; 24 } 25 26 .leftbox { 27 width: 250px; 28 background: red; 29 margin-left: -100%; 30 } 31 32 .rightbox { 33 width: 300px; 34 background: blue; 35 margin-left: -300px; 36 } 37 531ac245ce3e4fe3d50054a55f265927

 

 

  

 

Stellungnahme:
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
Vorheriger Artikel:CSS3-Selektor-AttributselektorNächster Artikel:CSS3-Selektor-Attributselektor