مواقع مفضّلة: وصفات طبخ كوكتيل

النتائج 1 إلى 4 من 4

الموضوع: الدرس الرابع من دورة css - تنسيق الخطوط

  1. #1
    الصورة الرمزية bringy
    تاريخ التسجيل : Dec 2011
    رقم العضوية : 30217
    الاقامة : مصر
    الجنس : شركة اخرى
    الجنسية : 512 Kbps
    المشاركات : 3,359
    My SMS : D-LINK G604T
    انا دلوقتى نايــم
    معدل تقييم المستوى : 182
    Array

    افتراضي الدرس الرابع من دورة css - تنسيق الخطوط




    تنسيق الخطوط

    فى هذا الدرس سنتعرف على الخصائص المتعلقة بتنسيق الخطوط وهى :

    1- (font-family):
    تستخدم هذه الخاصية لتحديد مجموعة معينة من الخطوط داخل العنصر المحدد بحيث إذا كان المتصفح لا يدعم خط من الخطوط فيقوم بإستخدام الخط الذى يليه من الخاصية font family
    وتكتب بهذا الشكل:

    كود:
     
    
    p { font-family:"Times New Roman", Times, serif; }
    ملاحظة : إذا كان إسم الخط يتحوى على أكثر من كلمة فيوضع داخل علامتى تنصيص كما بالمثال السابق فى "Times New Roman"


    2- (font-style):
    تستخدم هذه الخاصية غالبا في جعل الخط مائل بهذا الشكل :

    الموضوع الأصلى من هنا: بوابة إنجاز التقنية | خاصة بـ DSL و التقنية و الشبكات http://www.enjaztech.com/vb/showthread.php?p=120226
    الموضوع الأصلى من هنا: بوابة إنجاز التقنية | خاصة بـ DSL و التقنية و الشبكات http://www.enjaztech.com/vb/showthread.php?p=120226
    كود:
    p { font-style:italic; }
    3- (font-size):
    تستخدم هذه الخاصيةلتحديد حجم الخط وتكتب بهذا الشكل :



    كود:
    p { font-size:14px; }


    وتكتب قيمة الحجم بالطرق التالية:
    x-small
    small
    medium
    large
    x-large
    xx-large
    smaller
    larger
    10px
    2em
    150%

    ملحوظة: عند تغيير حجم الخط بالبيكسل (px) ستكون هناك مشكلة وهى أن هذه الطريقة لن تعمل على الإصدارات القديمة من متصفح إنترنت إكسبلورر والتى قبل الإصدار التاسع(IE9)
    ولذلك يفضل معظم المطورين إستخدام الوحدة (em) بدلا من البيكسل لتفادى تلك المشكلة
    1em يساوى 16px
    ولكن لسوء الحظ هناك أيضا مشكلة مع هذه الطريقة فى المتصفحات القديمة وهى أن الخط يصبح أكبر مما ينبغى عندما يتم تكبيره وأصغر مما ينبغى عندما يتم تصغيره.
    لذلك يمكنك دمج طريقة النسبة المئوية (%) مع (em) لتفادى كافة المشاكل وذلك عن طريق إستخدام النسبة المئوية في وسم <body>بهذا الشكل:
    كود:
    body {font-size:100%;} h1 {font-size:2.5em;} h2 {font-size:1.8*5em;} p {font-size:0.8*5em;}
    بإستخدام هذه الطريقة ستظهر الخطوط بنفس الحجم في كافة المتصفحات وأيضا عند إستخدام زوم وتكبير الخطوط فى كل المتصفحات .


    4- (font-variant):
    تستخدم هذه الخاصية لتكبير الحروف الصغيرة(جعل الحروف كابيتال) ولكن مع تصغير الحجم وتكتب بهذا الشكل :

    كود:
    p { font-variant:small-caps; }

    5- (font-weight):
    تستخدم هذه الخاصية لتغليظ أو ترفيع الخط وتكتب بهذا الشكل :

    كود:
    p { font-weight:bold; }
    وتكتب قيمة هذه الخاصية بالطرق التالية :

    normal
    bold
    bolder
    lighter
    100
    200
    300
    400
    500
    600
    *00
    800
    900

    إنتهى الدرس...

  2. #2
    الصورة الرمزية moon shadow
    تاريخ التسجيل : Dec 2009
    رقم العضوية : 3680
    الاقامة : ~.. بين الجفن والعين ..~
    الجنس : شركة اخرى
    الجنسية : 2 Mbps
    المشاركات : 9,699
    هواياتى : Every Beautiful Thing..~
    My SMS : THOMSON 585v7
    انا دلوقتى نايــم
    معدل تقييم المستوى : 0
    Array

    افتراضي رد: الدرس الثانى من دورة css - تنسيق الخطوط

    درس رااائع ومعلومات قيمة
    الموضوع الأصلى من هنا: بوابة إنجاز التقنية | خاصة بـ DSL و التقنية و الشبكات http://www.enjaztech.com/vb/showthread.php?p=120230
    الموضوع الأصلى من هنا: بوابة إنجاز التقنية | خاصة بـ DSL و التقنية و الشبكات http://www.enjaztech.com/vb/showthread.php?p=120230

    ذكرتني باول سنة جامعة ^_^

    شكرا لك اخ عبدو

    سلمت الايادي

  3. #3
    الصورة الرمزية fmounirf
    تاريخ التسجيل : Jan 2013
    رقم العضوية : 33185
    الاقامة : المغرب

    افتراضي رد: الدرس الرابع من دورة css - تنسيق الخطوط

    السلام عليكم شكرا على الدرس المفيد

  4. #4
    الصورة الرمزية abdou80
    تاريخ التسجيل : Jul 2014
    رقم العضوية : 38649
    الاقامة : maroc

    افتراضي رد: الدرس الرابع من دورة css - تنسيق الخطوط

    مشكور والله والله يوفقق

المواضيع المتشابهه

  1. توكيل ايس ميكر سيلتال 01112124913 – 0235699066 صيانة سيلتال
    بواسطة neveen12 في المنتدى التجارة الألكترونية E-commerce
    مشاركات: 0
    آخر مشاركة: 11-03-2014, 05:02 PM
  2. مركز صيانة سيمنس 0235*10008 خدمة اصلاح سيمنس 01023140280 غسالات سيمنس
    بواسطة نسمة مصر جديدة في المنتدى منتدى التصميم و الرسومات Design & Graphics
    مشاركات: 0
    آخر مشاركة: 02-16-2014, 04:21 PM
  3. [ تحديث ] : سوفت وير لتحويل قوائم رسيفر starsat 1400d الى قوائم رسيفر DRAGONX-9200 رائعة الجمال
    بواسطة رمز في المنتدى منتدى شاشات التلفزيون والرسيفرات TV & Receivers
    مشاركات: 0
    آخر مشاركة: 05-25-2013, 04:45 PM
  4. [ تحديث ] : سوفت وير رسيفر تكنوجوم X-50 plus 100 2.19 لرسيفر qmax mst 999 hd v2 وعودة يوتيوب
    بواسطة رمز في المنتدى منتدى شاشات التلفزيون والرسيفرات TV & Receivers
    مشاركات: 2
    آخر مشاركة: 02-06-2013, 07:03 PM
  5. TuneUp Utilities 2011 10.0.40.3 Beta Portable لتحسين أداء الحاسب وتحسينه
    بواسطة roi123 في المنتدى برامج البورتبل | Portable Programs
    مشاركات: 5
    آخر مشاركة: 11-26-2010, 01:03 PM

الكلمات الدلالية لهذا الموضوع

المفضلات

المفضلات

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •