فیلم آموزش آشنایی با مشخصه position ( تعیین موقعیت static و relative عناصر صفحه با CSS )

فیلم آموزش آشنایی با مشخصه position ( تعیین موقعیت static و relative عناصر صفحه با CSS )

آیا می دانید چگونه در چیدمان یک صفحه وب، موقعیت عناصر را می توان تغییر داد؟ positioning این امکان را  به شما می دهد تا مکان یک عنصر را بتوانید تعیین کنید، مثلاً اینکه  موقعیت یک عنصر به عنصر والد خود وابسته باشد یا به پنجره ی مرورگر یا اینکه یک عنصر را بر روی عنصر دیگر قرار دهیم و … . برای positioning باید از مشخصه های left, top, right, bottom و position استفاده کرد.

آنچه در این فیلم آموزشی خواهید آموخت :

  • آشنایی  با مشخصه position در CSS
  • بررسی نحوه ی عملکرد عناصر با مقادیر relative و static (نسبی و استاتیک)
  • نحوه ی ارتباط  property های top, left, right, bottom با مشخصه ی position

در فیلم آموزشی تعیین موقعیت مطلق و ثابت عناصر صفحه با CSS، مقادیر دیگری که property ی position می گیرد را بررسی خواهیم کرد.

[hdplay id=98]

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

[free_vip]
[video_download cat=’html’ url=’https://onliner.co/css-videos/position-relative.mp4′]دانلود فیلم آموزش آشنایی با مشخصه position ( تعیین موقعیت static و relative عناصر صفحه با CSS )[/video_download]
[/free_vip]

دسترسی سریع :

دیدگاه خود را برای ما ارسال کنید

2 Comments
    • محمد
    • ۱۳۹۴-۰۲-۱۷
    پاسخ

    با سلام . من تمرین رو مشابه ویدئو انجام دادم اما موقعی که خاصیت relative رو برای هرسه مربع گذاشتم . مربع های آبی و زرد نسبت به bottom و right با تغییر مقدار عوض نشدن . هم چنین مربع قرمز با تغییر bottm عوض نشدن . اگه میشه علت رو بررسی کنید.
    http://yon.ir/X8WJ

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

      با عرض سلام و احترام خدمت شما
      متاسفانه با توجه به تعداد سوالات کاربران؛ امکان پاسخگویی به سوالات فقط برای ثبت نام کنندگان در دوره های آموزشی فراهم هست.