iHMahmoodi
Visual Designer

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

How to control layout and element view with Display property in 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.com/AsteriXarts

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

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

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

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

در خبرنامه ما عضو شوید
در خبرنامه ما عضو شوید
آخرین مطالب آموزش های ما را هر هفته در ایمیل خود داشته باشید.
شما می توانید در هر زمان عضویت خود را لغو کنید.
عضویت
اطلاع از
guest
0 نظرات
Inline Feedbacks
نمایش همه‌ی نظرات