حذف و نامرئی کردن اشیا به کمک CSS

با سلام

در این مطلب میخوایم یاد بگیریم چطور یه دایو رو نامرئی یا حذف کنیم.

در ابتدا اشاره کنم که نامرئی کردن شی در اینجا به این معناست که شی در وب نمایش داده نشود اما اندازه آن در وب باقی بماند مثلا یک دایو 300 در 300 پیکسلی را که نامرئی کنیم اندازه ی 300 در 300 آن باقی میماند اما دایو نمایش داده نمیشود

و تفاوت نامرئی کردن با حذف کردن در این همین نکته است چون با حذف دایو اندازه مثلا 300 در 300 پیکسلی دایو به 0 در 0 تبدیل میشود.

که هر کدام از این خواص در جای خود فوائدی دارند.

حالا بریم سراغ کد نویسی و مشاهده عملکرد کدهای اشاره شده:

نمونه کد نامرئی کردن دایو:

h1.hidden {visibility:hidden;}

نمونه کد حذف کردن دایو:

h1.hidden {display:none;}

امیدوارم این آموزش به کارتون اومده باشه و قطره ای به دریای علمتون افزوده باشه.

سوالات و نظراتتون رو حتما اعلام کنید 🙂