آموزش جامع CSS: چطور حالت‌های نمایش یک شی در صفحه را کنترل کنیم؟
از ویژگی display برای تعیین نوع ساختار یک عنصر استفاده می شود. هر عنصری در صفحات وب یک مستطیل محسوب می شود و نوع ساختار هر عنصر رفتار آن عنصر را در یک صفحه مشخص می کند.
در CSS دو نوع چارچوب اصلی وجود دارند: inline و block. اگر عنصری دارای چارچوبی از نوع inline باشد زمانی که در ادامه یک خط قرار می گیرد, آن خط شکسته نمی شود و عنصر به خط بعدی نخواهد رفت و عناصر بعد از آن هم اگر از همین نوع باشند در ادامه آن عنصر در همان خط قرار خواهند گرفت.
در مقابل عناصر خطی, عناصری که چارچوب block دارند در حالت پیشفرض در یک خط با عناصر دیگر قرار نمی گیرند و کل فضای افقی را می گیرند عناصر block در مقابل با عناصر inline می توانند هر نوع عنصری (block و inline) را درون خود داشته باشند.
در ویدیو های بعدی هم به نکات بیشتری در مورد CSS می پردازم. پس لطفا عضو کانال بشید و دکمه زنگ رو هم بزنید تا در صورتی که ویدیوی جدید منتشر کردم خیلی سریع از اون مطلع بشید.
در صورتی که این ویدیو برای شما مفید بود لطفا با دوستانتون در شبکه های اجتماعی به اشتراک بگذارید.
من را در شبکه های اجتماعی دنبال کنید تا در جریان مطالب مرتبط با این موضوع (آموزشی، اخبار و…) و همچنین مطالب مفید دیگری قرار بگیرید.
وبلاگ حسین محمودی «iHMahmoodi» | طراح رابط کاربری UI/UX 