فیلم آموزش کاربرد مشخصه display در CSS

فیلم آموزش کاربرد مشخصه display در CSS

همانطور که در مباحث قبلی آموزش طراحی سایت، در فیلم آشنایی با عناصر 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]

دسترسی سریع :

به این صفحه رتبه دهید

10 دیدگاه دربارهٔ «فیلم آموزش کاربرد مشخصه display در CSS»

  1. اقا این فایل دانلود نمی شه یا نذارید یا وقتی فایل واسه دانلود می گذارید درست بگذارید

  2. آواتار حمیدرضا
    حمیدرضا

    سلام
    اگر امکان داره در مورد flex و gride که میشه به خاصیت display اعمال کرد هم توضیح بدید.

  3. سلام
    میشه ی توضیح بیشتری در مورد عناصر inline-block داده بشه؟
    با تشکر

    1. آواتار گروه آموزش طراحی سایت
      گروه آموزش طراحی سایت

      با عرض سلام و احترام خدمت شما
      عناصر inline-block از نظر ارتفاع قابلیت استفاده از padding, margin و … را براحتی در اختیار شما بعنوان طراح وب می گذارند، اما در عین حال، وقتی عنصر دیگری که inline و یا inline-block باشد و بعد یا قبل از این عنصر قرار گرفته باشد، کنار آن نمایش داده خواهد شد و در یک ردیف جدید قرار نخواهد گرفت. (بدون نیاز به اینکه آن را شناور – float – کنید)

  4. با عرض سلام چرا هنگام زدن پخش انلاین فیلم این ارور را می دهد
    the request video is not fond or access denied
    لطفا پاسخ دهید

  5. بازتاب: آموزش CSS | آموزش کاربرد مشخصه visibility در CSS

  6. بازتاب: آموزش CSS | تنظیم طول و عرض (width-height) عناصر

  7. بازتاب: آموزش CSS | تنظیم طول و عرض (width-height) عناصر در CSS

دیدگاه‌ خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

مشاوره رایگان
Scroll to Top