شرح inline-block عرض كمربعات علي السطر

بأمكانك انشاء شبكة من الصناديق التي تمتد بعرض شاشة المتصفح وأيضا تلتف ﻷسفل بشكل جميل.  كنا نفعل ذلك لوقت طويل باستخدام التعويم float ويكن اﻵن مع inline-block أصبح الموضوع سهلا يسيرا. أن عناصر inline-block مثل العناصر السطرية inline لكن لها عرض وطول ، تعال نري كلا المدخلين فى اﻻمثلة…

شرح clear في css

تعتبر خاصية clear مهمة جدا للتحكم في سلوك خاصية التعويم float. قارن بين المثاليين التاليين: كود ملف html: <div class=”box”>…</div> <section>…</section> كود ملف CSS: .box { float: left; width: 200px; height: 100px; margin: 1em; } .simple { width: 500px; margin: 20px auto; }  

شرح خاصية Box sizing CSS

كما قلنا سابقا لكي تحصل علي عرض الصندوق كما تريد لا بد ان تأخذ فى الحسبان قيمة سمك الحد border والحشو padding . لكن مع  خاصية Box sizing CSS  الجديدة فى CSS لن تتعب نفسك فى عمليات حساب وطرح كل ما عليك هو ان تقرر…

شرح نموذج الصندوق في css

بما اننا نتحدث عن عرض width العنصر. ﻻبد ان نلقي نظرة علي الموضوع اﻻهم فى العرض width وهو نموذج الصندوق في CSS . عندما تضبط عرض عنصر HTML  من الممكن ان يبدو  اكبر من العرض الذي خصصتة له، ما السبب؟

شرح margin في css لتخطيط الصفحة

عندما تضبط width بقيمة محددة  لاي عنصر من نوعية block  سوف يمنعة من ان يتمدد يمينا او يسارا خارج الوعاء الذي بداخلة وأن ضبط الهامش الايمس والايسر بقيمة auto سوف يجعل العنصر من نوعية block يتوسط الوعاء الذي بداخلة افقياً كي يبدو كما لو كان في منتصف…

شرح لغة css صفحة بدون مخطط

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

شرح display في css

تعتبر خاصية display من اهم خصائص css أهمية للتحكم فى تخطيط شكل الصفحة. وهي مسئولة عن طريقة ظهور العنصر داخل الصفحة. وتحديدا علي يظر العنصر علي نفس السطر او يفرض سطر جديد.

WordPress Theme built by Shufflehound.