آموزش جامع CSS: چطور حالت‌های نمایش یک شی در صفحه را کنترل کنیم؟

maxresdefault-6596115
آموزش جامع CSS: چطور حالت‌های نمایش یک شی در صفحه را کنترل کنیم؟

از ویژگی display برای تعیین نوع ساختار یک عنصر استفاده می شود. هر عنصری در صفحات وب یک مستطیل محسوب می شود و نوع ساختار هر عنصر رفتار آن عنصر را در یک صفحه مشخص می کند.

در CSS دو نوع چارچوب اصلی وجود دارند: inline و block. اگر عنصری دارای چارچوبی از نوع inline باشد زمانی که در ادامه یک خط قرار می گیرد, آن خط شکسته نمی شود و عنصر به خط بعدی نخواهد رفت و عناصر بعد از آن هم اگر از همین نوع باشند در ادامه آن عنصر در همان خط قرار خواهند گرفت.

در مقابل عناصر خطی, عناصری که چارچوب block دارند در حالت پیشفرض در یک خط با عناصر دیگر قرار نمی گیرند و کل فضای افقی را می گیرند عناصر block در مقابل با عناصر inline می توانند هر نوع عنصری (block و inline) را درون خود داشته باشند.

 

لیست پخش آموزش جامع سی اس اس به ترتیب: https://www.youtube.com/playlist?list…

عضویت در کانال آموزشی: Youtube.com/AsteriXarts

 


برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی تصویر یا لینک یوتیوب زیر کلیک کنید تا ویدیوی آموزش را ببینید)

آموزش جامع CSS: چطور حالت‌های نمایش یک شی در صفحه را کنترل کنیم؟

 

YouTube ویدئو


در صورتی که سوالی داشتید در قسمت نظرات بپرسید و حتما جواب خواهم داد.

لطفا در کانال عضو شوید و کلید زنگوله رو هم بزنید تا ازآموزش های آینده صفحه آرایی و طراحی گرافیک با خبر شوید.

عضویت در کانال آموزشی: Youtube.com/AsteriXarts

در ویدیو های بعدی هم به نکات بیشتری در مورد CSS می پردازم. پس لطفا عضو کانال بشید و دکمه زنگ رو هم بزنید تا در صورتی که ویدیوی جدید منتشر کردم خیلی سریع از اون مطلع بشید.

در صورتی که این ویدیو برای شما مفید بود لطفا با دوستانتون در شبکه های اجتماعی به اشتراک بگذارید.

من را در شبکه های اجتماعی دنبال کنید تا در جریان مطالب مرتبط با این موضوع (آموزشی، اخبار و…) و همچنین مطالب مفید دیگری قرار بگیرید.

مطالب مرتبط دیگر:

حسین محمودی
حسین محمودی

حسین محمودی هستم، طراح محصول و UI/UX، طراح گرافیکی، صفحه آراء.
تصمیم گرفتم مطالبی در زمینه های مختلفی که بهشون علاقه دارم رو در اینجا قرار بدم که از جمله میشه به طراحی رابط کاربری و تجربه کاربری (UI/UX)، طراحی گرافیک و صفحه آرایی اشاره کرد.

مقاله‌ها: 237

پاسخی بگذارید