Lösen Sie häufige CSS-Probleme

Diese Seite fasst Fragen und Antworten sowie weiteres Material auf der MDN-Website zusammen, das Ihnen helfen kann, häufige CSS-Probleme zu lösen.

Gestaltung von Boxen

Wie füge ich einem Element einen Schlagschatten hinzu?: Schatten können mit der box-shadow-Eigenschaft zu Boxen hinzugefügt werden. Dieses Tutorial erklärt, wie es funktioniert, und zeigt ein Beispiel.
Wie fülle ich eine Box mit einem Bild, ohne dass das Bild verzerrt wird?: Die object-fit-Eigenschaft bietet verschiedene Möglichkeiten, ein Bild in eine Box mit einem anderen Seitenverhältnis einzupassen. In diesem Tutorial erfahren Sie, wie Sie diese Optionen nutzen können.
Welche Methoden können zum Stylen von Boxen verwendet werden?: Ein Überblick über die verschiedenen Eigenschaften, die beim Stylen von Boxen mit CSS nützlich sein könnten.
Wie kann ich Elemente halbtransparent machen?: Die opacity-Eigenschaft und Farbwerte mit einem Alphakanal können hierfür verwendet werden; finden Sie heraus, wann welche Option verwendet werden sollte.

Box-Styling-Lektionen und Leitfäden

CSS und Text

Wie füge ich einem Text einen Schlagschatten hinzu?: Schatten können mit der text-shadow-Eigenschaft zu Text hinzugefügt werden. Dieses Tutorial erklärt, wie es funktioniert, und zeigt ein Beispiel.
Wie hebe ich die erste Zeile eines Absatzes hervor?: Erfahren Sie, wie Sie die erste Zeile eines Textes in einem Absatz mit dem ::first-line-Pseudoelement anvisieren können.
Wie hebe ich den ersten Absatz in einem Artikel hervor?: Erfahren Sie, wie Sie den ersten Absatz mit der :first-child-Pseudoklasse anvisieren können.
Wie hebe ich einen Absatz nur dann hervor, wenn er direkt nach einer Überschrift kommt?: Kombinatoren können Ihnen helfen, Elemente präzise basierend auf ihrer Position im Dokument zu anvisieren. Dieses Tutorial erklärt, wie Sie sie verwenden, um CSS auf einen Absatz anzuwenden, nur wenn er unmittelbar nach einer Überschrift folgt.

Text-Styling-Lektionen und Leitfäden

CSS-Layout

Wie zentriere ich ein Element?: Das Zentrieren eines Elements innerhalb eines anderen Kastens horizontal und vertikal war früher schwierig, jedoch macht Flexbox es jetzt einfach.

Hinweis: Wir haben ein Kochbuch, das Lösungen für CSS-Layouts enthält, mit vollständig funktionierenden Beispielen und Erklärungen zu häufigen Layout-Aufgaben. Sehen Sie sich auch Praktische Positionierungsbeispiele an, die zeigen, wie Sie mit Positionierung eine Registerkarten-Informationsbox und ein Schiebepanel erstellen können.