Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > HTML-CSS-Stylesheet

HTML-CSS-Stylesheet

WBOY
Freigeben： 2016-09-11 11:19:49
Original
2093 Leute haben es durchsucht

CSS (Cascading Style Sheet, Cascading Style Sheet) wird verwendet, um das HTML-Web zu verschönern Seite .

/*Kommentarbereich*/ Dies ist die Kommentarsyntax

1. Stylesheet

(1) Klassifizierung von Stylesheets

1.Inline-Stylesheet

und HTML werden zur präzisen Steuerung gemeinsam angezeigt, weisen jedoch eine schlechte Wiederverwendbarkeit und mehr Redundanz auf.

 Beispiel:

Inline-Stylesheet

2.Eingebettetes Stylesheet

wird als eigenständiger Bereich in die Webseite eingebettet und muss im head -Tag geschrieben werden.

3.Externes Stylesheet

Erstellen Sie eine neue CSS-Datei, um das Stylesheet zu platzieren. Wenn Sie das Stylesheet in der HTML-Datei aufrufen möchten, müssen Sie mit der rechten Maustaste auf die HTML-Datei →CSSStylesheet→Zusätzliches Stylesheet. Verwenden Sie im Allgemeinen die Verbindungsmethode Link.

Einige Tags verfügen über Standardränder, die im Allgemeinen beim Schreiben von Stylesheet-Code entfernt werden (andere Stile können ebenfalls festgelegt werden), wie folgt:

(2) Selektor

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

2.Klasse Selektor. Sie beginnen alle mit „.“.

3.ID Selektor. Beginnen Sie mit „#“.

Stilname">

4.Zusammensetzungsauswahl

(1) wird durch „, “ getrennt, was auf eine Nebeneinanderstellung hinweist.

(2) werden durch Leerzeichen getrennt, um Nachkommen anzuzeigen.

(3) Filter ".".

2. Stilattribute

(1) Hintergrund und Vordergrund

1.Hintergrund:

2.Vordergrundschrift:

(2) Grenzen und Grenzen

Rand (Tabellenrand, Stil usw.), Rand (Abstand außerhalb der Tabelle). Padding (Inhalt und Zellabstand).

(3) Listen und Blöcke

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

verlinkter Stil:

a:link Status, bevor auf den Hyperlink geklickt wird

a:besucht Status nach dem Klicken auf den Hyperlink

a:hover Wenn Sie mit der Maus über einen Hyperlink fahren

a:aktiv Wenn auf einen Hyperlink geklickt wird

Bei der Definition dieser Zustände gibt es eine Reihenfolge l v h a

Verwandte Etiketten：
HTML CSS样式表
Quelle：php.cn
Vorheriger Artikel：CSS-Sprites (CSS-Sprite) Nächster Artikel：Inkscape-Shape-Tutorial (Übersetzung)
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
Neueste Artikel des Autors
Aktuelle Ausgaben
Ändern Sie Inline-CSS-Stile in Javafx dynamisch Ich versuche, das Hintergrundbild eines Bereichs zu ändern, wenn die Anwendung maximiert i...
Aus 2024-04-06 20:57:16
0
1
487
Berechnen Sie die Summe der Felder in einer anderen Tabelle mithilfe einer MySQL-SQL-Abfrage Ich habe ein Schema wie dieses: Benutzertabelle mit den Attributen „user_id“ und „username...
Aus 2024-04-06 19:39:29
0
1
441
Generieren Sie Standardwerte und CSS-Variablen mit SCSS Ich setze Website-Styling um. Aus Gründen der Legacy-Unterstützung muss ich IE11 zumindest...
Aus 2024-04-06 17:46:54
0
1
355
CSS-Stile werden nicht auf die Website angewendet Ich erstelle eine Website mit Bootstrap5, aber die index.css-Eigenschaften werden nicht au...
Aus 2024-04-06 17:12:23
0
1
336
Warum ist mein HR-Tag durchscheinend, wenn es auf die einfarbige Farbe Weiß eingestellt ist? Ich habe ein HTML (mit Bootstrap) und ein CSS, in meinem HTML habe ich ein <hr>-Tag,...
Aus 2024-04-06 16:13:26
0
1
500
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage