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!
