KZhead
Ғылым және технология

#5 شرح كامل عن box model | border- margin - padding

Abdelrahman Gamal
2023 ж. 27 Мам.
63 197 Рет қаралды
Жүктеу

يمكنك مذاكرة درس ال margin و حل الاختبار من هنا من هنا |
nouvil.net/css-play-ground/cs...
-----------------------------------
يمكنك مذاكرة درس ال border و حل الاختبار من هنا من هنا |
nouvil.net/css-play-ground/cs...
-----------------------------------
يمكنك مذاكرة درس ال padding و حل الاختبار من هنا من هنا |
nouvil.net/css-play-ground/cs...
-----------------------------------
يمكنك مذاكرة درس ال width/height من هنا من هنا |
nouvil.net/css-play-ground/cs...
-----------------------------------
للتواصل معي :
instagram |
/ abdelrahman_noufal
-----------------------------------
facebook |
/ abdelrahman.g.nofal
-----------------------------------
جروب الفيسبوك الخاص بنا |
/ 1810581845642171
-----------------------------------
هذا الفيديو في يوتيوب يشرح Box Model في CSS، وهو نظام يستخدم في تصميم صفحات الويب لتحديد وتنظيم عناصر الصفحة وتحديد المساحة المحجوزة لكل عنصر.
يستخدم الفيديو أمثلة عملية ورسوم توضيحية لتوضيح كيفية عمل Box Model في CSS، وكيفية استخدام الحدود (Borders) والهوامش (Margins) والتباعدات الداخلية (Padding) لتحديد المساحات المختلفة في العناصر في صفحات الويب. يقوم المتحدث بشرح مفصل لل Box Model وكيفية استخدام الحدود والهوامش والتباعدات الداخلية في CSS، وكيفية تطبيقها في تصميم صفحات الويب.
يشرح الفيديو أيضًا الفروق الرئيسية بين الحدود والهوامش والتباعدات الداخلية وكيفية استخدامها بشكل صحيح في CSS. يتحدث المتحدث عن كيفية استخدام الحدود لتحديد حدود العناصر في صفحات الويب، وكيفية استخدام الهوامش لتحديد المسافات بين العناصر، وكيفية استخدام التباعدات الداخلية لتحديد المسافات داخل العناصر.
يعتبر هذا الفيديو مفيدًا للمبتدئين الذين يتعلمون CSS، حيث يشرح المفاهيم الأساسية لـ Box Model وكيفية استخدام الحدود والهوامش والتباعدات الداخلية لتحديد المساحات في صفحات الويب. كما يمكن للمحترفين استخدام الفيديو لتجديد معرفتهم بـ Box Model والحدود والهوامش والتباعدات الداخلية، والتأكد من استخدامها بشكل صحيح في تصميم صفحات الويب. يعتبر الفيديو مفيدًا لأولئك الذين يرغبون في تحسين مهاراتهم في CSS وتطوير مواقع الويب الخاصة بهم.

