همانطور که در مباحث قبلی آموزش طراحی سایت، در فیلم آشنایی با عناصر inline level و block level بیان کردیم، عناصر html از نظر نحوه نمایش به دو گروه inline level و block level تقسیم می شوند. در این فیلم آموزشی خواهید آموخت که با مشخصه display در css می توان نحوه ی نمایش یک عنصر را بصورت بلاک، خطی، لایه مخفی، جدول و … مشخص کرد.
آنچه در این فیلم آموزشی خواهید آموخت :
- آشنایی با مشخصه display با مثال های کاربردی
- آشنایی با مقادیر مشخصه display از جمله block, inline, inline-block, none, list item
- نحوه ی مخفی سازی یک عنصر با مشخصه display
- ایجاد یک لیست از آیتم های مختلف بامشخصه display
برای درک بهتر مفهوم display در css، فیلم آموزش تنظیم طول و عرض (width-height) عناصر در css را می توانید مشاهده کنید.
اگر می خواهید با مقادیر جدولی property ی display آشنا شوید، می توانید فیلم آموزش نمایش عناصر بصورت جدولی را مشاهده کنید.
[hdplay id=50]
برای دانلود فیلم آموزشی و اسنیپت های آموزش مربوطه از لینک های زیر استفاده کنید :
[free_vip]
[video_download cat=’html’ url=’http://dl.onliner.ir/css-videos/display-property.mp4′]دانلود فیلم آموزش کاربرد مشخصه display در CSS[/video_download]
[/free_vip]
دسترسی سریع :
- آموزش قبلی : فیلم آموزش طراحی بخش راهنمای فروشگاه اینترنتی با HTML, CSS
- آموزش بعدی : فیلم آموزش تنظیم طول و عرض (width-height) عناصر در CSS
- لیست فیلم ها : فیلم های آموزش جامع CSS
10 دیدگاه دربارهٔ «فیلم آموزش کاربرد مشخصه display در CSS»
اقا این فایل دانلود نمی شه یا نذارید یا وقتی فایل واسه دانلود می گذارید درست بگذارید
سلام و درود
مشکلی در دانلود فایل نیست.
لطفا مجدد کنترل کنید
شاد و موفق باشید
سلام
اگر امکان داره در مورد flex و gride که میشه به خاصیت display اعمال کرد هم توضیح بدید.
سلام
میشه ی توضیح بیشتری در مورد عناصر inline-block داده بشه؟
با تشکر
با عرض سلام و احترام خدمت شما
عناصر inline-block از نظر ارتفاع قابلیت استفاده از padding, margin و … را براحتی در اختیار شما بعنوان طراح وب می گذارند، اما در عین حال، وقتی عنصر دیگری که inline و یا inline-block باشد و بعد یا قبل از این عنصر قرار گرفته باشد، کنار آن نمایش داده خواهد شد و در یک ردیف جدید قرار نخواهد گرفت. (بدون نیاز به اینکه آن را شناور – float – کنید)
با عرض سلام چرا هنگام زدن پخش انلاین فیلم این ارور را می دهد
the request video is not fond or access denied
لطفا پاسخ دهید
به زودی مشکل رفع خواهد شد.
بازتاب: آموزش CSS | آموزش کاربرد مشخصه visibility در CSS
بازتاب: آموزش CSS | تنظیم طول و عرض (width-height) عناصر
بازتاب: آموزش CSS | تنظیم طول و عرض (width-height) عناصر در CSS