codequick-darkmode-logo
تسجيل الدخولتسجيل الاشتراك
دورة CSS

المنهج الدراسي:

دورة CSS

6 دروس 39 أسئلة البرمجة عبر الإنترنت

ما الموضوعات التي ستُغطى في الدورة؟

مقدمة في Css

  1. أساسيات CSS الجزء 1:

    • تعريف الأنماط وتطبيقها على CSS.

    • أمثلة على تطبيق خصائص font-size، color، text-align، margin، padding، border، و background-color على العناصر.

    • تعريف الروابط وكيفية دمجها في HTML لتطبيق تنسيق CSS.

    • التسلسل الهرمي لأساليب التنسيق inline style > id > class > tag لتطبيق أنماط CSS بكفاءة.

    • تطبيق أنماط CSS مباشرة على عنصر باستخدام inline styles.

    • تطبيق أنماط CSS باستخدام id.

    • تطبيق أنماط CSS باستخدام class.

  1. أساسيات CSS الجزء 2:

    • استخدام علامات HTML.

    • تداخل عناصر HTML.

    • فهم تسلسل الأولويات لفئات CSS.

    • استكشاف hover واستخداماته.

    • تعديل عرض وارتفاع HTML.

  1. بنية تخطيط الصفحة الجزء 1:

    • قواعد تسمية الفئات في CSS

    • الفرق بين خصائص visibility و display، وكيفية تطبيقها في التصميم

    • أمثلة على خصائص CSS مثل border-radius، visibility، display، و box-sizing

    • فوائد استخدام نموذج border-box لتخطيط تصميم أفضل.

  1. بنية تخطيط الصفحة الجزء 2:

    • تحسين التخطيطات في CSS.

    • ماذا يفعل float و clear لتخطيط المستند.

    • استخدام float و clear.

    • مراجعة الطرق لمحاذاة العناصر.

  1. تموضع العناصر مع CSS الجزء 1:

    • استكشاف خاصية position في CSS.

    • فهم التموضع النسبي.

    • فهم التموضع المطلق.

    • التحكم في الموقع باستخدام خصائص top، left، right، و bottom.

    • استخدام z-index للتحكم في ترتيب تكديس العناصر.

  1. تموضع العناصر مع CSS الجزء 2:

    • تعلم كيفية تموضع العناصر باستخدام خاصية position في CSS.

    • افهم الفرق بين position: relative و position: absolute.

    • استكشف كيفية استخدام خصائص top، left، right، و bottom لضبط موقع العناصر.

    • اكتشف كيفية التحكم في ترتيب تكديس العناصر باستخدام خاصية z-index.