¿Orden de carga de hojas de estilos en páginas web?

Hola Betas,

Abro un nuevo hilo de conversación para preguntaros lo siguiente: ¿Qué se carga antes en una página web: Una hoja de estilos externa, una hoja de estilos interna o un estilo en línea?

Os agradecería enormemente que dejárais vuestros comentarios, y si habéis tenido alguna experiencia al respecto que me pudiera servir a mí de ayuda para un futuro.

Muchas gracias.

Te refieres al CSS?
si es asi yo creo la carga no depende de donde llames al codigo sino de otros factores
como del servidor donde esta colgado la pagina, el tiempo de respuesta

No sé a que te refieras exactamente, pero el orden de carga es de arriba hacia abajo.

CSS significa "Hojas de Estilo en Cascada" (Cascading Style Sheets), por lo tanto todo lo que carges en primera instancia será suplantado por lo que le sigue.

Para que te des una idea pongamos un ejemplo de color de tipografia para un parrafo:

1 - En un CSS externo se le da color a la tipografia por un azul.


2 - Cargamos un CSS interno y le cambiamos su color a rojo. Acá estaríamos sobrescribiendole el valor (seria como una variable de PHP al asignarle nuevo valor).


3 - A un parrafo le cambiariamos el color inline por verde, esto suplantaría al azul y al rojo.


4 - Pero ojo, puedo reemplazar el CSS interno y darle importancia al rojo, sobrescribiendo al verde, con un "!important". Acá todos los parrafos tendrían tipografía roja :encouragement:

El CSS se carga en el mismo orden a como se entra en el documento HTML, o sea si tienes estilos in-line y tienes estilos externos incluidos en el head, sea cargarían primero los estilos externos, ya que el head se lee antes que el body.