Skip to main content

¿Qué es una hoja de estilo de usuario y por qué debo usar una?

Wire snake ring - designer handmade jewelry 38 (Abril 2025)

Wire snake ring - designer handmade jewelry 38 (Abril 2025)
Anonim

Ahora, cuando uso una hoja de estilo de usuario, no estoy configurando una situación en la que todas las páginas web que visito tengan el mismo aspecto. En cambio, tengo una hoja de estilo de usuario que me ayuda a navegar por la Web. Las hojas de estilo del usuario le permiten establecer estilos en los elementos de la página para que sean más fáciles de leer y usar, independientemente de lo que pretendan los diseñadores de páginas web.

Una de las cosas que he notado es que muchas páginas web están construidas por personas más jóvenes. A estas personas parece que les gustan las fuentes que son, bueno, microscópicas. Al usar una hoja de estilo de usuario, puedo establecer los tamaños de fuente predeterminados a un tamaño de fuente que sea más legible para mí. Otro truco popular de los diseñadores web es eliminar los subrayados de los enlaces. Si bien esto puede hacer que la página se vea "mejor", es más difícil saber en qué se puede hacer clic. Así que con las hojas de estilo del usuario, puse los subrayados en los enlaces de las páginas que visito.

Escribir una hoja de estilo de usuario

Escribir una hoja de estilo de usuario es tan simple como escribir una hoja de estilo CSS para su página web. Puede usar todas las mismas propiedades y comandos que puede en una hoja de estilo estándar. El truco para una hoja de estilo de usuario es que está almacenado en su disco duro y le dice a su navegador web que lo use. Según el navegador web que utilice, las instrucciones para configurarlo son diferentes:

  • Firefox
  • Internet Explorer para Windows
  • Internet Explorer para Macintosh
  • Mozilla
  • Ópera
  • Safari

Hojas de estilo del usuario y accesibilidad

Agregar los subrayados o hacer que las fuentes sean más grandes es un buen comienzo para que las páginas web que visito sean más accesibles para mí, pero con las hojas de estilo de usuario, puede ir aún más lejos. Por ejemplo, muchos diseñadores web todavía usan los elementos y en sus páginas en lugar de usar los más semánticos y. Si fuera ciego, usando un navegador auditivo, el navegador no sabría qué hacer y, como no tienen ningún significado semántico. Pero con una hoja de estilo de usuario, podría definirlos para que sean pronunciados audiblemente con un fuerte o énfasis, al igual que sus contrapartes semánticas.

Jugando con hojas de estilo de usuario

La forma más común de usar hojas de estilo de usuario es agregar el subrayado a los enlaces. Haría esto simplemente agregando la siguiente propiedad CSS a su hoja de estilo de usuario:

: enlace,: visitó {texto-decoración: subrayado! importante; }

Agregar "! Important" al final del estilo es vital, porque de lo contrario, la hoja de estilo definida por el autor tendrá prioridad sobre la hoja de estilo del usuario.

Otro truco útil con las hojas de estilo del usuario es hacer que algunas de las etiquetas más molestas sean menos molestas. Este estilo hace que la etiqueta de parpadeo y las etiquetas de marquesina no parpadeen o se desplacen:

parpadeo {texto-decoración: ninguno! importante; } marquesina {-moz-binding: ninguna! importante; }

Diseñadores Web: Ten esto en cuenta

Debe recordar que tiene un conjunto de hojas de estilo de usuario al diseñar páginas web. De lo contrario, pasará horas y horas intentando resolver por qué ve subrayados en todos los enlaces, mientras que todos los demás miembros de su equipo no lo hacen. Puede reírse, pero si configura la hoja de estilo de usuario hoy y luego cambia los estilos de su sitio web en seis meses, es probable que haya olvidado que configuró una hoja de estilo de usuario.

Lo que hago es tener mi perfil estándar en el que navego por la web y un perfil predeterminado que utilizo para probar mis páginas web. De esa manera puedo navegar en la Web de la forma en que me siento más cómodo, pero también sé cómo la mayoría de las personas van a ver mi página Web. Si insiste en navegar con Internet Explorer, deberá recordar desactivar las hojas de estilo del usuario cuando pruebe sus páginas web.