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?

Playstation

O Playstation só nasceu porque uma parceria entre Sony e Nintendo, para desenvolver uma unidade de CD para o Super Nintendo, fracassou. Clique aqui e saiba mais.

Ábaco

O ábaco é o dispositivo de cálculo mais antigo construído e conhecido pelo homem. Suas formas mais primitivas datam de 400 a.C. e eles foram encontrados na China e na Babilônia. Para saber mais sobre a história dos computadores, clique aqui.

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.

Música tema do Blanka

Até a primeira metade dos anos 90 era bastante comum que as trilhas sonoras dos games fossem criadas por mulheres e a responsável pelas músicas do clássico Street Fighter 2 foi Yoko Shimomura. Segundo ela, o ritmo "Tararirarin" da música tema do personagem Blanka, do Brasil, veio à sua cabeça enquanto ela estava no trem a caminho da Capcom.

PC com barulho?

Excesso de barulho dentro do seu gabinete, principalmente logo que você o liga, pode ser sintoma de problemas nas ventoinhas, que podem precisar ser limpas ou trocadas. Entre em contato com um técnico de sua confiança e verifique isso o quanto antes.