Пікірлер

  • اكتر شخص مظلوم عاليوتيوب

    @user-fp6ft2rs8q@user-fp6ft2rs8q10 ай бұрын

    • أتفق جدا.

      @user-kx6mw7mq4w@user-kx6mw7mq4w9 ай бұрын

    • أتفق معاك والله

      @omnya6104@omnya61045 ай бұрын

  • شرحك بسيط وحلو يدخل للقلب على طول محتوى رائع وعبقري تستاهل مليون مليون مشاهدة

    @gsmfix9401@gsmfix94013 ай бұрын

  • أنا مفهمتهاش حرفيا من أي حد غيرك ربنا فهمهالي علي أيدك جزاك الله خيرا

    @mahmoudamier@mahmoudamier6 ай бұрын

  • رنا يجزيك خير علي كل واحد استفاد من الشرح العبقري دا ❤️❤️❤️❤️

    @omarsaper1861@omarsaper186110 ай бұрын

  • ماشاء الله ابداع في الشرح ،حتى صوتك مريح جدا للسمع ،نسأل الله ان يجعل هذا الشرح في ميزان حسناتك

    @adelabdullah7910@adelabdullah79102 ай бұрын

  • ياخي انت عظمة في توصيل المعلومة❤❤

    @keroloswaheeb7175@keroloswaheeb71758 ай бұрын

  • الله الله على الابداع والتميز

    @zinness@zinness8 ай бұрын

  • ربنا يبارك فيك ويحفظك ويكرمك يا هندسه

    @MahmoudAhmed-fg3jg@MahmoudAhmed-fg3jg7 ай бұрын

  • ربنا يكرمك ويجعلو في ميزان حسناتك 🥰

    @mostafayasser4446@mostafayasser44469 ай бұрын

  • جزاك الله خيرا بجد شرح متميز اوي اللهم بارك... ربنا يسدد خطاك

    @zienabkhaled2899@zienabkhaled28992 ай бұрын

  • the best course :)

    @Mu74697@Mu746978 ай бұрын

  • ما شاءالله شرحك مميز فكيت كربة عنا ❤

    @user-yi5zy5fi1z@user-yi5zy5fi1z10 ай бұрын

  • انت ممتاذ والله العظيم ربنا يجزيك كل خير

    @user-oz3yk1vu9i@user-oz3yk1vu9i4 ай бұрын

  • جزاك الله خير ، بارك الله فيك ❤

    @mohamedabdlafatah3221@mohamedabdlafatah32219 ай бұрын

  • best cours best Mr. and best channel

    @user-rv9cu8ws6d@user-rv9cu8ws6d9 ай бұрын

  • شرح رائع جدا

    @jamalbenaissa4924@jamalbenaissa49247 ай бұрын

  • your the best man thanks a lot for this very useful content

    @letustravel2685@letustravel26855 ай бұрын

  • keep going brooo

    @motivation_king1@motivation_king15 ай бұрын

  • جزاك الله خيرا بجد شرح ممتاز جدا

    @user-bh5jd6hw4f@user-bh5jd6hw4f2 ай бұрын

  • الله ينور يا بشمهندس

    @mohamedwagdy3281@mohamedwagdy32813 ай бұрын

  • thank you very much my brother for your precious help and for your dedication to give us the best of your best courses

    @learnenglisheasily9698@learnenglisheasily96989 ай бұрын

  • ما شاء الله ربنا يباركلك

    @karmaa85@karmaa8510 ай бұрын

  • ماشاء الله اللهم بارك، شرح روعة 👍👍👍👍🙏

    @maghribiyahora2415@maghribiyahora2415Ай бұрын

  • السلام عليكم مساء الخير الله يعطيك العافيه ❤

    @error_150@error_15011 ай бұрын

  • شكرااااا❤

    @tt4m@tt4m7 ай бұрын

  • تسلم اسكندرية كلها اقسم بالله ♥♥

    @asalla-eliwa@asalla-eliwa3 ай бұрын

  • جزاك الله خير استاذ

    @homamalmasry1685@homamalmasry168510 ай бұрын

  • ربنا يكرمك ويجعلو في ميزان حسناتك ☺ بارك الله فيك

    @khawlarima4222@khawlarima42222 ай бұрын

  • يارب الله يسعدك و يزرقك

    @mash6ob535@mash6ob53511 ай бұрын

  • عمي فديواتك ادمان

    @ameeralhello@ameeralhello4 ай бұрын

  • مشكو ر ياهندسه

    @AsomyTraiget@AsomyTraiget10 ай бұрын

  • بارك الله فيك

    @plsman2465@plsman24656 ай бұрын

  • h1{ border: 10px red dashed; width: 120px; height: 300px; padding: 10px; } شكرا على الشرح الجميل ولكن لا تعطينى اى اطار

    @ismaelomer2372@ismaelomer23728 ай бұрын

  • عظيم ♥️♥️♥️♥️♥️

    @Hazem_khedr@Hazem_khedr9 ай бұрын

  • الله يعطيك العافيه

    @user-wp9uj8mk7p@user-wp9uj8mk7p5 ай бұрын

  • شرح ولا ارووووع

    @user-hy6tf4go8q@user-hy6tf4go8q4 ай бұрын

  • شكرا لك ❤❤❤❤

    @user-yo2lh7ps9j@user-yo2lh7ps9j10 ай бұрын

  • Thank uu very much ❤️

    @zeinebkefeya1946@zeinebkefeya19466 ай бұрын

  • dank je wel

    @SaharMahmoud-ih7ku@SaharMahmoud-ih7ku11 күн бұрын

  • thank you very much 😊😊😊😊👏👏👏👏👏

    @abdelhakimlatreche@abdelhakimlatreche9 ай бұрын

  • شكرا ❤

    @user-dd5zi3pb6c@user-dd5zi3pb6cАй бұрын

  • thank you verry much 🤩🤩

    @aepraepr2204@aepraepr2204Ай бұрын

  • شكرا كتير الك عنجد هاد افضل شرح بشوفو شكرا كتير الك

    @mindsimmigration2981@mindsimmigration29814 ай бұрын

    • افضل من اسامة الزيرو ؟

      @bsyr9518@bsyr9518Ай бұрын

  • شرحك خرااااافي وافهم عليك عالطاير 😂

    @user-xh3jn7uj7m@user-xh3jn7uj7m5 ай бұрын

  • Thank you

    @aymanbkd5153@aymanbkd51535 ай бұрын

  • ty

    @mahmoudamier@mahmoudamier6 ай бұрын

  • ما تبخلو ب like لي الفيديو يا شباب ❤❤ عشان ندعم المحتوى الجميل دا

    @Holy_Quran-114S@Holy_Quran-114S6 ай бұрын

  • ❤❤❤❤❤❤❤❤

    @Followers46533@Followers465338 ай бұрын

  • ❤❤❤❤❤❤

    @sayedzakaria1906@sayedzakaria19064 ай бұрын

  • 💚💚

    @Mhmoud_Alnagdy@Mhmoud_Alnagdy11 ай бұрын

  • ❤❤❤❤

    @rolexfn8iw@rolexfn8iw9 ай бұрын

  • 🥰🥰🥰

    @marwanabushanb3744@marwanabushanb374411 ай бұрын

  • هل استخدم width وheight ولا لا

    @user-zw2kv7oh1u@user-zw2kv7oh1u10 ай бұрын

  • ممكن سؤال انت عامل الانيمشن ازاي ؟

    @mohamedhesham5877@mohamedhesham587711 ай бұрын

  • هو انا ينفع استغل ب الويب بس ولازم اتعلم انجليزي عشان اشتغل

    @abdoelkenany6971@abdoelkenany69716 ай бұрын

    • مش شرط كدا كدا هتتعلم انجلش في البرمجة

      @user-iy1qi6ht8u@user-iy1qi6ht8u4 ай бұрын

  • @mariemmohamed-xx3ns@mariemmohamed-xx3ns8 ай бұрын

  • if padding or margin has three values mean the first is the top and the second is for right and left and the third value is for the bottom ......

    @afefalyafeai3604@afefalyafeai3604Ай бұрын

    • that's true

      @mongizribi8894@mongizribi889429 күн бұрын

    • @@mongizribi8894 I am really appreciating you our teacher I have no words to explain but to be honest the way you explain it’s just amazing… hope allah will always protect you and bless you thank you again 🫶🏻

      @afefalyafeai3604@afefalyafeai360429 күн бұрын

  • 👍🏻🤍

    @mary-jv5wi@mary-jv5wi7 ай бұрын

  • معم يمشي الحال بملف cssليش

    @l.l.amusic5896@l.l.amusic58967 ай бұрын

    • عرفت حل؟

      @user-vn4kw4mj3x@user-vn4kw4mj3x7 ай бұрын

    • عند فتح ملف html أفتحوا كذلك folder سموه css وأفتحوا فيهfile سموه إسم قبل ماتسموه ضعوا داش # الإسم الذي كتبتموه في file أكتبوه في

      @chaimasoudani4734@chaimasoudani47344 ай бұрын

  • السلام عليكم الله يعطيك العافيه شكرا ياليت تشرح لنا بالتفصيل slider و nav القوائم كيف إنشائها

    @error_150@error_1505 ай бұрын

  • بارك الله فيك

    @SamGoldenMan@SamGoldenManАй бұрын
KZhead