Blockquotes sind HTML-Elemente, die dazu dienen, einen bestimmten Textabschnitt aus einer anderen Website oder Quelle zu kennzeichnen. Verschiedene Browser haben unterschiedliche integrierte Stile für Blockquotes, oft nur einen einfachen linken Rand. Wenn Sie viele Zitate verwenden, wie es Blogger oft tun, ist es eine gute Idee, die Kontrolle über dieses Element zu übernehmen und ihm etwas CSS-Stil zu geben!
Eine beliebte Technik ist, große grafische Anführungszeichen oben links und unten rechts im Blockquote-Bereich zu platzieren. In diesen Zeiten vor CSS3, ohne mehrere Hintergrundbilder, gibt es keine gute Möglichkeit, dies ohne etwas zusätzlichen HTML zu tun. Die einfachste Technik ist, neben dem <blockquote>-Element ein <span>-Element hinzuzufügen. Nicht ideal, aber es funktioniert. Sie können die meisten Stile auf das Blockquote-Element in Ihrem CSS anwenden und dann das zweite Hintergrundbild mit dem Span festlegen. Oben links und unten rechts jeweils.
Ich habe eine Beispielseite mit 5 verschiedenen Beispielen für verschiedene, einfache Dinge zusammengestellt, die man mit Blockquotes machen kann.
Hey, danke! Mach weiter mit diesen Tricks, sie sind cool!
Sehr gute Ideen. Sie funktionieren alle perfekt in den Big 3 Browsern.
hey, nettes Thema
Nach den meisten Stil-/Typografie-Standards sollten Blockquotes keine Anführungszeichen haben. Sie sollten stattdessen eingerückt sein. Nur Inline-Zitate erhalten Anführungszeichen.