Heim >Web-Frontend >CSS-Tutorial >Wesentliche Punkte zum einfachen Erlernen von CSS

Wesentliche Punkte zum einfachen Erlernen von CSS

不言
不言Original
2018-04-21 15:46:321340Durchsuche

Der in diesem Artikel vorgestellte Inhalt ist der Kernpunkt des einfachen Erlernens von CSS, der einen gewissen Referenzwert hat. Jetzt kann ich ihn mit allen Freunden in Not teilen.

Referenz: http:/ /www.w3school.com.cn/css

CSS ist etwas, das die Anzeige von HTML-Elementen standardisiert. Es kann in Tags, Dateiheadern, externen Dateien und Browser-Standardeinstellungen geschrieben werden (Stufen von hoch). zu niedrig), kann standardisiert werden.

Element {Attribut: value}

h1 {color:red; font-size:14px;}

Definieren Sie die Textfarbe innerhalb des h1-Elements auf Rot und stellen Sie die Schriftgröße auf 14 Pixel ein.

CSS-Groß-/Kleinschreibung wird nicht berücksichtigt . Es gibt eine Ausnahme: Bei der Arbeit mit HTML-Dokumenten muss bei Klassen- und ID-Namen die Groß-/Kleinschreibung beachtet werden.

Sie können Selektoren gruppieren, sodass gruppierte Selektoren dieselbe Deklaration verwenden.

h1,h2,h3,h4,h5,h6 {  color: green;  }

Alle Titelelemente sind grün.

ID-Selektor wird mit „#“ definiert

#red {color:red;}#green {color:green;}

Der erste kann die Farbe des Elements als Rot definieren, und der zweite kann die Farbe des Elements als Grün definieren

<p id="red">这个段落是红色。</p><p id="green">这个段落是绿色。</p>

Das ID-Attribut kann nur einmal in jedem HTML-Dokument vorkommen

Abgeleiteter Selektor: Definieren Sie Stile über den Kontext
ID-Selektor: Definieren Sie Stile für eine bestimmte ID mit #
Klassenselektor :. Klassenname
Attributselektor: Stile für angegebene Attribute definieren

Externes Stylesheet:

<head><link rel="stylesheet" type="text/css" href="mystyle.css" /></head>

Das obige ist der detaillierte Inhalt vonWesentliche Punkte zum einfachen Erlernen von CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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:CSS simulierter PlanetNächster Artikel:CSS simulierter Planet