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

مشاوره رایگان

برای مشاوره در زمینه
سایت و سئو
با ما تماس بگیرید.

شبکه های اجتماعی ما
دوره سئو مقدماتی

یک دوره مقدماتی و رایگان سئو که بسیار پربار و سرشار از تجربه مدرس و با کیفیت بالا تهیه شده تا بتوانید در زمان کمتری وب سایت را سئو کنید.

7958 نفر
3 دقیقه
بروزرسانی در: دی 30, 1396
فیلم آموزش کاربرد مشخصه 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.co/css-videos/display-property.mp4′]دانلود فیلم آموزش کاربرد مشخصه display در CSS[/video_download]
[/free_vip]

دسترسی سریع :

به این صفحه رتبه دهید
10 دیدگاه
انتشار: خرداد 3, 1393
طراحی سایت خود را به ما بسپارید!
همین حالا برای مشاوره رایگان اقدام کنید.
طراحی سایت خود را به ما بسپارید!
همین حالا برای مشاوره رایگان اقدام کنید.
  • اقا این فایل دانلود نمی شه یا نذارید یا وقتی فایل واسه دانلود می گذارید درست بگذارید

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

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

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

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

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

آیا نیازمند راهنمایی هستید؟
همین حالا برای مشاوره رایگان اقدام کنید
با پر کردن فرم، یک قدم به رشد آنلاین نزدیک‌تر شوید!
فرم درخواست مشاوره

برای راحتی شما عزیزان می‌توانید اطلاعات خود را در کادر زیر وارد کنید تا کارشناسان ما با شما تماس بگیرند

مشاوره رایگان
پیمایش به بالا