Heim  >  Artikel  >  Web-Frontend  >  2021 CSS-Sammlung häufig verwendeter Codes

2021 CSS-Sammlung häufig verwendeter Codes

烟雨青岚
烟雨青岚nach vorne
2020-07-14 13:19:555246Durchsuche

2021 CSS-Sammlung häufig verwendeter Codes

Vollständige Liste häufig verwendeter CSS-Codes

HTML+CSS kann für das Layout von Webseiten sehr praktisch sein und auch einen reduzieren viel unnötiger Code.

1. Texteinstellungen

1. Schriftgröße: Schriftgrößenparameter

2 > 3. Schriftstärke: Schriftstärke

4. Farbattribut

Farbe: Parameter

Achten Sie darauf, websichere Farben zu verwenden

2. Super-Link-Einstellungen

text-decoration: Der Hauptzweck des Parameters

besteht darin, die Unterstreichung zu ändern, wenn der Browser Textlinks anzeigt.

Wertebereich des Parameters:

Unterstreichung: Unterstreiche den Text

Überstreichung: Unterstreiche den Text

Durchgestrichen: Unterstreiche den Text Durchgestrichen

blinken: Text blinken lassen

keine: Keine der oben genannten Effekte anzeigen

3. Hintergrund

1. Hintergrund Farbe

Hintergrundfarbe: Parameter

2. Hintergrundbild

Hintergrundbild: URL(URL)

URL ist der Speicherpfad des Hintergrundbilds, keine bedeutet keine.

3. Hintergrundbildwiederholung

Hintergrundwiederholung: Parameter

Parameterwertebereich:

no-repeat: Keine Wiederholung Hintergrundbild kacheln

repeat-x: Das Bild nur in horizontaler Richtung kacheln lassen

repeat-y: Das Bild nur in vertikaler Richtung kacheln lassen

If If the Wenn das Attribut „Hintergrundbildwiederholung“ nicht angegeben ist, ist der Browser standardmäßig so eingestellt, dass das Hintergrundbild horizontal und vertikal gekachelt wird.

4. Hintergrundbild korrigiert

Hintergrundbild korrigiert steuert, ob das Hintergrundbild mit dem Scrollen der Webseite scrollt. Wenn Sie das Attribut „Hintergrundbild fest“ nicht festlegen, scrollt das Standardhintergrundbild des Browsers mit dem Scrollen der Webseite. Um zu vermeiden, dass allzu ausgefallene Hintergrundbilder die Aufmerksamkeit des Betrachters beim Scrollen ablenken, werden sie generell auf fest eingestellt

background-attachment: Parameter

Parameterwertebereich:

fest : Beim Scrollen der Webseite wird das Hintergrundbild relativ zum Browserfenster fixiert

scrollen: Beim Scrollen der Webseite scrollt das Hintergrundbild relativ zum Browserfenster zusammen

4. Blöcke

1. Wortabstand: Abstand der Buchstaben

2 🎜>

letter-spacing: Buchstabenabstand

3. Textausrichtung

text-align: Parameter

Parameterwerte: links: linke Ausrichtung

rechts: rechte Ausrichtung

Mitte: mittlere Ausrichtung

Blocksatz: relative linke und rechte Ausrichtung

4. Vertikale Ausrichtung

vertikale Ausrichtung: Parameter

oben: obere Ausrichtungunten: untere Ausrichtung

text -top: relative Textausrichtung oben

Text unten: relative Textausrichtung unten

Grundlinie: Grundlinienausrichtung

Mitte: Mittelausrichtung

Unterseite: Anzeige

super in Form von Tiefstellungen: Anzeige

in Form von Hochstellungen 5. Texteinzug

text-indent: Einzugsabstand

12 Pixel entsprechen einem Textabstand

6

, Leerzeichen

white-space: Parameternormal normal vorreserviert

nowrap ohne Zeilenumbruch

7. Anzeigestil

Anzeige: Parameter

Parameterwertebereich: block: Element auf Blockebene, Zeilenumbrüche vor und nach dem Objekt

inline: keine Zeilenumbrüche vor und nach dem Objekt

list-item: Zeilenumbrüche vor und nach nach dem Objekt hinzugefügte Aufzählungszeichen

keine: keine Anzeige

5. Feld

1. Breite

2 🎜 >3. Auffüllung

4. Rand

5. Ermöglicht die Anordnung von Elementen auf Blockebene, z. B. in einem horizontalen Menü.

6. klar, klar schwebend

6. Rand

1. Randstil-Parameter

Parameter des Rahmenstils: keine: kein Rand

gepunktet: Rand ist eine gepunktete Linie gestrichelt: Rand ist eine lange und kurze Linie

durchgezogen: Der Rand ist eine durchgezogene Linie

doppelt: Der Rand ist eine doppelte Linie

2. Breite

Parameter für die Randbreite

3. Farbe

Rahmenfarbparameter

7. Liste

Liste vom Typ Liste StilDie Listenzeichen verschiedener Browser können unterschiedlich sein, was sich auf die Webseite auswirken kann, sodass die meisten Listen auf der Webseite mit Hintergrundbildern angezeigt werden.

Steuern Sie den Stil der Benutzeroberfläche

8. Maus

Cursor: Mausformparameter

CSS-Mausformparametertabelle :

Mausform: CSS-Code

style="cursor:hand" Handformstyle="cursor:crosshair" Kreuzförmiger

Stil ="cursor: "text" Form

style="cursor:e-resize" Rechtspfeilform

style="cursor:n-resize" Aufwärtspfeilform

style="cursor:nw- resize" oben links pfeilförmig

style="cursor:w-resize" Linke Pfeilform

style="cursor:s-resize" Abwärtspfeilform

style="cursor:se-resize" Unten rechts pfeilförmig

style="cursor:sw-resize" Unten links pfeilförmig

Vielen Dank fürs Lesen, ich hoffe, Sie werden viel davon profitieren.

Dieser Artikel ist reproduziert von: https://blog.csdn.net/xujiuba/article/details/78926554

Empfohlenes Tutorial: „CSS-Tutorial

Das obige ist der detaillierte Inhalt von2021 CSS-Sammlung häufig verwendeter Codes. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:csdn.net. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen