منتديات نبع الفرات

تمت ارشفة منتديات نبع الفرات

المشاركات من الموضوع كيفية استخدام صفة Style لتغيير حجم الخط ونوعه

  1. بواسطة العراقي راقي

    كيفية استخدام صفة Style لتغيير حجم الخط ونوعه
    صفة Style هي الاستخدام الأبسط للغة CSS داخل صفحات الويب، فبالعادة يُمكن كتابة ملف التنسيق بشكل مُنفصل ثم نقوم بإستعادئه داخل صفحة الويب.

    وتُوفر الصفة Style مجموعة كبيرة من الخيارات التي يُمكن استخدامها، فبعد التعرّف على خيار تغيير اللون، دعنا نستخدم خيارات تغيير حجم الخط ونوعه.


    قُم بإنشاء ملف جديد مع كتابة الوسوم الأساسية.
    قُم بكتابة ثلاثة فقرات باستخدام وسم p لتحصل على الشيفرة
    XHTML


    كيف برمجة | تغيير حجم الخط ونوعه

    فقرة أولى بحجم خط مُختلف

    فقرة ثانية بنوع خط مُختلف

    فقرة ثالثة بنوع خط مُختلف




    1








    2
    3
    4
    5
    6
    7
    8
    9
    10




    كيف برمجة | تغيير حجم الخط ونوعه


    فقرة أولى بحجم خط مُختلف


    فقرة ثانية بنوع خط مُختلف


    فقرة ثالثة بنوع خط مُختلف











    الآن نستخدم في الفقرة الأولى الخيار font-size والذي من خلاله يُمكن التحكم بحجم الخط، القيم التي يُمكن استخدامها كثيرة، حيث يُمكن كتابة small، x-small أو medium. كما يُمكن كتابة القيمة بشكل رقمي مع تحديد الوحدة مثل “٪”، “px” بيسكل، “em” أو “pt”.
    في مثالنا سنستخدم البيكسل كوحدة لتمثيل الأرقام، وبعد إضافة أي قيمة نحصل على الشيفرة
    XHTML


    فقرة أولى بحجم خط مُختلف




    1










    فقرة أولى بحجم خط مُختلف









    بعد حفظ الصفحة ومعاينة التغييرات تُلاحظ عرض فقرة بحجم الخط الذي قُمت بتحديده، قم بتغيير القيمة من 20 إلى 40 لتلاحظ الفرق من جديد.
    لتغيير نوع الخط يُمكن الإستعانة بخيار font-family، ومن الخطوط الشهيرة Tahoma أو Times New Roman، في مثالنا سنستخدم أكثر من خط لمشاهدة الفرق
    XHTML


    فقرة ثانية بنوع خط مُختلف

    فقرة ثالثة بنوع خط مُختلف




    1








    2


    فقرة ثانية بنوع خط مُختلف


    فقرة ثالثة بنوع خط مُختلف









    تُلاحظ أن كل جملة من الجمل الجديدة تظهر بخط مُختلف عن الآخر، ويُمكنك تجربة المزيد من الخطوط حيث يُمكن فتح برامج مثل مايكروسوفت وورد للإطلاع على الخطوط الموجودة.
    مُلاحظة هامة جدًا: يجب تضمين اسم الخط ضمن “اسم الخط” في حالة كان مُكونًا من أكثر من قسم مثل Times New Roman، أما خط Tahoma فيُمكن كتابته دون علامات التنصيص.

    قد تتساءل عن إمكانية استخدام أكثر من خيار لنفس العنصر، فمثلًا قد ترغب بعرض فقرة بخط Tahoma وبحجم 40 بيسكل هذا بالطبع مُمكن ويتم بالطريقة التالية
    XHTML


    فقرة ثانية بنوع خط مُختلف




    1










    فقرة ثانية بنوع خط مُختلف








    بهذه الطريقة نكون قد تعرّفنا على طريقة كتابة شيفرات باستخدام CSS :)، نعم الأمر بهذه البساطة وسنستعرض فيما بعد طريقة كتابة هذه الشيفرات في ملف مُنفصل.
  2. بواسطة بهلول الرشيد

    دروس قيمه بارك الله فيك ونحن بحاجتها في منتدى نبع الفرات
    ثانكيو