Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Wesentliche Punkte zum einfachen Erlernen von CSS

不言
Freigeben: 2018-04-21 15:46:32
Original
1316 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!

Verwandte Etiketten:
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