[SOLUCIONADO] Distintas formas de poner un CSS

[seoista]

Hola, compañer@s de FDW.

¿Cómo es más efectivo y rápido, poner un CSS en una página?

1º - Así:

<style type="text/css">
a.estilo:link, a.estilo:visited {
font-family: verdana,arial,tahoma;
font-size: 12px;
color: #800;
font-weight: normal;
border-bottom: #800 1px dotted;
text-decoration: none;
}

a.estilo:hover {
font-family: verdana,arial,tahoma;
font-size: 12px;
color: #fff;
font-weight: normal;
border-bottom: #fff 1px dotted;
background-color: #00008b;
text-decoration: none;
}

a.estilo:active {
font-family: verdana,arial,tahoma;
font-size: 12px;
color: #f00;
font-weight: normal;
border-bottom: #f00 1px dotted;
text-decoration: none;
}
</style>

2º - Así:

<link rel="stylesheet" href="link.css" type="text/css" />

3º - O así:

<link rel="stylesheet" href="import.css" type="text/css" />

Donde estarían incluido, por ejemplo:

@import url("link.css");
@import url("fondo.css");
@import url("menu.css");
Etc...

Muchas gracias por vuestras respuestas.

Saludos.

[PatomaS]

Hola

Sobre la velocidad, bueno ¿cuán rápido tecleas?

;)

La velocidad de carga es la misma coparado byte a byte, sin embargo, poner un archivo separado resulta más rápido al final ya que este puede ser copartido por varias páginas, lo que favorece su reutilización gracias al cache del navegador y de los proxies.

Sobre la efectividad, también es más rápido tener todos los estilos juntos ya que a la hora de modificarlos, editarlos o incluso al crearlos, puedes hacer modificaciones y analizarlos en el mismo momento y sitio, sin nececidad de tener que abrir varios archivos y tener la duda de si te falta algo por revisar. Esto es especiálmente útil cuando tienes un problema y estás tratando de conseguir la causa.

Sobre incluir uno o más archivos, ahí caemos en un tema espinoso, que depende de varios factores, como tamaño, número total de elementos en la página, cacheabilidad, etc, así que como regla general, es mejor uno solo a menos que dediques tiempo a depurar otras cosas relacionadas, especiálmente la cacheabilidad de tus css.

La forma 3 tiene problemas en algunos navegadores que no interpretan adecuádamente las inclusiones de otras css, así que es mejor evitarla a menos que estés diseñando para un entorno controlado y sepas perfectamente que no habrá problemas.

Así que en definitiva, la forma 2 es la que ofrece más ventajas.

Sin embargo, en ocasiones, puedes necesitar poner estilos en un elemento directamente, por ejemplo:

Código:

<p style="color #f00;">

Esto es totalmente compatible con cualquier otra mecánica que decidas usar y aumenta la flexibilidad y control.

Felicidad

[seoista]

Muchisimas gracias, PatomaS, entonces tomaré la forma 2 .

Saludos y que seas féliz tu también .