html5ejercicio

Capítulo 7. Enlaces
7.1. Estilos básicos
7.1.1. Tamaño, color y decoración
Los estilos más sencillos que se pueden aplicar a los enlaces son los que modifican su tamaño de letra, su color y ladecoración del texto del enlace. Utilizando las propiedades text-decoration y font-weight se pueden conseguir estilos como los que se muestran en la siguiente imagen:

Figura 7.1 Ejemplo de enlacescon estilos diferentes
A continuación se muestran las reglas CSS del ejemplo anterior:
a { margin: 1em 0; display: block;}
 
.alternativo {color: #CC0000;}
.simple {text-decoration: none;}.importante {font-weight: bold; font-size: 1.3em;}
.raro {text-decoration:overline;}
 
Enlace con el estilo por defecto
Enlace de color rojo
Enlace sin subrayado
Enlace muy importante
Enlace con unestilo raro
7.1.2. Pseudo-clases
CSS también permite aplicar diferentes estilos a un mismo enlace en función de su estado. De esta forma, es posible cambiar el aspecto de un enlace cuando por ejemploel usuario pasa el ratón por encima o cuando el usuario pincha sobre ese enlace.
Como con los atributos id o class no es posible aplicar diferentes estilos a un mismo elemento en función de suestado, CSS introduce un nuevo concepto llamado pseudo-clases. En concreto, CSS define las siguientes cuatro pseudo-clases:
:link, aplica estilos a los enlaces que apuntan a páginas o recursos que aún nohan sido visitados por el usuario.
:visited, aplica estilos a los enlaces que apuntan a recursos que han sido visitados anteriormente por el usuario. El historial de enlaces visitados se borraautomáticamente cada cierto tiempo y el usuario también puede borrarlo manualmente.
:hover, aplica estilos al enlace sobre el que el usuario ha posicionado el puntero del ratón.
:active, aplica estilos alenlace que está pinchando el usuario. Los estilos sólo se aplican desde que el usuario pincha el botón del ratón hasta que lo suelta, por lo que suelen ser unas pocas décimas de segundo.
Como se...