Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Distintas formas de poner un CSS

Estas en el tema de Distintas formas de poner un CSS en el foro de CSS en Foros del Web. Hola, compañ[email protected] de FDW. ¿Cómo es más efectivo y rápido, poner un CSS en una página? 1º - Así: Cita: <style type="text/css"> a.estilo:link, a.estilo:visited { ...
  #1 (permalink)  
Antiguo 07/07/2009, 03:38
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 14 años, 3 meses
Puntos: 57
Pregunta Distintas formas de poner un CSS

Hola, compañ[email protected] de FDW.

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

1º - Así:
Cita:
<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í:
Cita:
<link rel="stylesheet" href="link.css" type="text/css" />
3º - O así:
Cita:
<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.
__________________
· Lo poco que sé, lo he aprendido de AQUÍ ·
· No contesto por M.P. ·
  #2 (permalink)  
Antiguo 07/07/2009, 04:02
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
Respuesta: Distintas formas de poner un CSS

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
__________________
¡ hey, hou, hou, hey !
  #3 (permalink)  
Antiguo 07/07/2009, 04:24
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 14 años, 3 meses
Puntos: 57
Respuesta: Distintas formas de poner un CSS

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

Saludos y que seas féliz tu también .
__________________
· Lo poco que sé, lo he aprendido de AQUÍ ·
· No contesto por M.P. ·
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:30.