Gazete okurken illa farketmişsinizdir. Paragrafın ilk harfi büyük olur yazının standart font boyutuna göre. Aynen bu yazımda da olduğu gibi :) Eminim bunu çoğunuz merak ediyor ve nasıl yapacağınızı arada bir de olsa düşünüyordunuz. Çözüm yolu ise tabiki CSS.
Şimdi size birkaç örnek göstereceğim bunun için.
css:
<span style="font-size:400%;float:left;
line-height:.8em;">G</span>azete okurken illa farketmişsinizdir.
Paragrafın ilk harfi büyük olur yazının standart font boyutuna göre.
Aynen bu yazımda da olduğu gibi :) Eminim bunu çoğunuz merak
ediyor ve nasıl yapacağınızı arada bir de olsa düşünüyordunuz.
Çözüm yolu ise tabiki CSS.
css:
<style type=
"text/css">
<!--
.ilkharf
:first-letter { font-size:
400%;
float:
left;
line-
height:.8em;
} -->
</style>
<p class=
"ilkharf">Gazete okurken illa farketmişsinizdir.
Paragrafın ilk harfi büyük olur yazının standart
font boyutuna göre.
Aynen bu yazımda da olduğu gibi :
) Eminim bunu çoğunuz merak
ediyor ve nasıl yapacağınızı arada bir de olsa düşünüyordunuz.
Çözüm yolu ise tabiki CSS.</p>
Her ikisinin de önizlemesi yazımın başındaki gibi oluyor. Aralarındaki fark; birinci kod içerisinde metnin ilk harfine elle stil uygulamanız, ikinci de ise CSS`nin stil fonksiyonunun kullanılacağı metnin ilk harfine stili otomatik uygulamasıdır.
Bu örnekleri uygulayabileceğinizi düşünerek daha fazla üzerinde durmuyorum.
kaynak:dmry.net
