Hola.
El funcionamiento de los dos métodos para enlazar una hoja de estilos es muy parecido.
@import url (“dirección_absoluta_o_relativa_de_la_hoja_de_ estilo.css”) tiene algunas particularidades: se utiliza cuando existe un estilo general y común definido para todas las páginas y a ello se quiere añadir unos estilos específicos para cada página.
Las variaciones sobre el estilo general se tendrán que definir a continuación del enlace entre etiquetas </style>
Un ejemplo podría ser el siguiente
<stle type=”text/css”>
@import url (“estilo.css”);
body{
background-color:#ffffff;
}
</style>
Es como decirle al navegador: “aplica los estilos indicados en la dirección que te he puesto, con la salvedad del color de fondo del body que, aunque en la hoja se te diga que debe ser de otro color, en esta página quiero que sea blanco ”.
Otra peculiaridad del sistema @imort url (“estilo.css”) es que permite conferir modularidad a la hoja de estilos, ya que se pueden enlazar varios archivos. Por ejemplo
@import url(estilogeneral.css);
@import url(estilodetablas.css);
@import url(estiloelementosespeciales.css);
Así podríamos establecer estilos generales en una hoja, en otra los estilos relativos a las tablas y, en otra más, los estilos de los selectores que se utilizan sólo en raras ocasiones.
De esta manera volvemos más rápida la carga de las páginas y más ligeros los archivos .css, ya que si una de ellas no contiene ni tabla ni elementos especiales, simplemente no le enlazamos las hojas de estilo correspondientes.
Una página que utiliza el método de enlace @importt y que seguramente ya conoces es la famosísima
zen garden, así que no será necesario que te recomiende visitarla para ver como gente con mucho talento ha interpretado el mismo código html para “vestirlo” con diferentes hojas de estilo.
Respecto a las páginas en varios idiomas, no se decirte nada porque no lo he hecho nunca, pero, como el tema me interesa, lo indagaré. Mmañana o pasado, si nadie te ha contestado, fijo que te pondré algo.
Saludos. Piero
