الدرس الثانى عشر (12) CSS| تصميم مواقع ~ inline-block & Align

الدرس الثانى عشر (12) CSS| تصميم مواقع ~ inline-block & Align

فى الدرس السابق تحدثنا عن خاصية Float وقمنا بشرح كيفية استخدامها لتعويم العناصر على الصفحه يمينا ويسارا، وقمنا بتوضيح شىء مهم جدا وهو أن العناصر التى تلى العنصر ذو خاصية float تقوم بالالتفاف والتعويم حوله،
ولحل هذه المشكله ذكرنا خاصية تسمى clear نستخدمها مع العناصر التى لا نريدها تتأثر بأى عناصر أخرى تأخذ خاصية float.

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

أيضا نشرح فى الفيديو كل الطرق التى يمكننا بها تحديد محاذاة العنصر يمينا أو يسارا، إما بإستخدام خاصية position أو باستخدام خاصية float .

أترككم مع الفيديو ▼
الجروب الخاص بمتابعة الكورس على الفيسبوك .


مقالات من رادار قد تنال إعجباك :

أفضل 30 موقع لتتعلم أى شىء على الانترنت
شكرا لك على التعليق