قسم: شرح لغة css

شرح 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...

شرح خاصية التعويم CSS Float

أن خاصية التعويم  float من خصائص CSS المستخدمة بكثرة فى تخطيط المواقع. التعويم float يقصد به ان تجعل النصوص تلتف حول الصورة داخل وعاء محدد. .img { float: right; margin: 0 0 1em 1em; }

شرح خاصية Box sizing CSS

شرح خاصية Box sizing CSS

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

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

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

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

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

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

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

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