Qual é o tipo MIME dos arquivos .css?
O tipo MIME (media type) dos arquivos Cascading Style Sheets com a extensão .css é text/css. Os navegadores se recusam a aplicar uma folha de estilo enviada com o tipo errado quando X-Content-Type-Options: nosniff está definido — uma causa comum de bugs de “página sem estilo” em servidores mal configurados e buckets do S3.
Cabeçalho Content-Type
Content-Type: text/css; charset=utf-8Tipos baseados em texto devem incluir um charset para que o navegador decodifique os caracteres corretamente.
Configuração do servidor
| Servidor | Configuração |
|---|---|
Nginx (mime.types ou 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') ou res.setHeader('Content-Type', 'text/css; charset=utf-8') |
| Amazon S3 | Defina Content-Type: text/css no objeto (metadados) ou passe --content-type text/css para aws s3 cp |
Os arquivos .css devem ser comprimidos?
Sim. Cascading Style Sheets é texto, então ativar gzip ou Brotli para text/css normalmente reduz o tamanho da transferência em 50–80%. Certifique-se de que a lista de compressão do seu servidor inclui esse tipo — verifique com o teste de compressão de site.
Por que o tipo MIME importa
Os navegadores decidem o que fazer com uma resposta — renderizar, executar, reproduzir ou baixar — pelo cabeçalho Content-Type, e não pela extensão do arquivo. Com X-Content-Type-Options: nosniff, um tipo errado faz com que folhas de estilo e scripts sejam bloqueados. Em uploads, nunca confie no tipo enviado pelo cliente; verifique o conteúdo do arquivo (seus magic bytes) no servidor.
Consulta de tipo MIME
Pesquise todas as extensões de arquivo e tipos MIME comuns, com cabeçalhos Content-Type prontos para copiar.
Perguntas frequentes
Qual é o tipo MIME do .css?
text/css.Como definir o Content-Type para .css no Nginx?
text/css css; está listado no bloco types (geralmente em /etc/nginx/mime.types) e recarregue o Nginx.