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

يمكنك مذاكرة درس ال margin و حل الاختبار من هنا من هنا |
nouvil.net/css...
-----------------------------------
يمكنك مذاكرة درس ال border و حل الاختبار من هنا من هنا |
nouvil.net/css...
-----------------------------------
يمكنك مذاكرة درس ال padding و حل الاختبار من هنا من هنا |
nouvil.net/css...
-----------------------------------
يمكنك مذاكرة درس ال width/height من هنا من هنا |
nouvil.net/css...
-----------------------------------
للتواصل معي :
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 وتطوير مواقع الويب الخاصة بهم.

[@gsmfix9401]

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

[@user-fp6ft2rs8q]

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

[@abdullah-f2p6y]

أتفق جدا.

[@omnya6104]

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

[@MAHMOUDandMOHAMAD]

فعلا اتفق

[@adelabdullah7910]

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

[@mahmoudamier]

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

[@MAHMOUDandMOHAMAD]

انت حرفيا اجمد حد جامد بطريقه بسم الله ماشاء الله ربنا يباركلك يارب ويرزقك انتا تستاهل كل خير طريقتك ف الشرح ممتازه المعلومه بتوصل وكمان بتيدنا حافز اننا مانزعلش او نيأس اننا مافهمناش حقيقي تستاهل كل الدعم ❤

[@technologic-mk]

ماشاء الله بجد الشرح حلو اوي اوي. ربنا يجازيك خير يارب يا بشمهندس ♥️ اول مره افهم المحتوي ده بالسهوله دي بجد شكرا ❤كمل 👏👏

[@aleinhassan-n8h]

اللله يجزيك لخير ياأخي لكريم ويبعتلك ع قد نيتك يارب

[@MsMo]

كورس ممتاز وسهل فعلاً مجهود عظيم انا بعتمد الدروس مرجع مع اني بدرس في أكاديمية في المانيا الا ان شرحك افضل بمراحل

[@araujo_uncle]

الله يجزيك الف خير شفت كورسات بس متل هاد ماشفت ولا استفدت شرح بسيط وبيدخل بالعقل فورا ❤‍🩹

[@zienabkhaled2899]

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

[@Sidra-nabeel]

ماشاءالله تبارك الله حرفيا افظل شرح في اليوتيوب .

[@شعبانعبد-ك1ب]

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

[@تسنيم-ع8س]

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

[@SaRa-tj1yl]

شرح رائح شكرا جزيلا وكثر الله من امثالك وجعله في ميزان حسناتك

[@mostafayasser4446]

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

[@omarsaper1861]

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

[@Huda_linas]

امين

[@Huda_linas]

اخوي صحح كلمة "ربنا" في جملتك

[@keroloswaheeb7175]

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

[@MahmoudAhmed-fg3jg]

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

[@saberfathy3916]

الف شكر علي هذا المحتوى الرائع ❤❤

[@ANANIMOOS-fu8uu]

Thank you for a wonderful and simple lesson 😍🥰

[@zinness]

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

[@learnenglisheasily9698]

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

[@Amododi]

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

[@احمد2-ع6د]

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

[@khawlarima4222]

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

[@al_zaem4751]

ابداع يا عظيمم 😊❤ استمرر كل الدعم لحضرتك

[@asalla-eliwa]

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

[@CutyKoukou]

الله يبارك فيك و يرزقك ماتتمنى

[@maghribiyahora2415]

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

[@marnor-n2q]

best cours best Mr. and best channel

[@nourbakhet1608]

ياريت لو حضرتك تعملنا شرح رياكت باسلوبك الجميل ده ❤

[@mohamedwagdy3281]

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

[@mindsimmigration2981]

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

[@bsyr9518]

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

[@ameeralhello]

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

[@aymanbou4847]

That was gold. Thank you!

[@sarakreem622]

مبدع ياجمال

[@mash6ob535]

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

[@MarwaAl_sala7i]

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

[@ismaelomer2372]

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

[@mahmoudyassen6930]

ف البوردر خلي dashed الاول بعدين red

[@error_150]

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

[@letustravel2685]

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

[@FatimaZahra-k4b]

great ob thank youu very very much cuz you are the best

[@siddigali8986]

شرحك ممتاز

[@AfnaneLifeStyle]

شرح تووووووووووووب👏👏👏👏👏👏

[@jakhanonek6244]

رائع ❤❤

[@Lilashamadi]

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

[@bassantelmokadem1594]

ممتاز شكرا

[@plsman2465]

بارك الله فيك

[@حكآيةلنۆش]

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

[@Holy_Quran-114S]

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

[@tt4m]

شكرااااا❤

[@عبداللهالناصري-س1س]

شكرا لك ❤❤❤❤

[@SalamaOmarSalama]

شكرا جدا جدا

[@Hazem_khedr]

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

[@motivation_king1]

keep going brooo

[@mahera.b9941]

Many thanks!

[@homamalmasry1685]

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

[@abdelhakimlatreche]

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

[@엘라-r8k]

شكرا ❤

[@jamalbenaissa4924]

شرح رائع جدا

[@gameapk46533]

❤❤❤❤❤❤❤❤

[@yousefnasr-g7v]

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

[@zeinebkefeya1946]

Thank uu very much ❤️

[@AsomyTraiget]

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

[@ihsseneihssene-es5vc]

👏👏👏👏👏👏👏👏

[@SaharMahmoud-ih7ku]

dank je wel

[@aymanbkd5153]

Thank you

[@karmaa85]

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

[@MeemAIhadaly]

❤❤❤

[@abdoelkenany6971]

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

[@احمداسعد-م7ن]

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

[@mohamedhesham5877]

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

[@afefalyafeai3604]

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 ......

[@mongizribi8894]

that's true

[@afefalyafeai3604]

@@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 🫶🏻

[@Huda_linas]

بالضبط 💯

[@error_150]

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

[@mahmoudamier]

ty

[@SoheibMazouze]

نقدرو نعمل padding color

[@Huda_linas]

😂

[@Huda_linas]

Background-color

[@Mhghfycdf]

💚💚

[@mariemmohamed-xx3ns]

[@marwanabushanb3744]

🥰🥰🥰

[@l.l.amusic5896]

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

[@modmd-r3i]

عرفت حل؟

[@Majorbot-h2n]

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

[@بشارالحاجعثمان]

لما سمعت منو ما بقا أتقبل صوت حدا غيرو

[@mary-jv5wi]

👍🏻🤍

[@Mizaeducation]

بارك الله فيك

[@aepraepr2204]

thank you verry much 🤩🤩

[@sayedzakaria1906]

❤❤❤❤❤❤

[@rolexfn8iw]

❤❤❤❤