Häufige CSS-Probleme lösen

Gestaltung von Boxen

Wie füge ich einem Element einen Schatten hinzu?: Schatten können Boxen mit der Eigenschaft box-shadow hinzugefügt werden. Dieses Tutorial erklärt, wie es funktioniert, und zeigt ein Beispiel.
Wie fülle ich eine Box mit einem Bild, ohne das Bild zu verzerren?: Die Eigenschaft object-fit bietet verschiedene Möglichkeiten, ein Bild in eine Box einzupassen, die ein anderes Seitenverhältnis hat, und Sie können in diesem Tutorial herausfinden, wie Sie sie verwenden.
Welche Methoden können zur Gestaltung von Boxen verwendet werden?: Eine Übersicht über die verschiedenen Eigenschaften, die beim Styling von Boxen mit CSS nützlich sein können.
Wie kann ich Elemente halbtransparent machen?: Die Eigenschaft opacity und Farbwerte mit einem Alphakanal können hierfür verwendet werden; erfahren Sie, welche Sie wann verwenden sollten.

Lektionen und Leitfäden zur Boxgestaltung

CSS und Text

Wie füge ich einem Text einen Schatten hinzu?: Schatten können Texten mit der Eigenschaft text-shadow hinzugefügt werden. Dieses Tutorial erklärt, wie es funktioniert, und zeigt ein Beispiel.
Wie hebe ich die erste Zeile eines Absatzes hervor?: Finden Sie heraus, wie Sie mit dem Pseudo-Element ::first-line die erste Textzeile in einem Absatz ansprechen können.
Wie hebe ich den ersten Absatz in einem Artikel hervor?: Finden Sie heraus, wie Sie den ersten Absatz mit der Pseudo-Klasse :first-child ansprechen können.
Wie hebe ich einen Absatz hervor, nur wenn er direkt nach einer Überschrift kommt?: Kombinatoren können Ihnen helfen, Elemente präzise basierend auf ihrer Position im Dokument anzusprechen; dieses Tutorial erklärt, wie Sie sie verwenden, um CSS nur auf einen Absatz anzuwenden, wenn er direkt auf eine Überschrift folgt.

Lektionen und Leitfäden zur Textgestaltung

CSS-Layout

Wie zentriere ich ein Element?: Ein Element horizontal und vertikal innerhalb einer anderen Box zu zentrieren war früher schwierig, jedoch macht es Flexbox jetzt einfach.

Hinweis: Wir haben ein Kochbuch, das sich mit CSS-Layoutlösungen beschäftigt, mit vollständig funktionierenden Beispielen und Erklärungen zu häufigen Layoutaufgaben. Schauen Sie sich auch Praktische Positionierungsbeispiele an, welches zeigt, wie Sie Positionierung verwenden können, um eine Registerkarten-Infobox und ein verschiebbares verstecktes Panel zu erstellen.

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden