Must -Read HTML -Grundlagen - Ein umfassendes Verständnis des CSS -Stilblatts

Autor：Eve Cole Aktualisierungszeit：2025-05-26 06:00:03

CSS (Cascading Style Sheet, Layered Style Sheet), die Funktion besteht darin, HTML -Webseiten zu verschönern.

/*Kommentarbereich*/Dies ist die Kommentarsyntax

1. Stilblatt

(I) Klassifizierung von Stilblättern

1. Inline -Stilblatt

Es wird in Verbindung mit HTML mit einer genauen Kontrolle, aber schlechter Wiederverwendbarkeit und mehr Redundanz angezeigt.

Beispiel: <p style = Schriftgröße: 14px;> Inline-Stylesheet </p>

2. Einbettungsstilblatt

Als unabhängiger Bereich, der in die Webseite eingebettet ist, muss er im Kopf -Tag geschrieben werden.

P // Format funktioniert auf P -Tag

{

Stil;

}

</style>

3.. Außenstiles Blatt

Erstellen Sie eine neue CSS -Datei, um das Stilblatt zu platzieren. Wenn Sie ein Stylesheet in einer HTML-Datei aufrufen möchten, müssen Sie in der HTML-Datei mit der rechten Maustaste auf → CSS-Stilblatt → Angehängte Style-Blatt klicken. Im Allgemeinen wird die Verbindungsverbindung verwendet.

HINWEIS: In der CSS -Datei müssen keine Stil -Tags schreiben

Einige Tags haben Standardmargen, die im Allgemeinen zuerst entfernt werden, wenn der Schriftzeichencode zum Schreiben von Styles Shec -Code festgelegt wird (andere Stile können festgelegt werden) wie folgt:

Hinweis: Das obige Bild besteht darin, zuerst Ränder und Abstand zu entfernen.

(Ii) Selektor

1. Tag Selector. Verwenden Sie den Labelnamen als Selektor.

2. Klassenauswahl . Sie alle beginnen mit .

HINWEIS: Der Klassenwählte kann mit dem Etikett -Selektor überlagert werden, um unterschiedliche Effekte anzuzeigen.

3. ID -Selektor. Beginnen Sie mit # .

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

4. Composite -Selektor

(1) verwenden, trennen und parallelität angeben.

(2) Trennen Sie es mit Leerzeichen, um Nachkommen darzustellen.

(3) Filter.

2. Stileigenschaften

(I) Hintergrund und Vordergrund

1. Hintergrund:

2. Vordergrundschrift:

(Ii) Grenzen und Grenzen

Grenze (Tischgrenze, Stil usw.), Rand (Außentischabstand). Polsterung (Inhalt und Zellabstand).

(Iii) Liste und Block

Breite , Höhe , ( oben , unten , links , rechts ) ist nur in absoluten Koordinaten nützlich.

CSS -Stylesheet -Code wird angezeigt:

CSS -Dateicode:

CSS -Code -Inhalt in Zwischenablage kopieren