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

با سلام

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

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

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

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

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

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

h1.hidden {visibility:hidden;}

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

h1.hidden {display:none;}

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

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