7. Jak ukryć element na stronie za pomocą CSS?

Możesz użyć różnych właściwości CSS do ukrycia elementu:

• display: none;: całkowicie usuwa element z dokumentu, element nie zajmuje żadnego miejsca.
• visibility: hidden;: ukrywa element, ale element nadal zajmuje miejsce w układzie strony.
• opacity: 0;: ukrywa element przez ustawienie jego przezroczystości na zero, element nadal zajmuje miejsce w układzie strony.
• • height: 0; width: 0; overflow: hidden: ukrywa element poprzez ustawienie jego rozmiarów na 0x0px i ukrycie zawartości która nie mieści się w kontenerze

/* Przykłady */
.hidden-element {
    display: none; /* Element nie jest widoczny i nie zajmuje miejsca */
}

.invisible-element {
    visibility: hidden; /* Element jest niewidoczny, ale zajmuje miejsce */
}

.transparent-element {
    opacity: 0; /* Element jest niewidoczny, ale zajmuje miejsce */
}

.covered-element {
    height: 0;
    width: 0;
    overflow: hidden;
}