import y link, acaso no son lo mismo?

micayael · #1 (**permalink**) 18/05/2006, 08:39

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?

rkpost · #2 (**permalink**) 18/05/2006, 08:44

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

micayael · #3 (**permalink**) 18/05/2006, 09:00

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?

rkpost · #4 (**permalink**) 18/05/2006, 09:09

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.

micayael · #5 (**permalink**) 18/05/2006, 09:50

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

rkpost · #6 (**permalink**) 18/05/2006, 10:04

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.

frijolerou · #7 (**permalink**) 18/05/2006, 11:42

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.

Jorolo · #8 (**permalink**) 18/05/2006, 12:01

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'>

baccxus · #9 (**permalink**) 18/05/2006, 16:19

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

chiva_a_muerte77 · #10 (**permalink**) 18/05/2006, 16:28

oigan pero segun esto xhtml no soporta style http:/ / w ww.sidar.org/recur/desdi/traduc/es/xhtml/xhtml-basic.html#s1.3

Jorolo · #11 (**permalink**) 18/05/2006, 17:17

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.

KnowDemon · #12 (**permalink**) 19/05/2006, 07:50

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í)

Jorolo · #13 (**permalink**) 19/05/2006, 10:45

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