CSS: Alternative Style Sheets

Você sabia que um documento HTML↳HTML45 conteúdosA importância do HTML e CSS para quem trabalha com UI Design e Design SystemProduto & UX · dez 2024Como hostear seu site HTML gratuitamente com GitHub PagesDev (Back & Front) · jun 2025SQL Server – Como criar um versionamento de código das suas Stored Procedures em HTML e com comentários da alteraçãoData · nov 2020Ver tudo em Dev (Back & Front) → não precisa necessariamente ter uma
única folha de estilos? Você pode proporcionar ao usuário várias outras
folhas de estilo em um único documento HTML, para que ele possa
escolher a que melhor se adequa a seu gosto, ou, partindo para o lado da
acessibilidade↳Acessibilidade11 conteúdosO que é Acessibilidade Web e como tornar seu site mais acessívelDev (Back & Front) · mar 2019Design para veteranos digitais: acessibilidade para nós mesmosProduto & UX · jan 2020Dicas de Front-End para usabilidade, acessibilidade, performance e responsividadeProduto & UX · fev 2025Ver tudo em Produto & UX →, criar folhas de estilo de alto contraste que facilite a
leitura de usuários com baixa visão.

Criar folhas de estilo alternativas não exige muito esforço e não
tem segredo algum, você só vai encontrar dificuldade devido a alguns
browsers que não suportam essa opção, mas, por exemplo, no firefox você
pode ir até Exibir > Estilos da página e trocar as folhas de estilo
dentre as disponíveis, se é que o site disponibiliza essa opção.

<link rel="stylesheet" type="text/css" href="default.css" title="Default CSS" /><br /><link rel="alternate stylesheet" type="text/css" href="simple.css" title="Simple CSS" /><br /><link rel="alternate stylesheet" type="text/css" href="dark.css" title="Dark CSS" />

A primeira folha de estilos foi a que eu defini como padrão, as
outras duas a seguir são as folhas de estilo alternativas, pois, como
podem observar, elas possuem o atributo re=”alternate stylesheet” e só
serão carregadas se o usuário alterá-las no browser. Para que vocês
entendam como isso funciona, dêem uma olhada no exemplo que criei para esse tutorial.