Cheat Sheet CSS - Einführung
Cascading Style Sheets, auch als CSS bezeichnet, ist eine Stylesheet-Sprache, mit der die Darstellung eines Dokuments in einer Auszeichnungssprache wie HTML beschrieben wird. Dies vereinfacht im Wesentlichen den Prozess der Präsentation von Webseiten. Sie regelt das Erscheinungsbild der Webseite und steuert Funktionen einer Webseite wie die Farbe des Texts, den Stil der Schriftarten, den Abstand zwischen Absätzen, die Ausrichtung der Spalten, Hintergrundbilder und Farben sowie eine Vielzahl anderer Effekte . Die Vorteile eines CSS-Spickzettel sind Zeitersparnis, schnelleres Laden der Seiten, einfache Wartung, überlegene Stile, Kompatibilität mit mehreren Geräten und globale Webstandards.
Befehle und Inhalt auf Spickzettel CSS
Grundlegende Syntax
Die grundlegende Syntax von Spickzettel-CSS besteht aus einer Auswahl- und einer Deklarationskomponente. Die Selektorkomponente gibt das HTML-Element an, das formatiert werden muss. Die Deklarationskomponente enthält zwei oder mehr Eigenschaften und ihre Angaben, die durch Semikolons getrennt sind. Die Deklarationskomponente beginnt und endet immer mit geschweiften Klammern.
Nachfolgend sind die genannten Cheatsheet-CSS-Befehle aufgeführt, mit denen verschiedene Arten von Vorgängen ausgeführt werden:
| Spezifikation | Befehl |
| Farben | Farben werden mit vordefinierten Farbnamen oder RGB-, HEX-, HSL-, RGBA-, HSLA-Werten angegeben. |
| Hintergründe | Die Hintergrundfarbe eines Elements wird durch die Eigenschaft background-color angegeben |
| Grenzen |
|
| Ränder | Margin-Eigenschaft legt die Eigenschaften der Ränder in einer Deklaration fest. |
| Polsterung | Die Eigenschaft zum Festlegen der Auffüllungseigenschaften in einer Deklaration lautet padding. |
| Höhe Breite | Die Eigenschaften height und width werden verwendet, um die Höhe und Breite eines Elements anzugeben. |
| Gliederung | Die Eigenschaft "outline-style" gibt den Typ der Gliederung für ein Element an. |
| Text | Die color-Eigenschaft wird zum Festlegen der Textfarbe verwendet. |
| Schriften | Mit der Eigenschaft font-family wird die Schriftart des ausgewählten Texts festgelegt. |
| Links | Die Textdekorationseigenschaft wird verwendet, um Unterstreichungen von Verknüpfungen zu entfernen, und die Hintergrundfarbeigenschaft kann verwendet werden, um die Hintergrundfarbe von Verknüpfungen anzugeben. |
| Listen | Die Eigenschaft im Listenstil legt die Eigenschaft einer Liste in einer Deklaration fest. Das Bild im Listenstil gibt ein Bild als Listenelementmarkierung an. Die Listenstilposition gibt die Position der Listenelementmarkierung an. Der Listenstil-Typ gibt den Typ der Listenelementmarkierung an. |
| Tabellen | Rahmen legt alle Rahmeneigenschaften in einer Deklaration fest. Der Randauszug gibt an, ob ein Rand ausgeblendet werden soll oder nicht. Der Randabstand ist der Abstand zwischen benachbarten Zellen. Die Beschriftungsseite gibt die Platzierung einer Tabellenbeschriftung an. Das Tabellenlayout legt den Algorithmus für das Layout einer Tabelle fest. |
| Anzeige | Die Eigenschaft display gibt an, ob und wie ein Element angezeigt wird. |
| Maximale Breite | Bei der Angabe der Breite eines Blockelements wird durch die Verwendung von max-width die Handhabung kleiner Fenster durch den Browser verbessert. |
| Position | Die Eigenschaft position gibt die Position eines Elements an. |
| Überlauf | Die Überlaufeigenschaft steuert Text, der zu groß ist, um in einen Bereich zu passen. |
| Schweben | Die Eigenschaft float gibt an, wie ein Element fließen soll. |
Kostenlose Tipps und Tricks zur Verwendung von CSS-Befehlen für Spickzettel: -
Einige wesentliche Tricks von Cheat Sheet CSS sind wie folgt.
- Box-Modell: Das CSS-Box-Modell ist im Wesentlichen eine Box, die jedes HTML-Element umschließt. Es besteht aus Rändern, Rändern, Abständen und Inhalten.
- Pseudoklasse: Wird verwendet, um einen bestimmten Zustand eines Elements zu definieren, bei dem ein Element anders gestaltet wird, wenn ein Benutzer darüber mauset, besuchte und nicht besuchte Links und Elemente, die im Fokus stehen, gestaltet werden.
- Pseudo-Element: Wird verwendet, um einen Teil eines Elements wie den ersten Buchstaben, das Wort oder die Zeile zu formatieren. Es hilft auch beim Einfügen von Inhalten vor und nach dem Inhalt eines Elements.
- Vertikale Bildschirmhöhe: Hier legen Sie fest, inwieweit der Inhalt den Bildschirm ausfüllen soll.
- Stil Telefonverbindungen: Gibt die Eigenschaften von Verbindungen an, die sich als Telefonnummern auf dem Telefon öffnen.
- Navigationsleisten: Für eine Website ist eine gute Navigation wichtig. CSS verwandelt langweilige HTML-Menüs in gut aussehende Navigationsleisten.
Fazit
CSS als Tool zum Erstellen von Websites ist sehr effektiv. Da die Optionen für eine bessere Präsentation einer Website und das Hinzufügen nützlicher Funktionen bei CSS höher sind, wird dies sehr bevorzugt.
Empfohlene Artikel
Dies war ein Leitfaden für das CSS der Spickzettel. Hier haben wir den Inhalt und den Befehl sowie kostenlose Tipps und Tricks für das CSS der Spickzettel besprochen. Sie können auch den folgenden Artikel lesen, um mehr zu erfahren.
- Spickzettel SQL
- Top CSS Interview Fragen
- CSS vs CSS3 Unterschiede
- CSS3 Interview Fragen und Antworten
- Interessantes Spickzettel für UNIX
- Cheat Sheet JavaScript: Funktionen