فیلم آموزش کاربرد مشخصه 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 Comments
  1. Pingback: آموزش CSS | تنظیم طول و عرض (width-height) عناصر در CSS

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

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

  4. پاسخ

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

      • shams
      • ۱۳۹۳-۰۸-۱۹
      پاسخ

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

    • محمد
    • ۱۳۹۴-۰۴-۲۶
    پاسخ

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

      • گروه آموزش طراحی سایت
      • ۱۳۹۴-۰۴-۲۶
      پاسخ

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

    • حمیدرضا
    • ۱۳۹۴-۰۷-۱۴
    پاسخ

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

    • mocsharpes
    • ۱۳۹۵-۱۲-۲۶
    پاسخ

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

    • سلام و درود

      مشکلی در دانلود فایل نیست.

      لطفا مجدد کنترل کنید

      شاد و موفق باشید