A nossa porta de entrada pra web é o HTML. O HTML foi criado no intuito de compartilhar de forma semântica conteúdo científico na internet fonte ⧉. Porém com o passar do tempo, esse escopo foi ficando cada vez maior pois pessoas autoras foram colocando cada vez mais personalidade em suas páginas, migrando seus negócios pro ambiente web e criando experiências que exigiam estruturas cada vez mais complexas que não haviam sido previstas no primeiro rascunho do HTML.
De início foram criadas tags e atributos que realizavam estilizações diretamente no HTML, como a tag <font> e <center>, porém pra documentos extensos era muito trabalhoso manter os estilos atualizados, daí a necessidade de uma forma mais simples e dissociada do HTML. Os estilos sendo gerenciados no próprio contexto tornam mais fácil o reaproveitamento, a escalabilidade e a facilidade de manter sites.
Ao referenciar um arquivo com a extensão .css, podemos injetar no nosso documento HTML estilos que estarão se referindo a tags ou atributos específicos através de seletores, de forma que conseguimos estilizar grandes blocos de conteúdo ao mesmo tempo com poucas linhas de código.
Próxima página → Como o CSS funciona?