Quando a web surgiu, tudo era muito simples. As páginas eram basicamente texto, links e algumas imagens. Mas conforme a web cresceu, surgiu um problema sério: misturar conteúdo com aparência.

Foi esse problema que motivou o nascimento do CSS.

Como eram as páginas antes do CSS

Antes do CSS, o próprio HTML era usado para controlar aparência. Tags como <font>, atributos de cor, tamanho e alinhamento ficavam espalhados pelo código.

O resultado?

  • Código poluído
  • Páginas difíceis de manter
  • Mudanças visuais trabalhosas
Alterar a cor de um site inteiro podia significar editar centenas de arquivos.

O problema da mistura entre estrutura e visual

HTML foi criado para estruturar conteúdo, não para cuidar da aparência. Quando estrutura e visual ficam misturados, surgem vários problemas:

  • Dificuldade de manutenção
  • Repetição de código
  • Inconsistência visual

A web precisava de uma solução que separasse responsabilidades.

O nascimento do CSS

O CSS (Cascading Style Sheets) foi criado justamente para resolver esse problema.

A ideia central era simples e poderosa:

HTML cuida da estrutura. CSS cuida da aparência.

Com isso, o visual das páginas passou a ser controlado em um único lugar, sem poluir o HTML.

Reaproveitamento de código: uma das maiores vantagens

Uma das maiores revoluções trazidas pelo CSS foi o reaproveitamento de código.

Com um único arquivo CSS, é possível:

  • Definir cores do site inteiro
  • Padronizar fontes
  • Controlar espaçamentos
  • Manter consistência visual

Se algo muda no visual, basta alterar o CSS — não o HTML.

O que significa “Cascading”?

A palavra cascading significa que as regras de estilo seguem uma hierarquia.

Isso permite que:

  • Estilos gerais sejam reaproveitados
  • Exceções sejam aplicadas quando necessário
  • O código continue organizado
A cascata é o que torna o CSS flexível e poderoso.

A evolução do CSS ao longo do tempo

O CSS evoluiu muito desde sua criação.

Ao longo dos anos, ele ganhou recursos que tornaram possível:

  • Layouts complexos
  • Design responsivo
  • Animações
  • Interfaces modernas

Hoje, grande parte do visual da web moderna é feita apenas com CSS.

CSS no desenvolvimento moderno

Mesmo com frameworks e bibliotecas modernas, o CSS continua essencial.

Frameworks não substituem o CSS — eles apenas o organizam.

Quem não entende CSS acaba lutando contra frameworks. Quem entende CSS de verdade tem muito mais controle sobre o visual.

O que você vai aprender neste curso

Ao longo do curso de CSS do Contém Bits, você vai aprender:

  • Como o CSS funciona
  • Como aplicar estilos corretamente
  • Como criar layouts modernos
  • Como evitar gambiarras
  • Como escrever CSS limpo e reaproveitável

💾🧠 Resumo da aula para nunca mais esquecer

  • CSS foi criado para separar estrutura de aparência
  • Ele evita repetição e facilita manutenção
  • O conceito de cascata torna o CSS flexível
  • CSS evoluiu junto com a web
  • Entender CSS é essencial para o desenvolvimento moderno

Na próxima aula, vamos aprender como o CSS funciona na prática e conhecer as formas de aplicar estilos em uma página HTML.

HARDWARE

Entendendo o seu computador

O que há dentro do meu computador?

Existem alguns componentes fundamentais presentes dentro do seu computador e é muito importante que você conheça um pouco sobre eles, seja para argumentar com algum vendedor durante a compra de um novo PC ou para identificar alguma atitude desleal de algum técnico que esteja te passando um orçamento para reparo. Na seção Raio-X aqui do Contém Bits você pode conhecer e entender mais detalhadamente sobre cada componente, ou também pode clicar abaixo no componente que deseja, para conhecê-lo melhor.

  • Gabinetes

  • Placas-Mãe

  • Processadores

  • Memória

  • Fontes

  • Drives Ópticos

  • Discos Rígidos

  • SSD

  • Placas de Som

  • Placas de Vídeo

Você Sabia?

Duck Hunt

Ao completar o nível 99 do jogo Duck Hunt, para Nintendo, o jogo retorna ao primeiro nível, mas um bug impede que se acerte os patos neste recomeço. Este é um exemplo do que é chamado no mundo dos games de "Kill Screen".

Mega Man

A primeira versão do clássico Mega Man, para Nintendo 8 bits, tem seu recorde de pontos estabelecido em 03/11/2006, por David Archey, que cravou 2.396.700 pontos, terminando o jogo.

Final Fantasy

O famoso título Final Fantasy, da Square Enix, tem este nome exatamente porque se tratava da última esperança da empresa, que estava à beira da falência quando o lançou. Clique aqui e conheça detalhes dessa história.

Tomb Raider - O Filme

Considerando todas as adaptações de jogos de videogame para o cinema, a mais bem sucedida foi Lara Croft: Tomb Raider, lançado em 2001 e que faturou 274 milhões de dólares. Ele foi dirigido por Simon West e estrelado pela bela Angelina Jolie.

Civilization

A empresa Take-Two pagou à Infogrames mais de 22 milhões de dólares pelos direitos de Civilization, em novembro de 1994. Ainda sobre este título, Sid Meier, um dos seus fundadores, é o profissional da área dos games mais premiado em todo o mundo.