جلسه ۵۴ : ویژگی ها در css – قسمت ۶ – Box Model

• جزئیات
• نوع محتوافیلم آموزشی

• قیمت149,000 تومان

• افزودن به سبد خرید

با جلسه ۵۴ از آموزش طراحی وب در خدمت شما هستیم در این آموزش به شما مبحث box model را خواهیم آموخت،

box model در CSS

box model در CSS به باکسی گفته می شود که هر المان یا عنصر HTML  در آن قرار می گیرد که شامل margin ،border ،padding و محتوای خود عنصر است.

در تصویر نشان داده شده در زیر مفهوم box model به خوبی شرح داده شده است :

توضیح قسمت های مختلف :

• Content – محتوای باکس، قسمتی که متون و عکس ها قرار می گیرند
• Padding – فضای خالی که اطراف محتوای یک المان قرار می گیرد. 
• Border – خطی که اطراف و بین padding و content قرار می گیرد
• Margin – فضایی که بیرون از border و اطراف عنصر HTML قرار می گیرد
   

box model به ما این امکان را می دهد که اطراف عنصر border اضافه کرده و فضا خالی بین عناصر مختلف ایجاد کنیم :