آموزش جامع تگ های  important و z-index

با سلام خدمت همه دوستان علاقمند به گرافیک و طراحی سایت.

امروز باآموزش جامع تگ های  important و z-index در خدمتتون هستیم دوستان.

خب هردوی این تگ ها برای مهم نشون دادن یک آبجکت بکار میره.

تگ IMPORTANT

توضیح:

خب تگ import وقتی به کار میره که برای عنصرمون قبلا یه خاصیت تعریف شده اما ما میخوایم یه خاصیت جدید بهش بدیم و بگیم “به اون قبلیه توجه نکن! این خاصیت رو پیروی کن”.

برای مثلا ما در css به کلاس demo گفتیم که رنگ پس زمینه آبی داشته باشه.

اما توی جای دیگه میخوایم این رنگ رو عوض کنیم ، کافیه جولی اون خاصیت تگ !important رو قرار بدیم.

مثال کد:

این کد رو میشه جلوی هر خاصیتی قرار داد.

تگ Z-Index

این خاصیت برای این استفاده میشه که نشون بدیم کدوم آبجکت باید مهم تر از بغیه باشه و جلوی بغیه نمایش داده بشه.

یعنی چی؟

یعنی اینکه مثلا من یک منوی چسبان توی سایتم دارم ولی وقتی اون منو میرسه به یه عکس ، میره زیر اون عکس و به یه جورایی قایم میشه.

میخوام کاری کنم که این منو بیاد روی عکس و عکس بمونه زیرش.

برای اینکار از تگ z-index استفاده میکنیم که اولویت نمایش اجزاء رو مشخص میکنه.

کد:

هرچقدر عدد بالاترباشه اولویت نمایش بیشتره.

مشاهده پیشنمایش زنده

 

هرگونه سوال و کم و کاستی را با ما درمیان بگذارید..

موفق باشید.

حتما ببینید:   معرفی و آموزش transition در css
اشتراک این مطلب در تلگرام.
تبلیغات

نظر شما چیه؟