Geralmente inserimos folhas de estilo externas ou utilizamos o atributo style para inserir informações de estilo no HTML. A tag link é a opção mais utilizada e recomendada para inserir folhas de estilo externas, por exemplo:
<link href="cute.css" rel="stylesheet" type="text/css"/ >
Repare que nesse caso é informada qual a linguagem utilizada no estilo, através do type=”text/css”. Agora se você está utilizando o atributo style para estilos inline, o user agent pode não saber qual a linguagem utilizada no estilo aplicado. Ou se uma empresa desenvolver uma nova linguagem de estilos e um novo mime-type por exemplo, seria difícil impor e assegurar o funcionamento na plataforma de distribuição que temos hoje. Entretanto, existe uma maneira.
Se você precisar especificar uma linguagem padrão para todos os estilos aplicados no seu site, você pode utilizar uma meta tag no cabeçalho da sua página:
<meta http-equiv="Content-Style-Type" content="text/css"/>
E você pode inserir essa informação no header HTTP:
Content-Style-Type: text/css
Caso você utilize um servidor Apache, a partir da versão 2.0 você pode usar mod_headers e mod_setenvif no arquivo geral de configuração ou trabalhar a nível de diretório através do .htaccess:
SetEnvIf response Content-Type [text/html|application/xhtml+xml] html-content=1
Header add “Content-Style-Type: text/css” env=html-content
Vale lembrar que essas configurações não são ativadas por padrão na base de configuração do Apache, se você quiser utilizá-las, deve ativá-las manualmente.
Obs: Este artigo é a tradução de um post do blog da W3C. Incluí alguns links para ajudar que, em alguns casos, podem refletir a minha opnião e de outros autores. Se houver dúvidas, comente!