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
Lösung für die Nichterreichbarkeit des Tencent Cloud Server Tomcat-Ports
Ich habe vor Kurzem einen Server mit Tencent Clou...
MySQL 8.0.11 Installations-Tutorial unter Windows
Dieser Artikel zeichnet das Installationstutorial...
Verwenden Sie href in HTML, um beim Klicken auf einen Link ein Dialogfeld zum Herunterladen von Dateien anzuzeigen.
Ich habe heute einen neuen Trick gelernt. Ich kann...
Diagramm zur Installation von VMware 14 unter Windows 10
Software-Download Link zum Herunterladen der Soft...
Designreferenz Schönes und originelles Blog-Design
Alle unten aufgeführten Blogs sind originell und ...
jQuery-Plugin zum Erreichen einer Bildunterbrechung
In diesem Artikel wird der spezifische Code des j...
Beispielanalyse der von MySQL 5.7 generierten Spaltennutzung
Dieser Artikel veranschaulicht anhand von Beispie...
Vue.js implementiert eine Bildwechselfunktion
In diesem Artikel wird der spezifische Code von V...
Zusammenfassung des Linux-Befehls nc
Der vollständige Name von NC lautet Netcat (Netwo...
Detaillierte Erläuterung der CSS-Bildspleißtechnologie (Sprite-Bild)
CSS-Bildspleißtechnologie 1. Bildzusammenfügung B...
Einfaches Beispiel zum Hinzufügen und Entfernen von HTML-Knoten
Einfaches Beispiel für das Hinzufügen und Entfern...
Schritte zur VMware-Konfiguration des VMnet8-Netzwerks
Inhaltsverzeichnis 1. Einleitung 2. Konfiguration...
40 Schriftarten, empfohlen für berühmte Website-Logos
Wissen Sie, welche Schriftarten in den Logo-Desig...
Der HTML-Seitenkopfcode ist völlig klar
Alle folgenden Codes stehen zwischen <head>....
So verwenden Sie crontab zum Hinzufügen geplanter Aufgaben in Linux
Vorwort Das Linux-System wird durch den Systemdie...