شرح 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; }  

شرح خاصية max-width في CSS

أن استخدام خاصية max-width بدلا من  width فى هذة الحالة سوف يجعل عملية تحكم المتصفح فى النوافذ الصغيرة افضل طبعا. هذة الميزة مهمة جدا عند عمل مواقع للهواتف النقالة. قم بتغيير شاشة المتصفح لتري ما نقصد. لاتقلل فأن max-width مدعومة فى اغلب المتصفحات بما فيها IE7+…

شرح خاصية 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 أهمية للتحكم فى تخطيط شكل الصفحة. وهي مسئولة عن طريقة ظهور العنصر داخل الصفحة. وتحديدا علي يظر العنصر علي نفس السطر او يفرض سطر جديد.