Foros del Web » Creando para Internet » CSS »

import y link, acaso no son lo mismo?

Estas en el tema de import y link, acaso no son lo mismo? en el foro de CSS en Foros del Web. Hola amigos. Tengo entendido que se puede traer un CSS externo con Código PHP: < link href = "prueba2.css"  rel = "stylesheet"  type = "text/css"  />  ...
  #1 (permalink)  
Antiguo 18/05/2006, 09:39
 
Fecha de Ingreso: noviembre-2003
Ubicación: Paraguay
Mensajes: 382
Antigüedad: 14 años
Puntos: 4
Mensaje import y link, acaso no son lo mismo?

Hola amigos.

Tengo entendido que se puede traer un CSS externo con
Código PHP:
<link href="prueba2.css" rel="stylesheet" type="text/css" /> 
y por otro lado esta el @import (un tipo de regla-arroba o algo por el estilo)

Yo siempre uso la primera forma de traer el CSS externo y estoy investigando sobre el segundo. Encontre este enlace http://www.sidar.org/recur/desdi/mcs...al/cyh.php#i_5
pero sigo sin entender la diferencia que existe entre uno y otro.

Alguien puede darme una mano para entender esto?
  #2 (permalink)  
Antiguo 18/05/2006, 09:44
 
Fecha de Ingreso: noviembre-2005
Mensajes: 117
Antigüedad: 12 años, 1 mes
Puntos: 0
el import es el "include" que se coloca en la hoja de estilos para llamar a otras hojas.

el link es el que colocas en el html para llamar a la hoja.

Conclusion: el html usa el LINK, el CSS usa el IMPORT

ej:

@import url("interior.css");

al comienzo de tu hoja de estilos va a importar todos los estilos que encuentra en interior.css
  #3 (permalink)  
Antiguo 18/05/2006, 10:00
 
Fecha de Ingreso: noviembre-2003
Ubicación: Paraguay
Mensajes: 382
Antigüedad: 14 años
Puntos: 4
aaahhh. Es decir que une dos hojas de estilo o la cantidad de imports que tenga? Eso podría crear algun conflicto entre estilos duplicados verdad?
  #4 (permalink)  
Antiguo 18/05/2006, 10:09
 
Fecha de Ingreso: noviembre-2005
Mensajes: 117
Antigüedad: 12 años, 1 mes
Puntos: 0
no crea conflictos, si un estilo se repite, su segunda aparicion pisara a la primera.

Es util si definis por ej, un template.css, interior.css, form.css, color.css etc. Y luego supon que tu web tiene secciones, cada una seccionA.css, seccionB.css, etc.

Entonces en cada seccion importas el template, el color, el interior que necesites y si usas form. Mantiene las cosas mas ordenadas y evita tener q escribir muchos estilos repetidos.
  #5 (permalink)  
Antiguo 18/05/2006, 10:50
 
Fecha de Ingreso: noviembre-2003
Ubicación: Paraguay
Mensajes: 382
Antigüedad: 14 años
Puntos: 4
Ya entendi. Muy interesante. Me gusta la idea y una ultima pregunta.

Encontre en un manual algo asi?
Las reglas siguientes ilustran cómo las reglas del @import se pueden hacer mediodependientes:
@import url("fineprint.css") print;
@import url("bluish.css") projection, tv;

que son las palabras al lado del import? print, projection, tv

Es por acaso que se puede importar solo esos etilos si se quiere? para no traer todo
  #6 (permalink)  
Antiguo 18/05/2006, 11:04
 
Fecha de Ingreso: noviembre-2005
Mensajes: 117
Antigüedad: 12 años, 1 mes
Puntos: 0
sabes que jamas lo use asi, siempre importe todo los estilos... es posible q sea eso q decis pero no le veo tanta utilidad, te va a complicar mas las cosas.
  #7 (permalink)  
Antiguo 18/05/2006, 12:42
 
Fecha de Ingreso: diciembre-2003
Mensajes: 1.583
Antigüedad: 14 años
Puntos: 13
Si bien las respuestas están correctas, están incompletas.

Cita:
Iniciado por rkpost
el import es el "include" que se coloca en la hoja de estilos para llamar a otras hojas.
Correcto

Cita:
Iniciado por rkpost
Conclusion: el html usa el LINK, el CSS usa el IMPORT
Incorrecto, también puedes cargar un archivo CSS mediante @import directamente desde el HTML.

