¿Cuál es el tipo MIME de los archivos .css?
El tipo MIME (tipo de medio) de los archivos de hojas de estilo en cascada con la extensión .css es text/css. Los navegadores se niegan a aplicar una hoja de estilos servida con un tipo incorrecto cuando X-Content-Type-Options: nosniff está definido, lo que es una causa frecuente de errores de «página sin estilos» en servidores mal configurados y buckets de S3.
Cabecera Content-Type
Content-Type: text/css; charset=utf-8Los tipos basados en texto deben incluir un charset para que el navegador decodifique los caracteres correctamente.
Configuración del servidor
| Servidor | Configuración |
|---|---|
Nginx (mime.types o types {}) | text/css css; |
Apache (.htaccess) | AddType text/css .css |
IIS (web.config) | <mimeMap fileExtension=".css" mimeType="text/css" /> |
| Node.js / Express | res.type('css') o res.setHeader('Content-Type', 'text/css; charset=utf-8') |
| Amazon S3 | Define Content-Type: text/css en el objeto (metadatos), o pasa --content-type text/css a aws s3 cp |
¿Deben comprimirse los archivos .css?
Sí. Las hojas de estilo en cascada son texto, así que activar gzip o Brotli para text/css normalmente reduce el tamaño de transferencia entre un 50–80 %. Asegúrate de que la lista de compresión de tu servidor incluya este tipo; compruébalo con la prueba de compresión web.
Por qué importa el tipo MIME
Los navegadores deciden qué hacer con una respuesta (renderizarla, ejecutarla, reproducirla o descargarla) según la cabecera Content-Type, no según la extensión del archivo. Con X-Content-Type-Options: nosniff, un tipo incorrecto hace que las hojas de estilo y los scripts se bloqueen por completo. En las subidas de archivos, nunca confíes en el tipo enviado por el cliente; verifica el contenido del archivo (sus bytes mágicos) en el servidor.
Búsqueda de tipos MIME
Busca todas las extensiones de archivo y tipos MIME comunes, con cabeceras Content-Type listas para copiar.
Preguntas frecuentes
¿Cuál es el tipo MIME de .css?
text/css.¿Cómo configuro el Content-Type de .css en Nginx?
text/css css; aparezca en el bloque types (normalmente en /etc/nginx/mime.types) y recarga Nginx.