CSS-Code-Abkürzung div+css-Layout-Code-Abkürzungsspezifikation
|
Durch die Verwendung von Abkürzungen können Sie die Größe Ihrer CSS-Dateien verringern und sie leichter lesbar machen. Die wichtigsten Regeln für CSS-Abkürzungen finden Sie unter „Zusammenfassung der Syntax allgemeiner CSS-Abkürzungen“. Die wichtigsten Regeln für CSS-Abkürzungen lauten wie folgt: Farbe Wenn die Werte je zweier Ziffern eines hexadezimalen Farbwertes gleich sind, können diese in zwei Hälften gekürzt werden, zum Beispiel: #000000 kann als #000 abgekürzt werden; #336699 kann als #369 abgekürzt werden; Hinweis: Vermischen Sie Volltext- und abgekürzte Farbkonfigurationen nicht im selben CSS-Konfigurationsabschnitt, da dies bei extrem niedrigen Systemressourcen zu Darstellungsfehlern im Browser führen kann. Kastengröße <br />Es gibt normalerweise vier Möglichkeiten, sie zu schreiben: Eigenschaft: Wert1; bedeutet, dass alle Kanten den Wert Wert1 haben; Eigenschaft: Wert1 Wert2; bedeutet, dass die Werte oben und unten Wert1 und die Werte rechts und links Wert2 sind Eigenschaft: Wert1 Wert2 Wert3; bedeutet, dass der Wert oben Wert1 ist, die Werte rechts und links Wert2 sind und der Wert unten Wert3 ist Eigenschaft: Wert1 Wert2 Wert3 Wert4; die vier Werte stehen jeweils für oben, rechts, unten und links Eine praktische Methode zum Merken ist im Uhrzeigersinn: oben, rechts, unten, links. Spezifische Anwendungsbeispiele für Ränder und Polsterungen sind wie folgt: Rand: 1em 0 2em 0,5em; Grenze Die Eigenschaften der Grenze sind wie folgt: Rahmenbreite: 1px; Rahmenstil: durchgezogen; Rahmenfarbe: #000; Es kann in einem Satz abgekürzt werden: border:1px solid #000; Die Syntax lautet Rahmen:Breite, Stil, Farbe; Hintergründe Die Eigenschaften des Hintergrunds sind wie folgt: Hintergrundfarbe: #f00; Hintergrundbild:URL(Hintergrund.gif); Hintergrundwiederholung: keine Wiederholung; Hintergrundanhang: behoben; Hintergrundposition: 0 0; Es kann in einem Satz zusammengefasst werden: background:#f00 url(background.gif) no-repeat fixed 0 0; Die Syntax lautet Hintergrund: Farbbild, Wiederholung der Anhängeposition; Sie können einen oder mehrere dieser Eigenschaftswerte weglassen. Wenn Sie sie weglassen, wird der Standardwert des Browsers verwendet: Farbe: transparent Bild: keines wiederholen: wiederholen Anhang: Schriftrolle Position: 0% 0% Schriftarten Die Schrifteigenschaften sind wie folgt: Schriftstil: kursiv; Schriftvariante: Kapitälchen; Schriftstärke: fett; Schriftgröße: 1em; Zeilenhöhe: 140 %; Schriftfamilie: „Lucida Grande“, serifenlos; Es lässt sich zu einem Satz abkürzen: Schriftart: kursiv, Kapitälchen, fett 1em/140 % „Lucida Grande“, serifenlos; Beachten Sie, dass Sie beim Abkürzen der Schriftartdefinition mindestens zwei Werte definieren müssen: Schriftgröße und Schriftfamilie. Listen Um die Standardpunkte und Seriennummern zu löschen, können Sie „list-style:none;“ schreiben. Die Eigenschaften der Liste sind wie folgt: Listenstiltyp: Quadrat; Listenstil-Position:innen; Listenstil-Bild:URL(Bild.gif); Es kann auf einen Satz gekürzt werden: list-style:square inside url(image.gif); |
<<: Analyse des MySQL-Beispiels DTID Master-Slave-Prinzip
>>: Lösen Sie das Problem, dass Zeilenhöhe = Elementhöhe, der Text aber nicht vertikal zentriert ist
Artikel empfehlen
Detaillierte Erklärung zur Verwendung mehrerer Timer in CocosCreator
1. setTimeOut Drucken Sie abc nach 3 Sekunden. Nu...
Der Unterschied zwischen Update und Select in MySQL für einzelne und mehrere Tabellen sowie Ansichten und temporäre Tabellen
1. Verwenden Sie Daten aus Tabelle A, um den Inha...
Beispiel für die Bereitstellung eines Django-Projekts mit Docker
Es ist auch sehr einfach, Django-Projekte mit Doc...
Die detaillierteste Methode zur Installation von Docker auf CentOS 8
Installieren Sie Docker unter CentOS 8 Offizielle...
【HTML-Element】So betten Sie Bilder ein
Mit dem img-Element können wir Bilder in HTML-Dok...
HTML erstellt eine einfache und schöne Anmeldeseite
Schauen wir uns das zunächst einmal an. HTML Quel...
So ändern Sie die Standardspeicher-Engine in MySQL
MySQL-Speicher-Engine: Der MySQL-Server verwendet...
Zusammenfassung der Unterschiede zwischen MySQL und Oracle (Vergleich der Funktionsleistung, Auswahl, SQL bei der Verwendung usw.)
1. Parallelität Die wichtigste Funktion einer OLT...
Beispiel einer langsamen MySQL-Abfrage
Einführung Durch Aktivieren des Slow Query Log ka...
So erstellen Sie Ihre erste React-Seite
Inhaltsverzeichnis Was ist Rract? Hintergrund Rea...
Detaillierte Erklärung zur Installation von MySQL in der Alibaba Cloud
Als leichte Open-Source-Datenbank wird MySQL häuf...
Grafisches Tutorial zum Herunterladen und Installieren von MySQL 5.7 und höher
1. Herunterladen 1. Download-Adresse der offiziel...
So installieren Sie FastDFS in Docker
Ziehen Sie das Bild Docker-Pull-Saison/FastDFS:1....
Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.24
In diesem Artikel finden Sie das Installations-Tu...
Verwendung regulärer Ausdrücke in CSS-Selektoren
Ja, CSS hat auch reguläre Ausdrücke (Amen) Zwei l...