هذا الدرس من الدورة التدريبية: دورة تدريبية لغة CSS لإنشاء تصاميم وتنسيق صفحات الإنترنت
الدرس: المسافات الداخلية لعناصر Css
وصف مختصر:
وصف الدرس
تطبيق padding and margin في CSS
تعتبر خاصيتا (Padding) و(Margin) من أهم أساسيات CSS لتنسيق المسافات داخل وخارج العناصر.
في هذا الدرس، سنتعلم كيفية تطبيق البادينج والمارجن باستخدام اختصارات كود فعالة وسهلة.
ما هوpadding ؟
البادينج هو المسافة بين محتوى العنصر وحدوده. يمكن تحديد البادينج باستخدام قيم منفصلة لكل جهة:
padding: 10px; /* فوق وتحت، يمين ويسار */
padding: 0px 40px; /* فوق وتحت: 0px، يمين ويسار: 40px */
padding: 0 5px 2px 20px; /* فوق: 0، يمين: 5px، تحت: 2px، يسار: 20px */
ما هو margin؟
المارجن هو المسافة الخارجية بين العناصر. يمكن استخدامه بنفس طريقة البادينج لضمان تصميم متناسق ومنظم.
إليك مثال عملي:
margin: 15px; /* فوق وتحت، يمين ويسار */
margin: 10px 20px; /* فوق وتحت: 10px، يمين ويسار: 20px */
margin: 5px 10px 15px 20px; /* فوق: 5px، يمين: 10px، تحت: 15px، يسار: 20px */
ابدأ التعلم الآن!
استمتع بتعلم أساسيات CSS خطوة بخطوة معنا.
انضم إلى دورة تطوير الويب واحصل على شهادة معتمدة تساعدك على تطوير مهاراتك.
ابدأ الآن!
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي المسافات الداخلية لعناصر Css
المصادر
ملحقات ال PDF
- 230 دقيقة من الفيديوهات التفاعلية الحصرية
- 69 مصدر إضافي
- 40 ملحقات PDFs
- 3 تطبيق نظري وعملي
- الوصول على جميع الأجهزة
- وصول مدى الحياة
- شهادة أوروبية لإتمام الدراسة
- ا لحصول على شهادة دبلوم موثقة
للوصول إلى الفيديوهات والمصادر والملحقات الدراسية والمواد التعليمية لدراسة برنامج
كورس تعلم لغة CSS لإنشاء تصاميم وتنسيق مواقع الإنترنت
اضغط هنا ابدأ التعلم
أيضاً عند أداء الاختبارات بنجاح سوف تحصل على الشهادة الأوروبية المعتمدة في إتمام الدراسة والتأهل لطلب الشهادة الدولية في هذا البرنامج
الدروس والاختبارات لتعلم هذه الدورة التدريبية : دورة تدريبية لغة CSS لإنشاء تصاميم وتنسيق صفحات الإنترنت
دورات تدريبية أخرى في برمجة
كورس تعلم HTML من الصفر لبناء صفحات ويب
تعلم أساسيات بناء صفحات ومواقع الإنترنت وكل شيء عن المتصفحات وملفات برمجة المواقع HTML
دورة تدريبية في فهم شبكات الإنترنت وخوادم الويب
دورة تدريبية تحتوي على دروس مجانية مدعمة من البورد الأوروبي لفهم أساسيات شبكة الإنترنت والاتصالات بين المستخدمين وتطبيقات الويب والأجهزة
مقالات ذات صلة
تطبيق حركات الانيميشن والتحريك ال 3d وخلق اشكال انسيابية للعناصر داخل الصفحة
تطبيق حركات الانيميشن والتحريك الـ 3D في بناء صفحات الويب باستخدام HTML و CSS في عالم تصميم الويب الحديث، أصبحت حركات الانيميشن...
التعامل مع البيانات وواجهة المستخدم باستخدام JavaScript
هل تساءلت يومًا عن كيفية التحكم في البيانات والتفاعل مع واجهة المستخدم في صفحات الويب؟ 🤔 في عالم البرمجة الحديثة، يعد فهم...
أساسيات لغة HTML لبناء صفحات ويب فعالة
تُعد متصفحات الويب (Web Browsers) واحدة من أهم الأدوات في عالم الإنترنت، حيث تُمكّن المستخدمين من تصفح مواقع الويب والوصول إلى المعلومات...
