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?

Tetris

Desde o seu lançamento, em 1985, o fantástico jogo Tetris vende pelo menos 70 milhões de unidades por ano em todo o mundo! Os dados são oficiais e fornecidos pela THQ, uma das distribuidoras do título.

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.

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.

Computadores de 1,5 tonelada

Em 1949 a revista Popular Mechanics fez uma previsão para o futuro, dizendo: "Um dia os computadores pesarão menos do que 1,5 tonelada". E pensar que temos smartphones capazes de realizar milhões de vezes mais operações do que os computadores daquela época.

Asteroids

O título Asteroids, do Atari, possui recorde de pontuação há 30 anos. Em 1982 um americano chamado Scott Safran atingiu a marca de 41.336.440. Atualmente ele faz parte de um minúsculo grupo de jogadores que conseguiram manter seus recordes por mais de 30 anos.