Agora que você já sabe por que o CSS foi criado, chegou a hora de entender o que ele é de verdade e como o navegador usa CSS para transformar HTML em visual.

Essa aula cria o modelo mental que vai te acompanhar pelo curso inteiro.

O que é CSS?

CSS significa Cascading Style Sheets (Folhas de Estilo em Cascata).

Na prática, CSS é a linguagem usada para definir:

  • Cores
  • Fontes
  • Tamanhos
  • Espaçamentos
  • Layout

Enquanto o HTML descreve o que é o conteúdo, o CSS descreve como esse conteúdo deve aparecer.

CSS não cria conteúdo

Um ponto muito importante:

CSS não cria conteúdo. Ele apenas estiliza o que já existe no HTML.

Se algo não existe no HTML, o CSS não consegue “inventar”. Por isso, HTML bem estruturado é sempre o primeiro passo.

Como o CSS funciona?

O CSS funciona através de regras de estilo. Cada regra diz ao navegador:

  • Quem será estilizado
  • O quê será alterado
  • Como será exibido

Uma regra CSS tem três partes fundamentais.

A estrutura de uma regra CSS

 p { color: blue; }

Vamos entender cada parte:

  • Seletor → indica qual elemento será estilizado (p)
  • Propriedade → o que será alterado (color)
  • Valor → como será alterado (blue)
CSS é declarativo: você descreve o resultado, não o processo.

O navegador como intérprete de CSS

Assim como acontece com o HTML, o navegador:

  • Lê o CSS
  • Interpreta as regras
  • Aplica os estilos aos elementos correspondentes

Se várias regras se aplicam ao mesmo elemento, o navegador decide qual usar com base em regras bem definidas (cascata, herança e especificidade — veremos isso já já 👀).

CSS não “executa”

CSS não funciona como uma linguagem de programação.

CSS não tem if, loop ou função no sentido tradicional.

Ele descreve estados visuais. O navegador resolve como aplicar essas descrições.

HTML + CSS trabalhando juntos

Imagine este HTML: 

 <p>Olá, Contém Bits!</p>

E este CSS: 

 p { color: #428bca; font-size: 18px; }

O HTML define o conteúdo. O CSS define a aparência. Cada um faz seu papel. No exemplo acima o parágrafo terá a cor azul (#428bca) e o tamanho de fonte fixado em 18 pixels.

Modelo mental correto

Pense no HTML como o esqueleto e pense no CSS como a roupa e a aparência

Se a estrutura for boa, o visual pode mudar quantas vezes quiser.

💾🧠 Resumo da aula para nunca mais esquecer

  • CSS define a aparência do conteúdo HTML
  • Ele funciona por regras de estilo
  • Uma regra tem seletor, propriedade e valor
  • CSS é declarativo, não programável
  • HTML e CSS têm papéis diferentes e complementares

Na próxima aula, vamos aprender as formas de aplicar CSS e entender qual usar em cada situação.

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.

Máquina de Pascal

A Máquina de Pascal, criada em 1642 pelo filósofo, físico e matemático francês Blaise Pascal, é reconhecida como o primeiro computador do mundo e ele foi criado com o objetivo de calcular impostos. Saiba mais.

Mario em Donkey Kong

O personagem Mario surgiu pela primeira vez no mundo dos games em um jogo chamado Donkey Kong, lançado em 1981. Mario, que naquela época se chamava Jumpman, não era o personagem principal do jogo, mas ele se tornaria um dos mais famosos personagens do mundo dos games. Saiba mais.

Mortal Kombat - O Filme

O filme Mortal Kombat, inspirado no jogo de mesmo nome, faturou 23 milhões de dólares apenas no fim de semana de estreia nos EUA. Ainda sobre este título de sucesso, outra cifra que impressiona é o faturamento ao longo do primeiro ano: 1 bilhão de dólares no mundo todo.

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.