الرئيسية المنتدى مركز رفع الصور صفحتنا على الفيس قناة اليوتيوب صفحتنا على تويتر واتس اب قوانين المنتدى
منتدى مجمع التطوير    

العودة   منتدى مجمع التطوير > المنتدى المتخصص > لغـات البرمجـة والمشـاريع الجـاهزة > برمجة الويب web development

الملاحظات

برمجة الويب web development يهتم ببرامج الويب php, Sql, Java ,asp.net ,xml ,html

آخر 10 مشاركات ملف ال robots.txt وتوجيه عناكب محركات البحث لموقعك (الكاتـب : admin - مشاركات : 2 - المشاهدات : 250 - الوقت: 01:24 PM - التاريخ: 07-21-2021)           »          أهلا وسهلا أليت تيم رياك (الكاتـب : رياك مشار - مشاركات : 2 - المشاهدات : 178 - الوقت: 05:58 PM - التاريخ: 07-03-2021)           »          تحميل لعبة فرايدي نايت فانكن Friday Night Funkin للكمبيوتر 2021 (الكاتـب : الادارة كريم - آخر مشاركة : admin - مشاركات : 2 - المشاهدات : 418 - الوقت: 10:41 PM - التاريخ: 07-01-2021)           »          برنامج البيع بالتقسيط مجاني مصمم بالاكسيس (الكاتـب : ابن الوليد - آخر مشاركة : admin - مشاركات : 1 - المشاهدات : 559 - الوقت: 04:37 AM - التاريخ: 06-25-2021)           »          الصحابي الجليل سعد بن معاذ الأنصاري (الكاتـب : admin - مشاركات : 0 - المشاهدات : 206 - الوقت: 01:25 AM - التاريخ: 06-25-2021)           »          كيفية صلاة الحاجة (الكاتـب : admin - مشاركات : 0 - المشاهدات : 201 - الوقت: 12:13 AM - التاريخ: 06-25-2021)           »          Format FactoryV5.7.5.0 (الكاتـب : admin - مشاركات : 0 - المشاهدات : 229 - الوقت: 11:01 PM - التاريخ: 06-24-2021)           »          رجل أقسم بأن لا يتزوج حتى يشاور مائة رجل (الكاتـب : admin - مشاركات : 0 - المشاهدات : 230 - الوقت: 09:57 PM - التاريخ: 06-24-2021)           »          سلاحف الننجا2 (الكاتـب : admin - مشاركات : 2 - المشاهدات : 360 - الوقت: 02:31 AM - التاريخ: 06-22-2021)           »          كيفية عمل رسم بياني في Excel وإضافة مرئيات إلى تقاريرك (الكاتـب : الادارة كريم - آخر مشاركة : admin - مشاركات : 1 - المشاهدات : 219 - الوقت: 04:56 PM - التاريخ: 06-21-2021)

إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
  #1  
قديم 05-29-2021, 03:30 AM
الصورة الرمزية الادارة كريم
الادارة كريم 
..:: المـديـر العــام ::..
 
تاريخ التسجيل: May 2021
الدولة: مصر
المشاركات: 397
معدل تقييم المستوى: 17
الادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to behold


Question أساسيات لغة css

 

أساسيات لغة css
في هذه الصورة رمزنا لعنصر html باللون الأخضر ، واللون الأصفر يرمز للإزاحة الداخلية padding لهذا العنصر ، واللون البرتقالي يرمز للإزاحة الخارجية margin لنفس العنصر ، وبالتالي تبين هذه الصورة ككل الحيز الفعلي الذي يحتله عنصر html في الصفحة ، إذ أن كل عنصر لديه مقدار افتراضي كقيمة للخاصية padding وآخر افتراضي كقيمة للخاصية margin يختلفان من متصفح إلى آخر.


ومن هذه الصورة نستنتج تعريفا أوضح للخاصيتين:


خاصية padding : تأخذ القيمة ب px أو em أو % ، وهي مقدار الإزاحة بين عنصر html وحدوده.
خاصية margin :تأخذ القيمة ب px أو em أو % ، وهي مقدار الإزاحة بين حدود عنصر html والعناصر الأخرى.


التطبيق العملي للخاصية margin

