CSS: prioridad de estilos

En la clase de hoy hemos visto y comprobado el orden de prioridad de html a la hora de asignarle estilos de CSS. Lo primero es que existen tres formas de asignación de estilos:

• Estilo externo: En un fichero independiente con extensión .CSS
• Estilo interno: En la cabecera del documento 
• Estilo en línea: En cualquier etiqueta utilizando el atributo style.

Cuando se dan todos los tipos de estilos a la vez html establece un orden de prioridad que es el siguiente:

1. Estilo en línea (dentro de un elemento HTML) 
2. Estilo interno (en la sección de cabecera) 
3. Estilo externo

Para comprobarlo hicimos un ejercicio donde probábamos todos estilos a la vez:

Al ejecutar este código el resultado era que solo se aplicaba el estilo en línea. Al quitar el estilo en línea el siguiente era el interno y por último el externo.

Por último, he creado una pagina web, a la que podréis acceder pulsando aquí . (Esta página está en construcción por lo que ira siendo mejorada, no os asustéis).