Ocultar elementos con CSS

Ahora les mostraré como ocultar un elemento utilizando sólo CSS, la  ventaja de esto es que el elemento en sí sigue existiendo, por tanto, para volver a verlo solo hay que editar el código CSS.

Es un método muy simple y efectivo, que tan sólo ocupará una línea dentro de nuestra hoja de estilos.

.oculto {display: none}

Para aplicarlo a algún elemento de nuestra página sólo debemos agregar el class en ella:

<div class="oculto">Aquí va el contenido que deseas ocultar</div>

Existen más métodos, pero este es el más utilizado.

Espero que les sea útil ;)

Publicado el: 28/10/2009 Publicado en la Categoria: CSS Imprimir este Artículo Imprimir



6 Comentarios en “Ocultar elementos con CSS”

  1. Comentario:

    Información Bitacoras.com…

    Valora en Bitacoras.com: Ahora les mostraré como ocultar un elemento utilizando sólo CSS, la  ventaja de esto es que el elemento en sí sigue existiendo, por tanto, para volver a verlo solo hay que editar el código CSS. Es un método muy simple y efect…..

  2. Gravatar
    Comentario:

    Hola, sabes si ocupar este truco es considerado como blackhat? :mrgreen:
    Grax

    ReplyReply
  3. Gravatar
    Comentario:

    @DoctorPc: no te podría asegurar si se considera blackhat o no. Eso sí, leí hace tiempo, que ocultar palabras en posts era una técnica blackhat, por eso no te recomiendo utilizarlo para ocultar keywords.

    Como te digo, no estoy 100% seguro :???:

    ReplyReply
  4. Comentario:

    [...] pero práctico tutorial que veo en Bloging donde nos enseña a ocultar elementos usando CSS. Resulta sumamente sencillo [...]

  5. Gravatar
    Comentario:

    Hola…¿y como hago para mostrar los elementos ocultos?

    ReplyReply
  6. Gravatar
    Comentario:

    @Ikanus: usando este ejemplo, la única forma de volver a mostrarlos es quitarle la propiedad “display: none”, para volver a ocultarlos hay que volver a agregar esa propiedad.

    ReplyReply

Deja un Comentario


Haz click en los emoticonos para usarlos:

:smile: :grin: :razz: :lol: :wink: :mrgreen: :neutral: :roll: :shock: :???: :cool: :oops: :twisted: :evil: :eek: :mad: :sad: :cry: :!: