Kochbuch-Vorlage
Hinweis: Dies ist eine Vorlagenseite für eine CSS-Kochbuchseite. Bitte verwenden Sie dies als Rohvorlage, wenn Sie eine neue Kochbuchseite erstellen. Kommentare in Kursivschrift sind Informationen darüber, wie ein Teil der Vorlage verwendet wird.
Beschreibung des Problems, das dieses Rezept löst, oder des Musters, das Sie demonstrieren.
Anforderungen
Was muss dieses Muster enthalten oder welche Probleme muss es lösen? Listen Sie das hier auf.
Rezept
Ändern Sie den Beispielcode. Der letzte Parameter ist die Höhe des Live-Beispiels, die Sie nach Bedarf ändern können. Erwähnen Sie, dass Sie auf "Play" in den Codeblöcken klicken können, um das Beispiel im MDN Playground zu bearbeiten.
<div class="container">
<div class="item">I am centered!</div>
</div>
.container {
border: 2px solid rgb(75 70 74);
border-radius: 0.5em;
height: 200px;
display: flex;
align-items: center;
justify-content: center;
}
.item {
border: 2px solid rgb(95 97 110);
border-radius: 0.5em;
padding: 20px;
width: 10em;
}
Getroffene Entscheidungen
Erklären Sie Ihre Entscheidungen bei der Erstellung des Musters. Warum haben Sie eine bestimmte Methode gewählt? Wenn Sie hier ein zusätzliches Beispiel hinzufügen möchten – zum Beispiel eine Version mit Fallbacks – tun Sie dies bitte. Dieser Abschnitt ist bewusst flexibel gehalten, da Muster von sehr einfach bis hin zu komplexer reichen.
Nützliche Fallbacks oder alternative Methoden
Wenn es nützliche alternative Methoden zum Erstellen des Rezepts gibt oder Fallback-Rezepte, die Sie verwenden können, falls Sie nicht unterstützende Browser unterstützen müssen, fügen Sie diese in separaten Abschnitten hier unten ein.
Barrierefreiheit
Fügen Sie dies ein, wenn es spezifische Dinge zu beachten gibt, die die Barrierefreiheit betreffen. Wenn dies für Ihr Muster nicht relevant ist, kann dieser Abschnitt weggelassen werden.
Siehe auch
- Links zu verknüpften Eigenschaften:
example-property - Links zu Artikeln, die zeigen, wie die Eigenschaft im Kontext verwendet wird: "Using … article"
- Sehr gute externe Links. Haben Sie keine Angst vor externen Links, aber sie sollten herausragend sein und nicht nur kleinere Details erwähnen.