اعمال یک Styleخاص مانند بزرگ کردن حرف اول هر پاراگراف
توسط این Styleمی خواهیم که اولین کاراکتر هر پاراگراف را بصورت متفاوت و بزرگتر از بقیه کاراکترهای موجود در متن نمایش دهیم و بدیهیست که کاربرد اصلی این Effect بر روی متون انگلیسی مشهود تر میباشد واین Style بیشتر برای مقالات یا مجالات یا کتب کاربرد دارد .
در فایل HTMLکه دارید بین دو تگ <head> و </head>کد زیر را اضافه کنید :
<style type=“text/css”>
p.text:first-letter
{
font-size: xx-large;
padding: 2px;
float: left;
}
</style>کاملا واضح است که برای تگ p کلاسی با عنوان text:first-letter تعریف کرده ایم که در آن مشخصات حرف اول پاراگراف را تغییر دادیم .الیته این تنها مثال است و کارهای زیاد دیگری میتوانیم با آن انجام دهیم .
اکنون باید این Style را برروی متن خود اعمال کنیم. به این شکل عمل خواهیم نمود :
<p class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus sit amet nulla id libero sagittis consectetuer. Ut ultricies sapien ut.</p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus
sit amet nulla id libero sagittis consectetuer. Ut ultricies sapien ut.
