shams 03 خرداد 1393 8 5419 بازدید آموزش 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 آشنا شوید، می توانید فیلم آموزش نمایش عناصر بصورت جدولی را مشاهده کنید.

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

برای دانلود فیلم آموزشی و اسنیپت های آموزش مربوطه از لینک های زیر استفاده کنید :

دسترسی به این بخش مخصوص اعضاست. شما می توانید به رایگان عضو شوید و به این بخش دسترسی داشته باشید. ورود / عضویت

دسترسی سریع :

نظرات کاربران (8)



  1. حمیدرضا

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

  2. محمد

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

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

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


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

    • shams

      به زودی مشکل رفع خواهد شد.