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
Beispielcode für die Verwendung von CSS zum Schreiben eines strukturierten Hintergrundbilds mit Farbverlauf
Die Seitenlänge im Projekt beträgt etwa 2000 Pixe...
base target="" gibt das Ziel des Basislinks zum Öffnen des Frames an
<base target=_blank> ändert den Zielrahmen d...
Lösung für die leere Zeile vor der UTF-8-codierten Webseite, wenn sie Dateien enthält
<br />Die Seite verwendet die UTF8-Kodierung...
Lösung für das Problem, dass der externe Verifizierungslastenausgleich von Docker Swarm nicht wirksam wird
Problembeschreibung Ich habe drei virtuelle Masch...
JavaScript implementiert Tab-Leisten-Umschalteffekte
Hier ist ein Fall, den Frontend-Entwickler kennen...
Detaillierte Verwendung des Vue More Filter-Widgets
In diesem Artikelbeispiel wird die Implementierun...
Wie viele Daten können in einer MySQL-Tabelle gespeichert werden?
Programmierer müssen sich viel mit MySQL befassen...
Tutorial zur Kompilierung, Installation und Initialisierung von Mysql5.6.36-Skripten
Überblick Dieser Artikel ist ein Skript zum autom...
Implementierung der CSS-Auswahl von untergeordneten Elementen für übergeordnete Elemente
Normalerweise wählt ein CSS-Selektor von oben nac...
Google Translate Tool: Mehrsprachige Webseiten schnell umsetzen
Google China hat ein Übersetzungstool veröffentlic...
Lösen Sie die Probleme, die bei der Installation von mysql-8.0.11-winx64 in einer Windows-Umgebung auftreten
Laden Sie das MySQL-Installationspaket herunter. ...
MySQL-Deadlock-Routine: inkonsistente Batch-Einfügereihenfolge unter eindeutigem Index
Vorwort Das Wesen eines Deadlocks ist Ressourcenw...
So implementieren Sie eine geplante Sicherung von MySQL unter Linux
In tatsächlichen Projekten muss die Datenbank reg...
Eine vollständige Liste häufig gestellter JavaScript-Fragen für Front-End-Interviews
Inhaltsverzeichnis 1. Handschriftliche Instanz vo...
Probleme und Lösungen bei der Verwendung der TweenMax-Animationsbibliothek in Angular
Ich habe in letzter Zeit nichts zu tun, also bast...