Primero, presentemos las cuatro formas comunes de relacionar documentos HTML con CSS:
1. Utilice etiquetas de enlace
| ＜enlace rel="hoja de estilo" tipo="texto/css" href="hoja.css" /＞ |
2. Utilice elementos de estilo
＜tipo de estilo="text/css"＞ cuerpo{fondo:#fff;} h1{tamaño de fuente:2em;} ＜/estilo＞ |
3. Utilice la directiva @import
＜tipo de estilo="text/css"＞ @importar URL(hoja1.css); @importar "hoja2.css"; ＜/estilo＞ |
| ＜p style="color:#f00;"＞Este es texto rojo＜/p＞ |
En aplicaciones prácticas, no se recomienda el uso de estilos en línea que utilizan el atributo de estilo. XHTML1.1 ha estandarizado su uso como no recomendado. La razón es simple. Este método no es mucho mejor que la etiqueta de fuente y debilita el control centralizado. Aspecto completo del documento mediante CSS.
Los primeros tres métodos utilizan etiquetas de enlace y etiquetas de estilo, y tienen las siguientes limitaciones en IE (incluidos IE6, IE7 e IE8 beta1):
◆ Sólo se puede aplicar el CSS asociado con los primeros 31 enlaces o etiquetas de estilo del documento.
A partir del número 32, el CSS asociado a su etiqueta no será válido. La documentación oficial de IE Todas las etiquetas de estilo después de las primeras 30 etiquetas de estilo en una página HTML no se aplican en Internet Explorer también menciona esta limitación, incluida esta limitación en archivos .xml que usan .xsl. Pero parece que se escribió la cantidad incorrecta. Por favor véalo en IE:
◆ Una etiqueta de estilo solo es válida para las primeras 31 instrucciones @import.
Ignorado a partir de la 32ª directiva @import.
◆ Sólo se aplican de manera efectiva las primeras 31 instrucciones @import de un archivo css.
Ignorado a partir de la directiva 31 @import.
◆ ¿Un archivo CSS no puede exceder los 288 kb?
Esta noticia proviene del límite de tamaño de archivos CSS de Internet Explorer.
Las restricciones de IE sobre CSS no se encontrarán en la mayoría de los casos. Incluso si se encuentra la mejor solución, debería ser fusionar los archivos CSS y las etiquetas de respuesta manualmente o mediante un programa de back-end para minimizar las solicitudes http. optimización de la representación de la página.