Nwahy Articles V3 pro

انشاء انماط خطوط

انشاء انماط خطوط

القسم css - الزيارات 8521 - التاريخ 20/3/2008
بسم الله الرحمن الرحيم

سوف نتعلم كيف ننشئ نمط خط يتمتع بالخصائص التاليه :

1. نوع الخط tahoma ..
2. حجم الخط 12px ..
3. لون الخط احمر ..

ونمط ثاني يتمتع بـ :

1. نوع الخط Ms Sans Serif ..
2. حجم الخط 12px ..
3. لون الخط اخضر..

الان اليك هذه المعلومه ..

اذا وضعنا قبل اسم النمط ( # ) فان هذا يتم استدعائة عن طريق id ..

اما اذا وضعنا قبل اسم النمط ( . ) فان هذا النمط يتم استدعائة عن طريق class ..

انظر الان الى النمط الاول :

<style>
#FontOne {
font-family: Tahoma;
font-size: 12px;
color: red;
}
</style>


هذا يتم استخدامه بـ id

مثلا

<font id='FontOne'>WelCome To PHP-AR.CoM</font>


سوف تكون النتيجة النص بخط tahoma ولونه احمر ..

الان النمط الثاني سنعرفه عن طريق class

<style>
.Font2 {
font-family: Ms Sans Serif;
font-size: 12px;
color: green;
}
</style>



تم تعرف نمط باسم Font2

مثال عليه

<font class='Font2'>www.php-ar.com</font>



سوف يكون الناتج نص خطه من النوع Ms Sans Serif ولونه اخضر وحجمة 12بكسل ...

ولاحظ انه يمكننا الجميع بين حجم الخط ونوعه بسطر واحد

<style>
.Font2 {
font: 12px tahoma;
color: red;
}
</style>



ماذا لو كان اسم الخط يوجد به مسافات
يتم وضعه بين علامتي التنصيص

<style>
.Font2 {
font: 12px 'Ms Sans Serif';
color: red;
}
</style>



وطريقة الاستدعاء كما بالاعلى ...

اتنهــى ، واتمنى الفائده للجميع

الكاتب Mr.php-ar
مشاركة الموضوع
Facebook Twitter Google+ Pinterest Reddit StumbleUpon Linkedin Tumblr Google Bookmarks Email
كن أول من يقيم الموضوع
12345

أضف تعليقك على الموضوع