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

سكربت المقالات يتميز بإضافة الاقسام والمقالات والتعليقات والمشرفين ومحرك البحث الذكي والتصفح الخفيف والسريع

 
الجمعة 5 ديسمبر 2008 الزوار 467516 المتواجدون 27 زوار الشهر 9554




موقع نواحي    مكتبة الدروس الدروس    css css    انشاء انماط خطوط انشاء انماط خطوط

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

بسم الله الرحمن الرحيم

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

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

تاريخ الإضافة تاريخ الإضافة : 20/3/2008
زيارات الصفحة زيارات الصفحة : 128
رابط ذو صلة رابط ذو صلة : http://www.nwahy.com
كاتب الموضوع كاتب الموضوع : موقع نواحي