Esconder elementos con CSS (display: none;):

Como siempre el código CSS no deja de sorprender por la cantidad de posibilidades que nos ofrece.

Una de las utilidades puede ser la opción de no mostrar diferentes elementos para hacer pruebas con los diseños de nuestras plantillas.

Para esconder un elemento, para que no se vea, podemos usar el comando display: none;

Añadiendo esa propiedad a cualquier elemento de nuestro CSS conseguiremos que no se muestre en pantalla.

 

Ejemplo: no queremos mostrar el logo en nuestra web.

Buscamos en el css donde está el logo y añadimos el comando:

.logo { float: left; width: 950px; height: 65px; }

.logo { float: left; width: 950px; height: 65px; display:none;}