هل عندك صعوبة في التفريق بين
ال margin و padding
تابع معي في هذا الثريد ماهو معنى padding وماهو معنى margin
قبل فهم الMargin و الPadding يجب عليك فهم فكرة رئيسية في Css وهي الBox Model
الBox Model يظهر في الصورة اسفل حيث يكون لدينا محتوى يعلوه Padding ثم Border ثم Margin
ولان الموضوغ فقط على ال Margin و الPadding سوف أشرح الامر كالتالي :
Margin :
يقصد به الهوامش الخارجية اي بمعنى خارج العنصر
Padding :
يعتبر كذلك من العناصر الهامة جدا في Css والمقصود به هو العناصر الداخلية او الهوامش الداخلية لعنصر ما
الفرق بين Margin و Padding : يمكن اختزال
الفرق في مثال بسيط وهو مثال الفيلا , هناك مثلا رجل اعمال اراد بناء فيلا في منطقة , واراد ان يوسع الفيلا من الخارج بمعنى ان بوسع مساحة الفيلا من الخارج لاضافة وسائل الترفيه كالمسبح الخ… حينئذ سوف يستعين بالMargin لكي يوسع الفيلا من الخارج , لكنه هو في داخل منزله وجد
انه ضيق واراد توسعته , بمعنى ان المنزل الخاص بالفيلا يحتاج للتوسعة وهو اذن يحتاج مساحة داخلية اي توسعة من الداخل وبالتالي سوف نستعمل Padding اتمنى ان الفكرة وصلت
• • •
Missing some Tweet in this thread? You can try to
force a refresh
هل انت مبتدء في عالم برمجة مواقع الويب
تابع معي في هذا الثريد اهم عناصر HTML5 للعناصر الانشائية لهيكلة الصفحة
رتويت ومتابعة ليصلك اي جديد
<article>تعرف مقال في الوثيقة
<aside>عرف المحتوى بجانب صفحة المحتوى
<bdi>تعرف جزء من النص التي يمكن تنسيقها في اتجاه مختلف عن نص آخر
<details>تعرف التفاصيل الإضافية التي يمكن للمستخدم عرض أو إخفاء
<dialog>تعرف مربع حوار أو نافذة
<figcaption>تعرف توضيحية ل
<figure> العنصر<figure>يعرف محتوى بذاتها، مثل الرسوم التوضيحية والرسوم البيانية والصور وقوائم الرموز، الخ
<footer>تعرف تذييل للمستند
<header>يحدد رأس للمستند اوقسم
<main>
يحدد المحتوى الرئيسي من وثيقة
<mark>
وتعرف ملحوظ أو تسليط الضوء النص
<menuitem>
يحدد عنصر الأمر / القائمة التي يمكن للمستخدم الاحتجاج من القائمة المنبثقة
<meter>
يعرف قياس العددية ضمن نطاق المعروف