هذا الدرس من الدورة التدريبية: إتقان العرض والارتفاع: التحكم الكامل في الأبعاد الرأسية بملء الشاشة في CSS
الدرس: إتقان العرض والارتفاع: التحكم الكامل في الأبعاد الرأسية بملء الشاشة في CSS
المدة: 5 دقائق
وصف مختصر:
دليل كامل حول التحكم في العرض والارتفاع في CSS، بما في ذلك إعادة ضبط الحواف الداخلية، الهوامش، وصندوق الحدود، وأفضل الممارسات لإنشاء خلفيات بملء الشاشة.
وصف الدرس
- فهم نموذج الصندوق (Box Model): صندوق الحدود وصندوق المحتوى
- تعرّف على
box-sizingفي CSS، بما في ذلك الفرق بينborder-boxوcontent-box، وأهمية هذا التمييز في ضبط الأبعاد والتخطيطات.
- تعرّف على
- مقدمة عن الحواف الداخلية (Padding) والهوامش (Margin)
- اكتشف دور الحواف الداخلية والهوامش في التحكم بالمسافات داخل التخطيط وتأثيرها على مظهر العناصر في الصفحة.
- إعادة ضبط الإعدادات الافتراضية للمتصفح
- كيفية إعادة ضبط الأنماط الافتراضية للمتصفح لتحديد الحواف الداخلية، الهوامش، وصندوق الحدود، مما يضمن تخطيطات نظيفة ومتناسقة عبر مختلف المتصفحات.
- التحضير لإنشاء صور خلفية بملء الشاشة
- دليل عملي لإعداد المتصفح لتمكين تصميم صور خلفية بملء الشاشة باستخدام CSS، مثالي لتصاميم ويب جذابة بصرياً.
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي إتقان العرض والارتفاع: التحكم الكامل في الأبعاد الرأسية بملء الشاشة في CSS
المصادر
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر
أوامر بناء إعادة ضبط التحكم الكامل في الأبعاد الرأسية بملء الشاشة
أوامر تنسيق التحكم الكامل في الأبعاد الرأسية بملء الشاشة
ملحقات ال PDF
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و ملحقات ال PDF
ملف الشرح المساعد لخصائص الحجم في موقع الإنترنت
الدروس والاختبارات لتعلم هذه الدورة التدريبية : إتقان العرض والارتفاع: التحكم الكامل في الأبعاد الرأسية بملء الشاشة في CSS
