Drop Caps, CSS-Tricks
Große Spitze. Arbeitete perfekt in Firefox 10. Meine Schriftgrößen in Prozentsätze sind so, ich hatte es ein wenig zwicken, um es richtig in Chrome und IE9 angezeigt zu bekommen. Wahrscheinlich hat etwas damit zu tun, wie die einzelnen Browser bestimmte Schriftarten.
Ich brauchte die ersten Buchstaben des ersten Absatzes von jedem Blog-Eintrag eines Tropfen Kappe zu machen und ich brauchte Hier ist ein bisschen eine Erklärung aber: Das würde alle p-Elemente innerhalb der # Spalte links id nehmen und ihre ersten Buchstaben ein dropcap machen. Aber das ist nutzlos, wenn Sie nur das erste Zeichen der dropcap haben wollen. Durch die Zugabe des vorstehenden Elements und des + Selektor so wie: Sie sagen dem Browser „Hey, Browser. Ich möchte Sie alle p ist innerhalb von # Spalte links zu finden und wenn sie von einem h6-Tag voraus sind, würde ich Ihnen gerne ihre ersten Buchstaben eine Schriftgröße von 3em geben.“ Dies ist nützlich, wenn Sie mehrere Wiederholungs Vorkommen des gleichen Layout innerhalb eines div oder ID haben. Wie zum Beispiel eines Wordpress-Theme. Hoffe, dass dies hilfreich war jemand. Haben Sie einen guten! Das Teilen interessiert, dank (: Dank es hat mir wirklich geholfen. Ich habe eine Frage, was ich brauche ein hinzufügen Effekt aber ich brauche seine Breite zu definieren, wie es möglich ist, Früher haben wir einige jQuery, um die CSS3-Version in allen Browsern Beispiel Links zu implementieren Wie Alan sagte, wird der erste Buchstabe Wähler nicht so gut funktionieren, wenn das erste Zeichen eine Öffnung Zitat ist (weil es sowohl die Öffnung Zitat und den nächsten Buchstaben auswählt). Ich versuche zu replizieren, was mein Designer normalerweise in gedruckter Form tun würde, die das anfängliche Zitat klein zu halten ist, hat dann einen Tropfen Kappe daneben. Ich habe versucht, eine Spannweite auf dem ersten alphabetischen Zeichen verwenden, aber dann bekomme ich die Drop-Kappe der Öffnung Zitat floaten gelassen, was schlecht ist. Irgendwelche Vorschläge?In Verbindung stehende Artikel