HTML-Grundlagen - Pflichtlektüre - Umfassendes Verständnis von CSS-Stylesheets

CSS (Cascading Style Sheet) wird zum Verschönern von HTML-Webseiten verwendet.

/*Kommentarbereich*/Dies ist die Kommentarsyntax

1. Stilvorlage

1. Klassifizierung von Stylesheets

1. Inline-Stylesheets

Bei gemeinsamer Darstellung mit HTML ist die Steuerung zwar präzise, ​​die Wiederverwendbarkeit ist jedoch mangelhaft und es gibt viele Redundanzen.

Beispiel: <p style="font-size:14px;">Inline-Stylesheet</p>

2. Eingebettete Stylesheets

Als eigenständiger, in die Webseite eingebetteter Bereich muss dieser in den Head-Tag geschrieben werden.

<style type="text/css">

p //Das Format funktioniert mit dem p-Tag

{

Stil;

}

</Stil>

3. Externe Stylesheets

Erstellen Sie eine neue CSS-Datei zum Speichern des Stylesheets. Wenn Sie ein Stylesheet in einer HTML-Datei aufrufen möchten, müssen Sie in der HTML-Datei mit der rechten Maustaste auf → CSS-Stylesheet → Stylesheet anhängen klicken. Im Allgemeinen wird die Link-Verbindungsmethode verwendet.

Hinweis: Es ist nicht notwendig, Style-Tags in die CSS-Datei zu schreiben

Einige Tags haben Standardränder, die normalerweise beim Schreiben von Stylesheet-Code entfernt werden (es können auch andere Stile festgelegt werden), und zwar wie folgt:

Hinweis: Das obige Bild zeigt, dass zuerst die Ränder und Abstände entfernt werden.

(ii) Selektor

1. Tag-Selektor. Verwenden Sie Tag-Namen als Selektoren.

2. Klassenselektor. Sie beginnen alle mit ". "

Hinweis: Der Klassenselektor kann mit dem Tag-Selektor überlagert werden, um unterschiedliche Effekte anzuzeigen.

3.ID- Selektor. Beginnt mit „#“ .

Hinweis: Der ID-Selektor kann mit dem Tag-Selektor überlagert werden, um unterschiedliche Effekte anzuzeigen.

<div id="Stilname">

4. Zusammengesetzte Selektoren

(1) Verwenden Sie „,“ um zwei Elemente zu trennen und so eine parallele Reihenfolge anzuzeigen.

(2) Durch Leerzeichen getrennt, um Nachkommen anzuzeigen.

(3) Filter “.”

2. Stilattribute

1. Hintergrund und Perspektiven

1. Hintergrund:

2. Vordergrundschriftart:

2. Grenzen und Begrenzungen

Rahmen (Tabellenrand, Stil usw.), Seitenabstand (Tabellenabstand). Polsterung (Inhalts- und Zellenabstand).

3. Listen und Blöcke

Breite , Höhe , ( oben , unten , links , rechts ) sind nur bei absoluten Koordinaten sinnvoll.

Der CSS-Stylesheetcode zeigt:

CSS-Dateicode:

HTML-Dateicode:

Der Laufeffekt zeigt:

Der obige Artikel „Unbedingt lesenswerte HTML-Grundlagen – Umfassendes Verständnis von CSS-Stylesheets“ enthält alle Inhalte, die der Herausgeber mit Ihnen teilt. Ich hoffe, er kann Ihnen als Referenz dienen. Ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen werden.

Original-URL: http://www.cnblogs.com/H2921306656/archive/2016/07/10/5658628.html