متي أستخدم الـ display ,
ولماذا أستخدمة من الأساس ؟!
وما هيا العناصر الـ inline و العناصر الـ block و الـ inline-block
ارجو الشرح بالتفاصيل , مع امثلة إذا امكن
اظن انه كان لديك موضوع غير هذا بعنوان "متى استخدم ال float "
من المفترض المكان او القناة التي تتعلم منها الشخص الذي يشرح لك يقول لك متى تستخدمها واين . واذا كنت لا تعرف متى تستخدم شىء معين لا تقلق عندما تبدأ بتصميم الموقع سوف تعرف متى تستخدمها وسوف تعرف كل شىء مع التطبيق وكثرة الاستخدام . اعرف انك تسأل هذه الاسئلة لانك مبتدأ في التصميم . و يمكنك البحث على امثلة لها على جوجل او stack overflow او code pen سوف تجد امثلة وشرح مبسط لها . بالتوفيق .
انا كنت بعاني من مشكلة في فهم الـ Display عموما
مكنتش بعرف أميز بين الـ inline / block / inline-block
لكن بعد عدة محاولات فهمت الأتي
أن الـ inline بيبقا علي خط أفقي , ومش بيتأثر غير بالـ padding + margin
لكن مش بيتأثر بالـ height or width
والـ block بيحول العنصر من inline , إلي هوا مش بيتأثر بـ height or width اساسا
لـ عنصر بيقبل الـ height & width وجميع الخواص التانية سواء padding or margin .....
الجميل بقا في الموضوع الـ inline-block
دة لو حبيت تحول عنصر inline لـ عنصر بيقبل الـ height & width
بتقوم مديلة الـ inline-block , وبكدا العنصر هيحترم أنك مديلة خصائص الـ block
وطبعاً مننساش الـ none
الي هيا بتخفي العنصر من مكانة , مع إزالة مكانة من الصفحة وإستبدالة بالعنصر إلي تحتة
none: بتخفي العنصر من مكانة مع إزالة مكانة من الصفحة
inline: مش بيقبل الـ height + width
block: بيقبل الـ height + width
inline-block: بيعمل عنصر علي خط أفقي وبيخلية قبل خصائص الـ block
اعرف انك مصري وانا مثلك تمامََا ولكن حسوب i/o جعل اللغة المستخدمة هي العربية الفصحة حتى يفهم كل العرب كلامك جيداََ فمثلا اذا تحدث المغربي بالمغربية لن يفهم المصري شىء لذلك يجب عليك الكتابة بالعربية الفصحى فقط . سوف تجد هنا الكثير من الشرح حول الفرق بين خصائص ال display:
شكراً لك يا صديقي لقد فهمت
وبخصوص الـ display , لقد تعمقت في الموضوع بشكل كبير ووجت انها سهله وقمت بشرحها ايضا
يمكنك إلقاء نظرة
انا بدات تصميم قوالب بلوجر و هذا الموقع هو الافضل و يشرح بطريقة سهلة يمكنك الذهاب لدورة CSS
و لكن للتعمق اكثر هناك هذا الموقع
و الذي ايضا افادني
المهم DISPLAY هي الظهور مثلا
لدينا عنصر
new
لكي نتتحكم في ظهوره نضع
display:none
none هي الخاصية اي لا يظهر
عموما خصائص ديسبلاي كثيرة و لا اذكر ماهيتها و لكن عندما اعدل على موقع ما ب inspect element اعرف ماذا استعمل بحسب ماتظهر لي
طبعا هذا غير إحترافي إطلاقا المهم تابع الموقع الثاني فهو الاهم اما الاول فيمكنك اخذ بعض الدروس منه
تستخدم display للتحكم في ظهور العنصر.
inline في العادة تستخدم مع القوائم لتظهر القائمة في سطر واحد مثال :
block تستخدم لعرض العنصر كمجوعة بلوك وسيأخذ العنصر البعده سطر جديد مثال :
inline-block إذا أردت أن يكون لما في داخلها حجم وارتفاع واتجاه معين
التعليقات