Cómo crear un paso del ratón de la mano en CSS

las hojas de estilo en cascada (CSS) son archivos de texto asociadas a las páginas HTML que controlan el diseño y la apariencia de la página. CSS tiene varios efectos mouseover, además de lo ordinario "flecha". Por defecto, la mayoría de los navegadores web muestran la "mano" del puntero del ratón sobre los enlaces activos, ya sean textos o imágenes. Sin embargo, hay un método para forzar una "mouseover mano" en el CSS. Tenga en cuenta, sin embargo, que desde "por encima del ratón mano" suele indicar un punto caliente, tal como un enlace, su uso en lugares que no sean enlaces pueden inducir a error a los usuarios del sitio.

Instrucciones

1 Abra la página web y el archivo CSS adjunta en dos ventanas diferentes usando un editor HTML o un editor de texto como el Bloc de notas.

2 Determinar el área dentro de la página web, en el que el efecto de "la mano por encima del ratón" debe estar activo. Escanear a través del código HTML para localizar la etiqueta DIV que contiene para el área correspondiente de la página web.

3 Tenga en cuenta el selector CSS para la etiqueta DIV, tales como "id" o "clase".

4 Repasa el archivo CSS y encontrar el bloque de código relacionado que define la etiqueta DIV. Usar selectores CSS para este propósito, "id" o "clases".

5 Agregue la línea de código CSS "cursor: puntero;" al bloque de código CSS de la etiqueta DIV.

Consejos y advertencias

• archivos CSS se separan por completo el diseño de la fuente HTML; por lo que la mayoría de los aspectos de diseño pueden ser manejados por completo con CSS solo, aunque los fragmentos de código Javascript puede lograr una funcionalidad similar.
• Hay otros efectos puntero del ratón, como el punto de mira, cambiar el tamaño, ayuda, movimiento, progreso, esperar y texto. Cambio sencillo de la línea de código CSS "cursor: puntero;" con el efecto requerido es todo lo que se necesita para cambiar el puntero del ratón en el elemento de diseño dado, en este caso la etiqueta DIV.
• Aunque "default" es un valor opcional para la propiedad CSS "cursor", que no es necesario mencionar que a menos que las etiquetas de los padres se definen con los valores del cursor, y la etiqueta de niño en relación con las necesidades de poseer los valores por defecto del cursor.
• CSS propiedad "cursor" se hereda de forma predeterminada, lo que significa que los bloques del niño heredará el comportamiento del cursor de sus bloques de matrices.
• La mano por encima del ratón es el valor por defecto para cursores, cuando señaló a través de enlaces. Forzó la mano-mouseovers en texto plano o áreas pueden engañar a los usuarios haciéndoles creer que son enlaces reales. Esto podría afectar negativamente la experiencia del usuario dentro de la página web o sitio.
• CSS líneas de código y bloques de código CSS se separan con puntos y comas y corchetes, respectivamente. La omisión de cualquiera de estos caracteres en CSS puede causar errores inesperados y / o generar el formato HTML falsa. La única excepción es que el punto y coma de una línea de código CSS final (justo antes de la llave de cierre) dentro de un bloque de código no es necesario.