opinion sobre este pop-up creado con jquery y css

[Alexis88]

Vamos por partes:

1. La diferencia entre las propiedades display y visibility cuando se le asignan los valores none y hidden, respectivamente, radica en que con la primera, no solo no se ve el elemento, sino que no ocupa espacio alguno en el documento, mientras que con la segunda solo deja de ser visible, pero sigue ocupando el espacio que se le haya asignado.

2. y 3. Con la propiedad margin, establezco el ancho del margen del elemento, por lo que al asignar un valor a cualquiera de las cuatro direcciones o a todas (top, right, bottom y left, en ese orden), se establece una separación entre el elemento y el elemento que lo contiene o algún elemento cercano. La disposición de los valores es como la señalas, mientras que los valores en sí (la mitad de la altura y anchura pero en cifras negativas), así como el 50% en las propiedades top y left, obedecen a lo siguiente: Cuando asigno el 50% a las propiedades en mención, la esquina superior izquierda del elemento, que representa el punto 0 del mismo, queda exactamente en el medio de la página, mientras que asignando valores negativos a los márgenes, en lugar de generar un alejamiento del elemento con respecto al contenedor o a otros elementos adyacentes, sucede lo contrario, ocurre un acercamiento, por lo que si desplazo al elemento a la mitad de la altura y anchura y considerando que la esquina superior izquierda ya se encontraba a la mitad, el elemento queda finalmente centrado en el documento. Esto es posible gracias a la posición del mismo, es decir, al valor absolute de la propiedad position, pues al tener dicho valor en esta propiedad, los desplazamientos que asignemos al elemento, se regirán por las coordenadas absolutas de la página.

La combinación de estas propiedades y valores, son las que permiten centrar completamente a un elemento.

Saludos