تستخدم الخاصية margin إما مجردة هكذا بقيمة واحدة لجميع الإتجاهات ، أو بقيمتين : الأولى ل top و bottom والثانية ل left و right ، أو بأربع قيم لكل إتجاه على حدا بدءا ب top ثم right ثم bottom ثم left في اتجاه عقارب الساعة ، أو تستخدم مع إضافة الإتجاه بالشكل التالي:
margin-top
margin-bottom
margin-right
margin-left


سنجرب ذلك مع كود html التالي:



ديفات ب id مختلف و class واحدة سنستخدمها للتنسيقات الموحدة ، وهذا هو كود css وخاصية margin مؤجلة :




وهذه هي النتيجة:


سنبدأ بتطبيق قيمة واحدة لكل الإتجاهات بالنسبة للخاصية margin التي سنضعها للكلاس:




والنتيجة تباعد الديفات عن بعضها بنفس المقدار ومن جميع الإتجاهات:


الآن سنبدأ في تخصيص كل ديف على حدا ب margin معين وبمختلف الطرق التي تعلمناها :




والنتيجة :




هذا فقط للتمكن من صيغة الكتابة ، يمكنك تجريب القيم ومختلف الطرق على ديف واحد والملاحظة ، وإن شاء الله في المستقبل مع الأمثلة العملية الحقيقية لن يكون هناك مشكل بإذن الله.


نكتفي بهذا القدر وموعدنا في الدرس القادم مع الجزء الثاني من الإزاحة في لغة css ، وفي انتظار ذلك ، دمتم في رعاية الله وحفظه.


الموضوع الأصلي : أساسيات لغة css || الكاتب : الادارة كريم || المصدر : منتدى مجمع التطوير

 

رد مع اقتباس
قديم 05-29-2021, 10:12 PM   #2
admin
✯ ادارة المنتدى ✯
 
الصورة الرمزية admin
 
تاريخ التسجيل: Mar 2021
الدولة: مصر
المشاركات: 722
معدل تقييم المستوى: 10
admin is a splendid one to beholdadmin is a splendid one to beholdadmin is a splendid one to beholdadmin is a splendid one to beholdadmin is a splendid one to beholdadmin is a splendid one to behold


افتراضي

مشكور وبارك الله فيك
admin متواجد حالياً
 
رد مع اقتباس
قديم 06-06-2021, 02:48 AM   #3
الادارة كريم
..:: المـديـر العــام ::..
 
الصورة الرمزية الادارة كريم
 
تاريخ التسجيل: May 2021
الدولة: مصر
المشاركات: 397
معدل تقييم المستوى: 17
الادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to behold


افتراضي

مرورك الاروع

نورت
الادارة كريم غير متواجد حالياً
 
رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

 

موقع ومنتديات مجمع التطوير موقع يختص بالبرمجة والبرامج المساعدة  للتصاميم والأدوات المساعدة ,مع تقديم العون والمساعدة لكل مبرمج من خلال الأقسام المحددة , كما نعرض الأعمال الجاهزة والمفتوحة المصدر. ويهتم أيضا بالتصاميم والجرافيك وبرامجها وعرض التصاميم وملحقات التصاميم والأدوات المساعدة .كما نتمنى التوفيق لنا ولكم مع أجمل تحية مقدمة منا. 

  • الرئــيســية

  • الــمنــتـدى

  • مركز الرفع

  • التسـجـيل

  • قوانين المنتدى

  • التعـلـيمـات

  • الترقيات

check pagerank

 Flag Counter

كلمة الإدارة  منتدى مجمع التطوير غير مسئول عن أي طرح من الأعضاء فتلك الموضوعات تعبر عن رأى صاحبها ومن خلال وضع قوانين وتعليمات المشاركة بالمنتدى نسعى جاهدين لتطبيق تلك التعليمات. والمنتدى أيضا غير مسئول عن أي اتفاق مالي أو تجارى بين الأعضاء وبذلك تعد هذه الصيغة إخلاء مسئولية من جانب إدارة المنتدى وفقنا ووفقكم الله لما فيه الخير
 
الساعة الآن 06:20 PM


Powered by vBulletin® Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.
جميع الحقوق محفوظة لمجمع التطوير