در ادامه ی مباحث آموزش طراحی سایت، به یکی از مهم ترین قسمت های طراحی وب که Box Model می باشد، می پردازیم. تمامی عناصر html را می توان بصورت یک چهارضلعی یا جعبه (box) در نظر گرفت، که هر box، شامل محیط اطراف یک عنصر می باشد که دارای border, padding, margin و content (محتوا) است.
برای شروع مبحث Box Model در CSS، به معرفی مشخصه ی padding می پردازیم که تعیین کننده ی فاصله ی بین محتوای درونی عنصر با حاشیه آن است. در انتهای فیلم آموزشی، فرم کوتاه (short hand) این property را با مقادیر مختلف برای شما توضیح خواهیم داد.
به شما پیشنهاد می کنیم که فیلم های دیگر مربوط به Box Model را که توسط آنلاینر تهیه شده است، مشاهده کنید :
- آموزش نحوه ایجاد کادر برای عناصر صفحه وب با مشخصه border در css
- معرفی مشخصه margin در CSS
- آموزش محاسبات Box Model در CSS
[hdplay id=66]
برای دانلود فیلم آموزشی و اسنیپت های آموزش مربوطه از لینک های زیر استفاده کنید :
[free_vip]
[video_download cat=’html’ url=’https://onliner.co/css-videos/padding.mp4′]دانلود فیلم آموزشی معرفی مشخصه padding در CSS[/video_download]
[/free_vip]
دسترسی سریع :
- آموزش قبلی : فیلم آموزش ساخت منوی آکاردئونی (کشویی) با CSS
- آموزش بعدی : فیلم آموزش نحوه ایجاد کادر برای عناصر صفحه وب با مشخصه border در CSS
- لیست فیلم ها : فیلم های آموزش جامع CSS
