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?

Space Invaders

A partida mais longa do clássico Space Invaders durou incríveis 38 horas e 32 minutos e esta façanha foi conseguida por um jogador de apenas 12 anos! O jogo, claro, podia ser pausado para alimentação e descanso, mas ainda assim o recorde, estabelecido no dia 02/09/1980, ainda não foi quebrado. Saiba mais.

Mouse

O mouse foi criado em 9 de dezembro de 1968, por um americano chamado Douglas Engelbart, que o batizou de "XY Position Indicator for a Display System". Conheça a história do mouse clicando aqui.

Recorde de patentes

A IBM detém o recorde de patentes em um único ano, atingindo a marca de 4186 registros no ano de 2008. Clique aqui e saiba mais sobre esta gigante do mundo da tecnologia.

Galaxy Game

As primeiras máquinas de fliperama do mundo a utilizarem moedas, chamadas de Galaxy Game, custavam mais de 20 mil dólares para serem produzidas. Saiba mais sobre elas aqui.

Donkey Kong

A empresa Universal City Studios, detentora dos direitos autorais do King Kong, processou a Nintendo logo após o lançamento de Donkey Kong, pois segundo ela, o game violava os seus direitos. Ela venceu o processo e recebeu da Nintendo uma indenização de quase 2 milhões de dólares.