Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
Häufige CSS-Probleme lösen
Diese Seite fasst Fragen und Antworten sowie weiteres Material auf der MDN-Seite zusammen, das Ihnen helfen kann, häufige CSS-Probleme zu lösen.
Gestaltung von Boxen
- Wie füge ich einem Element einen Schatten hinzu?
Schatten können Boxen mit der Eigenschaft
box-shadowhinzugefü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-fitbietet verschiedene Möglichkeiten, ein Bild in eine Box einzupassen, die ein anderesSeitenverhä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
opacityund 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-shadowhinzugefü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-linedie 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-childansprechen 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.
Layout-Leitfäden
- Verwendung von CSS Flexbox
- Verwendung von CSS-Mehrspaltenlayouts
- Verwendung von CSS-Grid-Layout
- Verwendung von CSS-generierten Inhalten
Hinweis:Wir haben ein Kochbuch, das sich mitCSS-Layoutlösungen beschäftigt, mit vollständig funktionierenden Beispielen und Erklärungen zu häufigen Layoutaufgaben. Schauen Sie sich auchPraktische Positionierungsbeispiele an, welches zeigt, wie Sie Positionierung verwenden können, um eine Registerkarten-Infobox und ein verschiebbares verstecktes Panel zu erstellen.