Foros del Web » Creando para Internet » CSS »

Recomendación CSS @import

Estas en el tema de Recomendación CSS @import en el foro de CSS en Foros del Web. Tras leer algunos post sobre el uso de estilos y la organización de los mismos me gustaría dejar un apunte como metodología de una forma ...
  #1 (permalink)  
Antiguo 19/08/2006, 10:59
Avatar de papanoelmola
(Desactivado)
 
Fecha de Ingreso: junio-2003
Ubicación: Toledo
Mensajes: 136
Antigüedad: 14 años, 5 meses
Puntos: 0
Recomendación CSS @import

Tras leer algunos post sobre el uso de estilos y la organización de los mismos me gustaría dejar un apunte como metodología de una forma de integrar los mismo para hacer todo ello mucho más claro y editable.

La cuestión se trata de no utilizar un sólo fichero .css para añadir en el todos los estilos y parametros si no, segmentar su aplicación basado en elementos de la web.

Es decir

Crear un fichero (styles.css) desde el que podremos importar otros ficheros situados en el mismo directorio y donde cada uno de ellos alberga información sobre los parametros de elementos de la web por separado.

( styles.css )

Código:
@import url(_body.css);
@import url(_structure.css);
@import url(_header.css);
@import url(_header_menu.css);
@import url(_footer.css);
De esta forma por ejemplo si deseamos modificar algun parámetro relativo a la web general editariamos el archivo "_body.css" o "_structure.css" en caso de modificar alguna propiedad relativa a la estructura de nuestro sitio web.

Es un método útil ya que si generamos un diseño con una gran variedad de estilos y propiedades podremos acceder de forma más clara y directa al estilo sabiendo donde está situado y a que elementos de la web afecta.

Espero que esta información sea util. Saludos
  #2 (permalink)  
Antiguo 27/03/2008, 07:19
 
Fecha de Ingreso: enero-2005
Ubicación: Barcelona
Mensajes: 384
Antigüedad: 12 años, 10 meses
Puntos: 0
Re: Recomendación CSS @import

Hola,

Quisiera recuperar este post porque tengo la siguiente duda:

Con tal de optimizar la carga de mi web, inicialmente definí tantos ficheros CSS como elementos tenía, porque así los tenía mejor ordenados y resulta mucho más fácil así. Pero a nivel de carga de web es malo, porque son muchas peticiones de ficheros y hace que la carga vaya más lento.

He pensado en usar el import, tal como explica papanoelmola. Mi pregunta es si es más rápido así o es lo mismo importar desde un único fichero CSS que cargar todos los CSS por separado?
__________________
m!ketrix
CINE25 - Red Social de Cine
byinspiroh
  #3 (permalink)  
Antiguo 27/03/2008, 08:21
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
Re: Recomendación CSS @import

Hola

En líneas generales, la respuesta es depende.

Depende de cuantas visitas tengas, de la forma en la que el servidor sirve los archivos y si son o no cacheables en los proxies, del tamaño de cada uno de ellos, etc, etc.

Como regla general, es mejor tener un solo archivo css que contenga todos los códigos necesarios ya que eso evita las múltiples conexiones al servidor (tiempo perdido del navegador y ancho de banda), trabajo de envío del servidor (búsqueda, revisión de estado y envío) y espera del usuario (navegador solicitando, analizando y ejecutando las instrucciones css).

Aunque la mecánica es cómoda para trabajar, no es buena para un sitio en producción.

Una cosa que puedes hacer para facilitarte el trabajo, es utilizar comentarios para demarcar zonas en la hoja de estilo y así hacerla más sencilla. Cuando llegue el momento de lanzar el sitio, eliminas los comentarios y publicas la css limpia. Por supuesto, siempre puedes mantener una copia en tu máquina con todos los comentarios para facilitar posteriores mejoras o actualizaciones al sitio, pero al volverlo a lanzar, vuelves a eliminar los comentarios.

Felicidad
__________________
¡ hey, hou, hou, hey !
  #4 (permalink)  
Antiguo 28/04/2011, 09:53
Avatar de argy  
Fecha de Ingreso: octubre-2007
Ubicación: Longitud 75º Latitud 18º Sur
Mensajes: 614
Antigüedad: 10 años, 1 mes
Puntos: 18
Respuesta: Recomendación CSS @import

sugiero que también se lea http://www.anieto2k.com/2009/04/09/no-uses-import/
__________________
Software libre para un mundo libre.

Eventualmente en el foro.
  #5 (permalink)  
Antiguo 28/04/2011, 12:05
Avatar de Tedel  
Fecha de Ingreso: enero-2011
Ubicación: Lima
Mensajes: 2.728
Antigüedad: 6 años, 10 meses
Puntos: 442
Respuesta: Recomendación CSS @import

No recomiendo usar import, haz solo un archivo CSS para todo lo que desees cambiar.
__________________
Soy el autor de Heptagrama y tengo un servicio "todo incluido" de marketing web.
  #6 (permalink)  
Antiguo 28/04/2011, 12:22
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.825
Antigüedad: 9 años, 9 meses
Puntos: 951
Respuesta: Recomendación CSS @import

creo que debemos considerar mas a fondo cuales son nuestros objetivos y necesidades para determinar si usar o no la etiqueta import

no podemos decir NO lo uses o SI úsalo si no conocemos las necesidades y alcance del proyecto sobre el que se este trabajando...

como por ejemplo al utilizar skins personalmente trabajo con dotnetnuke un paquete de skin puede tener tantas variantes como se necesiten y aplicarlas a las paginas a diestra y siniestra, con lo que muchas veces me ha resultado mucho mas fácil utilizar la propiedad @import para vincular archivos CSS en común que tengan estas variables.

ciertamente es de valorar que es lo que estas cargando en dicho CSS y que impacto tendrá sobre la web pero en la mayoría de los casos actualmente no es muy notorio o visible ese impacto... con las velocidades de Internet que tenemos hoy día

por otro lado ¬¬ no se han dado cuenta que este post tenia mas de 2 años sin actividad, recuerden que preferentemente debemos abrir un nuevo tema en lugar de revivir algo tan viejo
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #7 (permalink)  
Antiguo 30/04/2011, 00:55
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 9 años, 9 meses
Puntos: 21
Respuesta: Recomendación CSS @import

Hay varias formas de incluir Hojas de estilo.

Una de ellas es IMPORT.

En mi caso, no la usé nunca, y a demás, no lo veo necesario.

Igualmente, si ese "import" que quieres hacer es "liviano" o "light" puedes hacerlo sin inconvenientes. Ahora si el archivo a importar es robusto, creo que deberías buscar una alternativa.

Saludos.
__________________
_
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

SíEste tema le ha gustado a 1 personas (incluyéndote)




La zona horaria es GMT -6. Ahora son las 20:44.