https://fhricardo.github.io/curso-dev-front-end/

Introdução à Linguagem CSS

Por Kmosman - Obra do próprio, CC BY-SA 3.0, https://commons.wikimedia.org/w/index.php?curid=6352005
Håkon Wium Lie, o criador do CSS

O CSS — sigla para Cascading Style Sheets — é a linguagem responsável por dar estilo às páginas da web. Enquanto o HTML define a estrutura e o conteúdo, o CSS controla a aparência visual: cores, fontes, tamanhos, espaçamentos, alinhamentos, animações e até o layout completo de um site.

O CSS surgiu em 1996, criado por Håkon Wium Lie, que na época trabalhava com Tim Berners-Lee no CERN. Antes do CSS, toda a formatação visual precisava ser feita diretamente no HTML, tornando o código confuso e difícil de manter. O CSS veio para separar a estrutura do conteúdo (HTML) da camada de apresentação (estilo), tornando o desenvolvimento mais organizado e flexível.

A primeira versão oficial, CSS1, foi lançada em 1996, oferecendo controle básico sobre fontes, cores e espaçamento. Em 1998, o CSS2 trouxe avanços como posicionamento de elementos, camadas (layers) e suporte para diferentes mídias (impressão e tela). Com o passar dos anos, o CSS2.1 refinou e corrigiu a especificação.

O grande salto veio com o CSS3, lançado de forma modular a partir de 1999 e desenvolvido continuamente até hoje. Essa versão introduziu recursos poderosos como cantos arredondados, sombras, gradientes, animações, transições, flexbox, grid layout e muito mais, permitindo que o design web atingisse níveis antes possíveis apenas com imagens ou scripts complexos.

Atualmente, o CSS continua evoluindo sob os padrões definidos pelo W3C, com novos módulos sendo adicionados constantemente. Recursos modernos como variáveis CSS (custom properties), container queries, subgrid e funções avançadas de cor já fazem parte da especificação e são amplamente suportados nos navegadores mais recentes.

Neste curso, vamos explorar o CSS desde o básico — como aplicar estilos simples — até técnicas avançadas para criar layouts responsivos, animações fluidas e interfaces visuais profissionais. Você aprenderá a trabalhar com boas práticas, mantendo seu código limpo, reutilizável e fácil de manter.

Dominar o CSS é essencial para transformar estruturas HTML em experiências visuais marcantes, garantindo que forma e função andem sempre juntas.

Official CSS Logo