css02

1. Box-Modell: Box-Modell, ① Tatsächliche Breite des Objekts = linker und rechter Außenrand, linker und rechter Rand, linke und rechte Innenrandbreite, ② Tatsächliche Höhe des Objekts = oberer und unterer Außenrand, oberer und unterer Rand niedrigere Innenrandhöhe;

2. Rand: Rand: Wert: ①oben (oben) rechts (rechts) unten (unten) links (links); ②Wert: ein Wert, der in vier Richtungen gleich ist; ③oben/unten (oben/unten) links/rechts (links/rechts): konsistent nach oben und unten, konsistent nach links und rechts; ④auto: horizontal zentriert nach links und rechts, ungültig nach oben und unten (Voraussetzung ist die Einstellung der Breite);

3. Randverschmelzung: Zwei vertikale Ränder treffen zu einem Rand zusammen, derjenige mit dem größeren Wert ist der Hauptrand

4. Randüberlauf: Legen Sie für übergeordnete und untergeordnete Elemente den oberen und unteren Rand des untergeordneten Elements fest, was zu einer Auswirkung auf das übergeordnete Element führt (das übergeordnete Element hat keinen Rand und tritt auf, wenn das erste untergeordnete Element festgelegt wird). ); Lösung: ① Legen Sie die oberen und unteren Ränder des übergeordneten Elements fest. ② Legen Sie die inneren Ränder des übergeordneten Elements fest, um die äußeren Ränder der untergeordneten Elemente zu ersetzen.

5. Polsterung: Polsterung: ①oben (oben) rechts (rechts) unten (unten) links (links); ②Wert: ein Wert, der in vier Richtungen gleich ist; (links/rechts): konsistent nach oben und unten, konsistent nach links und rechts; * Die Auffüllung von Inline-Elementen wirkt sich nicht auf andere Elemente aus

6. Hintergrundfarbe: Hintergrundfarbe; ②Hintergrundkachelung: Hintergrundwiederholung: a, Wiederholung: horizontal und vertikal kacheln; : keine Kachelung; c. Wiederholung-y: vertikale Kachelung: a. c. enthalten: Das Hintergrundbild wird zur Anpassung erweitert : Hintergrundposition: x (Wert positiver Rechtsversatz/horizontales Schlüsselwort) y (Wert positiver Abwärtsversatz/vertikales Schlüsselwort) ⑦Sprites-Diagramm: Verschieben Sie das erforderliche Bild in die obere linke Ecke des Sprites-Diagramms; ⑧Hintergrundsynthese: Hintergrund: Farb-URL( ) Befestigungsposition wiederholen;

7. Farbverlauf: ① Linearer Farbverlauf: linearer Farbverlauf (Winkel (Richtung, Schlüsselwort oder Winkel), Farbpunkt1 (Farbe ändern, Farbposition), ② Radialer Farbverlauf : Hintergrundbild: radialer Farbverlauf ([Größe an Position] (Radius an der Mittelposition des Kreises), Farbpunkt1 (Farbposition/-proportion), Farbpunkt2...); Repeating -linear-gradient (angle, color-point); * color-point: Die Position muss ein absoluter Wert (px) sein, kein relativer %;

8. Versionskompatibilität: Fügen Sie ein kompatibles Präfix vor der Wertverlaufsfunktion hinzu, ②Chrome: Google, -o-; ;