¡Hojas de Estilo-CSS!

CSS, lo que es igual a "hojas de estilo en cascadas", describe cómo un elemento HTML se va a mostrar en la pantalla, o cómo se va a imprimir, o incluso cómo se va a ser pronunciada la información presente en ese documento a través de un dispositivo de lectura. 

Las hojas de estilo es el conjunto de propiedades de formatos, más reglas de definición y aplicaciones. Estas son más potentes y cómodas que el formato en HTML, ya que permite definir diferentes estilos para la misma página web o para distintas páginas. Esto es de gran ayuda para los diseñadores de Webs, porque pueden controlar el estilo y el formato de múltiples páginas Webs al mismo tiempo. Cualquier cambio en el estilo marcado para un elemento en la CSS afectará a todas las páginas vinculadas a esa CSS en las que aparezca ese elemento

CSS funciona a base de reglas, es decir, declaraciones sobre el estilo de uno o más elementos.

Una regla de estilo son los componentes de una hoja de estilo, y está formada por: 

• SELECTOR: que indica las etiquetas a las que se aplica.
• Basado en el elemento
• Basado en el contexto del elemento
• Basado en un identificador o una clase
• Basado en una pseudoclase
• DECLARACIÓN: que define el conjunto de pares
• Hojas de estilos externa
• Hojas de estilo interna
• Estilo en línea

Para entender mejor este tema, lo he puesto en practica: he realizado una modificación en el estilo del selector basado en una pseudoclase. Para referirnos a ella, su vinculo es <a> y tiene diferentes estados:

• link: no visitado
• visited: visitado
• hover: cuando el ratón está sobre el enlace
• active: el momento en el que se pulsa

He utilizado una hoja de estilo interna con el siguiente código:

Como se puede apreciar, el resultado es visible en el blog. 

¡Compruébalo!