Código HTML:
<style type="text/css">
    @import url("/style/wp3.css");
</style> 
La diferencia entre usar IMPORT y LINK es que el primero sólo lo entenderán los agentes de usuario que tengan soporte para CSS2.
__________________
El conocimiento es libre: Movimiento por la Devolución
  #8 (permalink)  
Antiguo 18/05/2006, 13:01
 
Fecha de Ingreso: octubre-2005
Mensajes: 536
Antigüedad: 12 años, 1 mes
Puntos: 1
Hola a todos, hola micayael.

Cita:
que son las palabras al lado del import? print, projection, tv
Son tipos de medios
http://www.sidar.org/recur/desdi/tra...css/media.html

Un detalle inportante. la mayoria no es consciente pero cuando escribes
<style type='text/css'>
el navegador lee:
<style type='text/css' media='screen'>
  #9 (permalink)  
Antiguo 18/05/2006, 17:19
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 12 años, 6 meses
Puntos: 17
También puedes usar un @import para que, por ejemplo, si alguien guarda tu página no incluya el css (no es eficiente, pero he visto que algunos lo usan para eso), otro uso que se le da al @import es para validar los documentos CSS y hacer los "hacks" para IE por aparte.

Saludos
__________________
Al final del día hablar es gratis, codificar no lo es
  #10 (permalink)  
Antiguo 18/05/2006, 17:28
 
Fecha de Ingreso: mayo-2006
Mensajes: 10
Antigüedad: 11 años, 6 meses
Puntos: 0
oigan pero segun esto xhtml no soporta style http:/ / w ww.sidar.org/recur/desdi/traduc/es/xhtml/xhtml-basic.html#s1.3
  #11 (permalink)  
Antiguo 18/05/2006, 18:17
 
Fecha de Ingreso: octubre-2005
Mensajes: 536
Antigüedad: 12 años, 1 mes
Puntos: 1
Hola a todos, hola chiva_a_muerte77.

Cita:
Iniciado por chiva_a_muerte77
oigan pero segun esto xhtml no soporta style http:/ / w ww.sidar.org/recur/desdi/traduc/es/xhtml/xhtml-basic.html#s1.3
Tranquilo.
La traducción del estándar que estas comentando empieza de la siguiente manera:

Cita:
Resumen

El tipo de documento XHTML Básico incluye el mínimo grupo de módulos requeridos para ser un documento del tipo XHTML host language, y en adición incluye imágenes, formularios, tablas básicas, y soporte de objetos. Está diseñado para clientes Web que no soporten el conjunto completo de características de XHTML; por ejemplo, clientes Web como podrían ser teléfonos móviles, PDAs, paginadores, y cajas de lectura. El tipo de documento es lo suficientemente rico para la creación de contenidos.
  #12 (permalink)  
Antiguo 19/05/2006, 08:50
Avatar de KnowDemon  
Fecha de Ingreso: julio-2004
Ubicación: Ciudad de México
Mensajes: 544
Antigüedad: 13 años, 5 meses
Puntos: 2
Cita:
Iniciado por Jorolo
Hola a todos, hola micayael.



Son tipos de medios
http://www.sidar.org/recur/desdi/tra...css/media.html

Un detalle inportante. la mayoria no es consciente pero cuando escribes
<style type='text/css'>
el navegador lee:
<style type='text/css' media='screen'>
Corrección: interpreta media="all" (Eso es lo que yo sé)

Respecto a lo que dice frijolerou, estoy de acuerdo en que el @import solo funciona bajo el CSS, pues en realidad el código dentro de la etiqueta style es CSS. (Por ejemplo, los comentarios tipo HTML no funcionan ahí)
__________________
Mi pequeño espacio en la web: VisiónE
"El cosmos es todo lo que es, todo lo que fue, y todo lo que será alguna vez."
  #13 (permalink)  
Antiguo 19/05/2006, 11:45
 
Fecha de Ingreso: octubre-2005
Mensajes: 536
Antigüedad: 12 años, 1 mes
Puntos: 1
Hola KnowDemon

Cita:
Iniciado por estandar html 4.01
media = descriptores de medios [CI]
Este atributo especifica el medio destino al que se dirige la información de estilo. Puede ser un solo descriptor de medios, o una lista de ellos separados por comas. El valor por defecto de este atributo es "screen" (pantalla).
http://html.conclase.net/w3c/html401...tml#adef-media
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 20:47.