Heim > Artikel > Web-Frontend > 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-Einstellungentext-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. Hintergrund1. Hintergrund Farbe
Hintergrundfarbe: Parameter
2. HintergrundbildHintergrundbild: URL(URL)
URL ist der Speicherpfad des Hintergrundbilds, keine bedeutet keine.
3. HintergrundbildwiederholungHintergrundwiederholung: 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öcke1. 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 Ausrichtungvertikale 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. Texteinzugtext-indent: Einzugsabstand
12 Pixel entsprechen einem Textabstand
6, Leerzeichenwhite-space: Parameternormal normal vorreserviert
nowrap ohne Zeilenumbruch
7. AnzeigestilAnzeige: 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. Feld1. 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 schwebend6. 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. BreiteParameter für die Randbreite
3. FarbeRahmenfarbparameter
7. ListeListe 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!