Cómo ocultar el contenido de un div con CSS

El contenido de cualquier etiqueta DIV dada en el código Web pueden ser ocultados al espectador, mientras se mantiene la estructura de la etiqueta y la página. JavaScript es una opción para lograr esto. Pero el uso de JavaScript podría potencialmente causar problemas con las escrituras ya se está ejecutando en su página web. Otra opción es utilizar CSS (hojas de estilo en cascada). CSS permite el uso del atributo "visibilidad" para ser utilizado, por lo que es fácil de ocultar el contenido de un DIV.

Instrucciones

1 Descargar la hoja de estilos con el software de cliente FTP.

2 Abra la hoja de estilos en el software de edición de código. Bloc de notas será suficiente.

3 Copiar la identificación del estilo o clase que controla la etiqueta DIV desea oculto.

4 Pegar el estilo copiado por debajo del original. Añadir "-2" al nombre del estilo. Por ejemplo, si su estilo es "#miEstilo," cambiar el código pegado a "# mystyle-2".

5 Agregue el código siguiente al nuevo estilo:

visibility: hidden;

6 Guarde la hoja de estilos y subirlo a sus archivos de página web utilizando su software de cliente FTP.

7 Descargar la página que contiene el DIV que desea ocultar el uso de su software de cliente FTP.

8 Abra la página en su software de edición de código.

9 Cambiar la clase de etiquetas DIV o la identificación con el estilo de nueva creación. Por ejemplo, el estilo original en el código DIV era "id =" mystyle "." Cambiarlo a "id =" mystyle-2 "."

10 Guarde la página y subirlo a sus archivos de página web utilizando su software de cliente FTP.