Array

What & amp; apos; s la diferencia entre @import y Link para CSS?

-

Young man studying in library

Los diferentes sitios incluyen sus hojas de estilo en cascada externas de diferentes maneras & amp; # x2014; ya sea mediante el uso del enfoque @import o mediante el enlace a ese archivo CSS. What & amp; apos; s la diferencia entre @import y link para CSS, y cómo decidió cuál es mejor para usted?

La diferencia entre @import y Link

La vinculación es el primer método para incluir una hoja de estilo externa en sus páginas web. Está destinado a vincular su página con su hoja de estilo. Se agrega al encabezado de su documento HTML.

Video destacado

Importar le permite importar una hoja de estilo a otra. Esto es ligeramente diferente al escenario del enlace porque puede importar hojas de estilo dentro de una hoja de estilo vinculada.

Desde el punto de vista de los estándares, no hay diferencia entre vincular a una hoja de estilo externa o importarla. De cualquier manera es correcto & amp; amp; nbsp; y de cualquier manera funcionará igualmente bien en la mayoría de los casos. Sin embargo, hay algunas razones por las que es posible que desee usar una sobre la otra.

¿Por qué usar @import??

Hace muchos años, la razón más común que se dio para usar @import en su lugar (o junto con) es porque los navegadores más antiguos no reconocieron @import, por lo que podría ocultarles estilos. Al importar sus hojas de estilo, esencialmente las pondría a disposición de navegadores más modernos y compatibles con los estándares, mientras que & amp; quot; hiding & amp; quot; ellos de las versiones anteriores del navegador.

Otro uso para el método @import es usar varias hojas de estilo en una página, mientras que solo incluye un solo enlace en la cabeza de su documento y amp; apos;. Por ejemplo, una corporación podría tener una hoja de estilo global para cada página del sitio, con subsecciones que tienen estilos adicionales que solo se aplican a esa subsección. Al vincular a la hoja de estilo de la subsección e importar los estilos globales en la parte superior de esa hoja de estilo, no tiene que mantener una hoja de estilo gigantesca con todos los estilos para el sitio y cada subsección. El único requisito es que cualquier regla de @import debe presentarse antes que el resto de sus reglas de estilo. La herencia aún puede ser un problema.

¿Por qué usar el enlace??

El no. 1 razón para usar hojas de estilo vinculadas es proporcionar hojas de estilo alternativas para sus clientes. Los navegadores como Firefox, Safari y Opera admiten rel = & amp; quot; alternate stylesheet & amp; quot; atributo y cuando haya uno disponible permitirá a los espectadores cambiar entre ellos. También puede usar un conmutador de JavaScript para cambiar entre hojas de estilo en IE & amp; # x2014; más a menudo se usa con diseños de zoom para fines de accesibilidad.

Uno de los inconvenientes de usar @import es que si tiene una cabeza muy simple con solo la regla @import en ella, sus páginas pueden mostrar un & amp; quot; flash de contenido sin estilo & amp; quot; mientras se cargan. Una solución simple a esto es asegurarse de tener al menos un enlace adicional o elemento de script en su cabeza.

¿Qué pasa con el tipo de medio??

Muchos escritores afirman que puede usar el tipo de medio para ocultar hojas de estilo de navegadores más antiguos. A menudo, mencionan esta idea como un beneficio para usar @import o, pero puede configurar el tipo de medio con cualquiera de los métodos y navegadores más antiguos que no admiten los tipos de medios won & amp; apos; t verlos en cualquier caso.& amp; amp; nbsp;

Entonces, ¿qué método debes usar??

La mayoría de los desarrolladores usan hoy el enlace y luego importan hojas de estilo en hojas de estilo externas. De esa manera, solo tiene una o dos líneas de código para ajustar en sus documentos HTML. Pero la conclusión es que depende de usted. Si usted y amp; apos; se sienten más cómodos con @import, entonces hágalo! Ambos métodos cumplen con los estándares y, a menos que usted y amp; apos; estén planeando admitir navegadores realmente viejos, no hay una razón sólida para usar ninguno de los dos.

& amp; # x203A; Informática

Dejar respuesta

Please enter your comment!
Please enter your name here

FOLLOW US

spot_img

Related Stories