Wesentliche Punkte zum einfachen Erlernen von CSS-CSS-Tutorial-php.cn

Wesentliche Punkte zum einfachen Erlernen von CSS

不言

Freigeben： 2018-04-21 15:46:32

Original

1252 Leute haben es durchsucht

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;}

Nach dem Login kopieren

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;  }

Nach dem Login kopieren

Alle Titelelemente sind grün.

ID-Selektor wird mit „#“ definiert

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

Nach dem Login kopieren

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!