التعامل مع النصوص فى لغة CSS







التعامل مع النصوص فى لغة CSS - في الدرس السابق تم شرح مقدمة فى لغة CSS للمزيد من المعلومات برجاء زيارة الرابط السابق التعامل مع الالوان فى لغة CSS - فى هذا الدرس سنتناول شرح كيفية التعامل مع النصوص Text فى لغة CSS - عندما نتحدث عن النصوص فى لغة الـ CSS فهنالك عدة عوامل يجب اخذها فى الاعتبار و هى نوع الخط المستخدم و حجمه و شكل الخط. * font-family - تستخدم هذه الخاصية لتحديد نوع الخط المستخدم Typeface و يجب ان يكون هذا الخط مثبت على جهاز الكمبيوتر الخاص بالزائر ليظهر له النص بالصورة المطلوبة و فى بعض الاحيان يتم وضع عدة اختيارات لنوع الخط فى خاصية font-family مفصولة بـ (,) - فى حالة ما اذا كان اسم الخط يتكن من مقطعين فيجب اضافته بين double quotes "".

رمز Code:
h1 , h2 { font-family: Arial , Verdana , "Courier New" ; }

* font-size - تستخدم هذه الخاصية لتحديد حجم الخط المستخدم و تكون قيمة حجم الخط اما قيمة معينة محددة بالـ pixels او نسنبة مئوية من القيمة الافتراضية لحجم الخط فى معظم المتصفحات و هي 16px.

رمز Code:
h1 , h2 {
   font-size: 200% ; }

* font-weight - تستخدم هذه الخاصية لتحديد ششكل الخط حيث بالامكان جعل الخط يظهر بصورة خط عادى او سميك Bold.

رمز Code:
h1 , h2 {
   font-weight: bold; }

* font-style - تستخدم هذه الخاصية لتحديد ششكل الخط حيث بالامكان جعل الخط يظهر بصورة خط عادى او مائل Italic او منحرف مائل oblique.

رمز Code:
h1 , h2 {
   font-style: italic; }

*[email protected] - تستمح هذه الخاصية اساتخدام اى خط حتى و ان لم يكن مثبت على جهاز الكمبيوتر الخاص بالزائر عن طريق تحديد مسار الخط لنسخه و تحميله على جهاز الكمبيوتر للزائر و في هذه الحالة يجب الـ src الذي سيتم تحميل الخط منه و كذلك الـ format المتوافق مع نوع المتصفح . - هنالك العديد من الـ formats للخطوط حسب المتصفح و التي يجب ان تذكر فى الكود حسب الترتيب 1- eot 2- woff 3- ttf/otf 4- svg يتبع فى الجزء الثاني من درس التعامل مع النصوص فى لغة CSS ....


http://www.traidnt.net/vb/traidnt2719859/