در جلسه پنجم از آموزش 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 استفاده میشود
در همین زمینه ببینید :
