Heim  >  Artikel  >  Web-Frontend  >  CSS-Stil

CSS-Stil

高洛峰
高洛峰Original
2016-11-24 10:08:111389Durchsuche

css Cascading Style Sheets

• Im Allgemeinen haben alle Stile die folgenden Regeln (der vierte hat die höchste Priorität)
1. Browser-Standard
Extern Stylesheet
Externes Stylesheet
3. Internes Stylesheet (im -Tag)
Eingebettetes Stylesheet (im -Tag)
4 HTML-Element) CSS-Dokument. (Das Prinzip besteht darin, sich zu ändern)

Die Syntax von CSS besteht aus drei Teilen: einem Selektor, einer Eigenschaft und einem Wert, zum Beispiel:
Selektor {Eigenschaft: Wert} 🎜>
Der Selektor ist das Element oder Tag, das definiert werden muss

Zum Beispiel: body{color:red} Definieren Sie das Farbattribut des Tag-Körpers als rot

Wenn das Wenn der Wert aus mehreren Wörtern besteht, verwenden Sie double. In Anführungszeichen eingeschlossen
Zum Beispiel: p {Schriftfamilie: „sans serif“🎜>
Wenn Sie mehrere Attribute angeben, muss jedes Attribut durch ein Semikolon getrennt werden
Zum Beispiel: p {text- align:center;color:red}

Jedes HTML-Element kann nur ein Klassenattribut haben


p.right {text-align: right } Ändern Sie p Elemente oder Tags, deren linke und rechte Klassenattribute rechts sind

Wenn Sie .right{text-align: right} verwenden, ändern Sie alle Elemente oder Tags, deren Klassenattribute rechts sind , und es gibt keine spezifische Art von Tag oder Element.

ID-Selektor


Sie können

#attribute{} in CSS verwenden, um alle ID-Attribute auf dasselbe zu ändern Element Oder die Bezeichnung ähnelt der Klasse. Die andere besteht darin, # zu verwenden. Der Attributname der Klassen-ID darf nicht mit einer Zahl beginnen, da er sonst in Mozilla/Firefox nicht ordnungsgemäß funktioniert >CSS-Kommentare/* */

Drei Möglichkeiten zum Einfügen von Stylesheets
• Externes Stylesheet

-Tags werden im Kopfbereich verwendet



• Internes Stylesheet

Verwenden Sie das ;/head


• Inline-Stile

Verwenden Sie das Stilattribut für die relevanten Tags, um Inline-Stile hinzuzufügen. Stileigenschaften können beliebige CSS-Eigenschaften enthalten. Das Beispiel zeigt, wie man einem Absatz einen linken Abstand hinzufügt und die Farbe in Rot ändert


Dies
ist ein Absatz




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