// aula 03 · CSS · História
O problema que o CSS veio resolver
Nos primeiros anos da web, toda a aparência visual estava misturada dentro do HTML. Quem queria mudar a cor de um título precisava adicionar a tag <font color="red"> em volta de cada título, em cada página. Mudar o visual de um site inteiro significava editar centenas de arquivos.
A web crescia rápido, os sites ficavam maiores, e essa abordagem virava um pesadelo de manutenção. Era urgente separar o conteúdo (HTML) da apresentação (como ele ficaria visualmente).
<font>, <center>, <blink>A linha do tempo do CSS
Outubro 1994 — CERN
Em outubro de 1994, um norueguês chamado Håkon Wium Lie estava trabalhando com Tim Berners-Lee no CERN. Ele publicou a primeira proposta de um documento chamado "Cascading HTML Style Sheets" — o embrião do CSS.
A ideia central era simples mas revolucionária: separar o conteúdo (HTML) da apresentação (CSS), e permitir que tanto o desenvolvedor quanto o usuário tivessem controle sobre como o conteúdo seria exibido — com uma "cascata" de regras determinando qual estilo prevalece.
👤 Håkon Wium Lie — norueguês, criador do CSS1994 — W3C
O programador holandês Bert Bos estava desenvolvendo uma proposta similar de stylesheet para o browser Argo. Ele se uniu a Håkon e juntos refinaram o conceito, tornando-se os co-autores do CSS1. A colaboração foi fundamental para que o CSS se tornasse um padrão aberto e não uma solução proprietária.
👤 Bert Bos — holandês, co-autor do CSSDezembro 1996 — W3C
O W3C publicou o CSS Level 1 em dezembro de 1996. Era relativamente simples: permitia controlar fontes, cores, espaçamentos, margens, bordas e backgrounds. Não havia layout complexo — era focado em tipografia e aparência básica.
O problema: levou anos para os browsers implementarem corretamente. A Microsoft foi a primeira com o Internet Explorer 3 em 1996, mas a implementação era bugada. Os desenvolvedores ficaram frustrados por anos com comportamentos inconsistentes.
Maio 1998 — W3C
O CSS2 expandiu enormemente as capacidades. Trouxe posicionamento (absolute, relative, fixed), z-index, media types (estilos diferentes para impressão, tela, etc.), pseudo-classes (:hover, :focus) e pseudo-elementos (::before, ::after). Pela primeira vez era possível fazer layouts mais complexos sem tabelas.
2004–2011 — W3C
O CSS 2.1 não trouxe features novas — sua função foi corrigir erros e inconsistências do CSS2, removendo funcionalidades mal suportadas e documentando com precisão o que os browsers realmente faziam. Ficou em draft por anos por causa da complexidade política entre W3C e os fabricantes de browsers.
1999 → hoje — W3C
O CSS3 não é uma versão única — é um conjunto de módulos independentes, cada um com seu próprio ciclo de desenvolvimento. Isso permitiu que features prontas fossem implementadas sem esperar as demais. Os módulos trouxeram: border-radius, box-shadow, gradients, transitions, animations, flexbox, grid, custom properties (variáveis CSS) e muito mais.
O Flexbox (2012) e o CSS Grid (2017) foram as maiores revoluções — finalmente era possível criar layouts complexos de forma limpa, sem gambiarras com floats e tabelas.
Hoje — Módulos contínuos
O CSS continua evoluindo com features poderosas: container queries (estilos baseados no tamanho do componente, não da tela), cascade layers, :has() (o seletor pai), color-mix(), subgrid e muito mais. Não haverá "CSS4" como versão — o modelo de módulos continua sendo o caminho.
Curiosidades
O "C" de CSS significa Cascata. Quando múltiplas regras se aplicam ao mesmo elemento, uma hierarquia (a cascata) determina qual prevalece — levando em conta especificidade, ordem de declaração e herança. Essa é uma das partes mais importantes e mais temidas do CSS.
Håkon Wium Lie se tornou CTO da Opera Software — um dos browsers que mais defendeu os padrões web abertos nos anos 2000. Ele também é conhecido por campanhas públicas contra browsers que não seguiam os padrões W3C.
Nos anos 2000, desenvolvedores tinham que usar CSS hacks para lidar com bugs do Internet Explorer — truques sujos como * html e comentários condicionais para fazer o mesmo CSS funcionar em diferentes browsers. Deu origem ao bordão: "It works in Firefox!"
A primeira proposta do Flexbox foi em 2009. Sua sintaxe mudou três vezes antes de ser finalizada. O suporte consistente nos browsers só veio por volta de 2015 — seis anos depois. Hoje é a ferramenta de layout mais usada na web.