Cómo ocultar los bloques con CSS

En el desarrollo de una página web, es posible que desee ocultar un elemento en su página de mostrar al usuario. Una forma de hacer esto es para eliminar el código HTML del elemento de su página. Una solución alternativa es utilizar CSS. CSS, acrónimo de Cascading Style Sheets, es un lenguaje de marcado que permite a los desarrolladores web controlar el aspecto y el tacto de sus páginas web. El uso de CSS, puede ocultar cualquier elemento en su página, simplemente añadiendo una línea de código para el código HTML.

Instrucciones

1 Abre el archivo HTML. Busque el elemento que desea ocultar.

2 Dele a su elemento de un atributo de estilo. El atributo de estilo CSS le permite aplicar a su elemento. Por ejemplo, si desea el estilo de un div, escribe <div style = ""> </ div>.

3 Agregue el código CSS "display: none" al atributo de estilo de su elemento. Este código indica al navegador que no muestre el elemento. Como alternativa, puede utilizar la "visibilidad: oculto".

4 Compruebe su código final para asegurarse de que se parece a esto: <div style = "display: none"> </ div> o <div style = "visibility: hidden"> </ div>.