Visibility vs. Display

La propiedad “visibility” de una capa controla si ésta será visualizada o no. Para determinar eso, posee dos valores: “visible” y “hidden”. La característica de este estilo es que aunque el elemento no sea visible, continúa ocupando su espacio en el flujo del HTML. Todo lo contrario ocurre con la propiedad “display”, el cual se diferencia de “visibility” en que puede reservar o no el espacio del elemento invisible en el flujo de html. Para que no reserve el espacio se ha de usar el valor “none”. Display tiene tres valores más: "block", que muestra un salto de línea antes y después de cada elemento, "inline", que no muestra ningún salto de línea, y "list-item", que actúa igual que block en cuánto al espaciado, pero que añade un marcador de ítems de lista.