آموزش position در css برای جابه جایی تگ ها

0
  • در جلسه پنجم از آموزش html و css میپردازم به آموزش position در css برای تعیین موقعیت عناصر صفحه

     

    تعیین موقعیت این امکان را به ما خواهد داد تا موقعیت یک عنصر را در چینش صفحه وب سایت انتخاب کنید . تعیین موقعیت عناصر در صفحه باچهار مقدار top , right , bottom , left و روش های ( absolute , relative , fixed ) انجام میگیرد

     

    مشاهده از یوتیوب:

    https://www.youtube.com/watch?v=wG_6G1vFXSU

     

    نکته : ۲ روش کلی برای جا به جا کردن اشیا در صفحه است :

    ۱-    با استفاده از margin  و padding

    ۲-    با استفاده از position

    نکته در مورد position در css  :

    روش اول : تر کیب absolute  و  relative با هم

    وقتی به یم آیتم موقعیت absolute  مدهیم نسبیت به نزدیکترین parent خود که relative  است

    توسط سوییچ های Top , Button , left , Right  جا به جا میشود

    یعنی یک پرنت relative  تعینن میکنیم و سپس به آیتم که میخواهیم جابه جا شود absolute مدهیم

    روش دوم : استفاده فقط از relative

    یعنی آیتم نسبت به همان جایی که هست تغییر میکند مثلا میگوییم نسبت به جایی که هستی ۲ پیکسل برو بالاتر و …

     

    همچنین ببینید:
    تغییر ظاهر بخش قالب فلت سام

    نکته :

    از مقادیر منفی نیز در سوییچ های Top , Button , left , Right   استفاده میشود

     

    در همین زمینه ببینید :

    طراحی سایت حرفه ای با قالب محبوب پابلیشر

    میانگین امتیازات ۵ از ۵
    از مجموع ۱ رای
    ممکن است شما دوست داشته باشید
    ارسال یک پاسخ

    آدرس ایمیل شما منتشر نخواهد شد.

    این سایت توسط reCAPTCHA و گوگل محافظت می‌شود حریم خصوصی و شرایط استفاده از خدمات اعمال.