🎬 🎯 الدرس 25: Inline vs Block + التحكم بالـ Display, Visibility, Opacity | أساسيات CSS للمحترفين

في هذا الدرس، راح نغوص مع بعض في أهم مفاهيم CSS اللي لازم تعرفها قبل ما تبدأ تنسّق موقعك بمرونة واحتراف:
راح نشرح الفرق بين العناصر block و inline، وكيف نستعمل الخاصية display بالقيم الأساسية block, inline, inline-block, و none.
بعدها راح نتعرف على visibility و opacity، ونشوف الفرق بينهم عمليًا في إخفاء أو إظهار العناصر.
📌 الدرس مليء بالأمثلة الحية عشان تتضح الصورة وتثبت في ذهنك للأبد!

🔹 ما راح تتعلمه اليوم:
✅ الفرق بين العناصر inline و block في HTML/CSS
✅ كيف تغيّر نوع العنصر باستخدام display
✅ متى تستخدم inline-block بدل inline أو block
✅ كيف تخفي عنصر بدون حذفه من التخطيط (visibility)
✅ كيف تخفي عنصر مع بقاء المساحة (opacity)
✅ الفروق العملية بين display: none, visibility: hidden, و opacity: 0
🧠 هذا الدرس أساسي، لأنك راح تواجه هذه الخصائص في أي مشروع تصميم ويب.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

روابط هامة:

📸 انستغرام:   / luna_dh31  
🐦 تيك توك:   / luna_dh31  
📧الايميل: [email protected]
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
دعم القناة:

💖 [Patreon]   / lunadh  

🌍 [Wise] SWIFT : TRWIBEB1XXX / BE12 9677 7451 8892

💳 [CCP: 0017567651 69
00799999001756765169 : Baridimob]

☕ buymeacoffee.com/LunaDH

💸 [PayPal][email protected]

شكراً على المشاهدة ونتمنى لكم تجربة تعلم ممتعة ومفيدة! 🚀

Timestamps :
00:00 المقدمة
00:31 Intro
00:43 الفرق بين العناصر الinline والعناصر الblock
01:05 أول فرق
02:15 ثاني فرق
03:45 ثالث فرق
04:45 مراجعة الفروقات
05:29 رابع فرق
06:35 شرح خاصية الdisplay
06:47 Display : inline
08:12 Display : block
09:19 Display : inline-block
10:10 مراجعة الdisplay
10:51 Display : none
11:54 Visibility
13:04 Opacity
14:37 خاتمة الدرس




#education #دورات #تطوير_الويب #كورس #برمجة_للمبتدئين # #shorts #foryou #fyp #education #programming #برمجة_للمبتدئين #tutorial #foryourpage #youtube #html #تعلم_HTML #خصائص_النماذج #HTML_للمبتدئين #تطوير_الويب #برمجة_المواقع #تصميم_النماذج #دروس_برمجة #واجهات_تفاعلية
#تطوير_المواقع #برمجة #دورة_برمجة #استضافة_المواقع #تحميل_الصور #HTML #تصميم_ويب #تعلم_البرمجة #دروس_برمجة #LunaDH #css #تطوير_المواقع #برمجة_للمبتدئين #frontend

#CSS #تعلم_البرمجة #تطوير_المواقع #HTML #دورة_CSS