html css cheat sheet

HTML-CSS-Spickzettel

Ein einfacher, kuratierter HTML5- und CSS-Spickzettel.

Den Spickzettel ansehen

Öffnen Sie einfach html-css-cheat-sheet.html in Ihrem Browser. Es bestehen keine externen Abhängigkeiten.

Merkmale

• Visuelle Beispiele zeigen Ihnen genau, wie bestimmte Werte von Eigenschaften angezeigt werden. Weniger Rätselraten.
• Inline-Stile werden für die spezifischen Stileigenschaften verwendet, die demonstriert werden, jedoch nicht für Containerelemente oder Gerüste. Dadurch ist es sehr einfach, mit dem Inspektor des Browsers genau zu sehen, wie der Stil angewendet wird und auf welches Element die gewünschte Darstellung erzielt werden soll.
• Die Überschriften der Eigenschaftsnamen beschreiben die CSS-Eigenschaft, und die spezifischen visuellen Beispiele enthalten darunter Eigenschaftswerte.
• Abdeckung der neuesten Standards, einschließlich Flexbox und nativem CSS-Rasterlayout .
• Berichterstattung über Keyframe-Animationen , Übergänge und die Verwendung der beliebten Bibliothek animate.css .
• Verwendet responsives Design und sollte auf Mobilgeräten, Tablets und großen Bildschirmen gut angezeigt werden.

Kein Tutorial

Es gibt viele tolle Ressourcen zum Erlernen von HTML und CSS. Dieser Spickzettel versucht nicht, alles von Grund auf beizubringen. Es ist eine Auffrischung und visuelle Hilfe für diejenigen, die bereits HTML/CSS verstehen.

Dieser Spickzettel behandelt kein JavaScript. Betrachten Sie dieses oder dieses andere Tutorial.

Lizenz

MIT.

Beiträge

Pull-Requests, Fehlerberichte und Vorschläge sind willkommen. Im Allgemeinen versuche ich, schnell auf Probleme zu reagieren, obwohl es sich um ein persönliches Projekt handelt und ich keine Garantie für die Reaktionsfähigkeit geben kann.