#43 | شرح display block - inline - inline block
يمكنك مذاكرة درس ال display من هنا من هنا |
https://nouvil.net/css-play-ground/css-display-playground/
-----------------------------------
للتواصل معي :
instagram |
https://www.instagram.com/abdelrahman_noufal/
-----------------------------------
facebook |
https://www.facebook.com/abdelrahman.g.nofal
-----------------------------------
جروب الفيسبوك الخاص بنا |
https://www.facebook.com/groups/1810581845642171
-----------------------------------
خاصية CSS Display هي إحدى الخصائص الأساسية في CSS التي تسمح للمطورين بتحديد كيفية عرض العناصر في صفحة الويب. تتضمن هذه الخاصية ثلاثة قيم رئيسية هي: block و inline و inline-block.
قيمة Display Block تجعل العنصر يشغل مساحة كاملة في العرض ويبدأ عرضه من سطر جديد، ويمكن للعنصر أن يحتوي على عناصر أخرى داخله. تستخدم قيمة Display Block بشكل رئيسي لإنشاء بنية الصفحة وعرض العناصر الأساسية مثل div وsection وheader وfooter وغيرها.
قيمة Display Inline تجعل العنصر يعرض داخل سطر النص ويقتصر على مساحة المحتوى الذي يحتوي عليه، ولا يمكن للعنصر أن يحتوي على عناصر أخرى داخله. يستخدم عادةً لعرض العناصر النصية مثل الروابط والنصوص والصور.
قيمة Display Inline-block تجعل العنصر يعرض داخل سطر النص ويمكن له أن يحتوي على عناصر أخرى داخله، ولكنه لا يشغل مساحة كاملة في العرض كما في قيمة Display Block. يستخدم عادةً لعرض العناصر النصية التي تحتوي على عناصر أخرى داخلها مثل الأزرار والحاويات.
يمكن استخدام خاصية Display بشكل واسع في تصميم صفحات الويب لتحديد كيفية عرض العناصر وتنظيمها في الصفحة. عند استخدام هذه الخاصية، يجب أن يتم اختيار القيمة المناسبة بناءً على نوع العنصر والتصميم المطلوب. يجب الاهتمام بتنظيم وترتيب العناصر بطريقة مناسبة وجعلها سهلة القراءة والاستخدام للمستخدم.
عند استخدام قيمة Display Block، يجب الانتباه إلى أن العناصر ستشغل مساحة كبيرة في الصفحة، وقد يؤثر ذلك على تنظيم الصفحة وسرعة التحميل. وعند استخدام قيمة Display Inline، يجب الانتباه إلى أن العناصر لن تستطيع أن تحتوي على عناصر داخلها، وقد تؤثر ذلك على التصميم والتنظيم. وعند استخدام قيمة Display Inline-block، يجب الانتباه إلى أن العناصر قد تشغل مساحة كبيرة في الصفحة إذا تم استخدامها بشكل غير مناسب.
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «#43 | شرح display block - inline - inline block», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.