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

0

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

 

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

 

 

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

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

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

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

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

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

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

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

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

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

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

 

بیشتر ببینید:
چرا با تغییر پورت 80 همچنان برنامه xampp کار نمیکند

نکته :

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

۰/۵ (۰ Reviews)

ارسال یک پاسخ

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

شانزده + هشت =

میخواهم دوره های بالا رو دانلود کنم
close-link
+