25 oct 2013

VINCULOS

ESTADOS

Los enlaces en la web tienen diferentes estados, los flasheros pueden comprender esto como los estados de un botón (normal, sobre y presionado).

Sin embargo los estados, se añaden con css usando las siguientes seudoclases:

a:link { } /* Estado normal */
a:visited { } /* Estado de ya cliqueado*/
a::focus { } Ni idea todavía
;a:hover { } /*Estado cuando se posa el mouse sobre el enlace (en móvil no tiene sentido) */
a:active { } /*Estado cuando se hace click sobre enlace, solo visible por unos momentos*/

Los que muchos no saben (y me incluía) es el orden en que se deben colocar en la hoja de estilos y es que por la características "cascadas" del CSS estos comando se sobreponen unos a otros causando interferencias si no se emplean en el orden que coloque anteriormente.

Quien me saco de la duda fue Ralph G. Shulz, demosle un like a su libro.

ERRORES CONOCIDOS y SUGERENCIAS

Bordes azul "fantasmas" /*Solo IE*/

Como cosa rara, Internet Explorer añade a las imágenes en algunas versiones de su navegador un borde "fanstama". Yo lo soluciono simplemente colocando el selector universal (*) seguido por la etiqueta <img> dandole un border igual a 0 y none, aunque este ultimo solo debería bastar.

* img {border: 0 none;}



No hay comentarios.:

Publicar un comentario