Si estás formateando un hipervínculo, puedes colocar todo el formato en un CSS Estilo. En el estilo de abajo, hemos especificado una fuente Arial para todos nuestros enlaces:

CSS e Hipervínculos

Este estilo se aplicará a todos los hipervínculos de la página. No es necesario que agregar cualquier atributo CLASS a la etiqueta A HREF porque estamos usando el selector HTML A.

Si quieres ponerle colores a tus enlaces, puedes hacerlo así:

A:link {

color: rojo;

}

Fíjese que esta vez un colon sigue a la A, y luego a la palabra "enlace". Entre los corchetes rizados hemos puesto el color a rojo.

Si quieres usar el atributo ALINK, es este:

A:activo {

color: verde;

}

El VLINK es este:

A:visitó {

color: azul;

}

Otro estilo que puede interesarte es este:

A:hover {

color: rojo;

}

Con el estilo anterior, cada vez que mueves el ratón sobre un hipervínculo el color cambiará a rojo.

Cuando usábamos el colon de arriba, usábamos algo llamado Pseudo Clase. Estas son sólo extensiones de las reglas normales de la clase CSS. Otra forma de extender es insertando sus propios nombres de clase entre el selector de HTML y el propiedad que quieres cambiar. Por ejemplo, examine el siguiente código:

A.MyHoverColor:hover {

color: rojo;

}

Para usar el código anterior, aplica un atributo CLASS a tu hipervínculo:

A HREF="pages/about.html" CLASS=" MyHoverColor " ;Acerca de este sitio</Advertencia;

Ahora, sólo este enlace cambiará de color cuando mueva el ratón sobre él, el El resto se comportará normalmente.

No es necesario añadir un valor al final (el bit :hover, por ejemplo). Supongamos que quieres que el primer enlace sea una fuente Arial sin subrayado, y el segundo uno para ser Verdana de 20 pixeles. Podrías crear dos pseudoclases. Como esta:

CSS e Hipervínculos

Luego los aplicarías así:

A HREF="pages/about.html" CLASS="FirstFont" este sitio</Americanos;

A HREF="pages/contact.html" CLASS="SecondFont" ;Contacto Us</Americanos;

Fíjate en cómo hemos apagado el subrayado del hipervínculo:

decoración de texto: ninguna;

Pruebe el código anterior y vea los resultados en su navegador. Intenta usar un código diferente también el color del aire. (Asegúrate de que el código de vuelo sea el último, como algunos navegadores lo ignorará, de lo contrario).

Pero extender tus clases de esta manera te permite tener más control sobre la mayoría de los elementos de su página, y no sólo hipervínculos.

En la próxima lección, aprenderás a añadir hojas de estilo externas a tus páginas web.

Otros hipervínculos | Hojas de estilo externas