0Pricing
HTML for Kids · Aula

O que é CSS?

O que é CSS?

O que é CSS? é uma aula grátis de HTML for Kids no CoddyKit. Esta é a aula 1 de 1. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de HTML for Kids, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de HTML for Kids inclui 1 aulas no total.

Introdução

Olá,

Neste curso, aprenderemos CSS, uma linguagem de software que melhorará o aspecto visual das nossas páginas da web.

Se não estiver familiarizado com HTML, primeiro conclua o curso Introdução ao HTML. 

Se você disser que já conhece HTML, vamos começar.

O que é CSS? — ilustração 1

Nesta parte do nosso curso, aprenderemos por que precisamos de CSS

Nesta parte do nosso curso, aprenderemos por que precisamos de CSS.

Antes de tudo, vamos fazer a primeira pergunta que me veio à mente enquanto aprendia CSS.

O que o HTML não pode fazer para que precisemos aprender uma linguagem adicional?

HTML é uma linguagem que usamos para apresentar dados

Antes de tudo, vamos relembrar o que o HTML faz. 

HTML é uma linguagem que usamos para apresentar os dados que temos nas páginas da web (texto, imagem, fórmula etc.) aos usuários de forma mais precisa.

Um documento HTML como base de uma página da web

Por exemplo, vamos imaginar que estamos escrevendo um artigo em um caderno. 

Se removermos o ponto, a vírgula e outros sinais de pontuação do nosso artigo, poderemos representar incorretamente o que queremos dizer às pessoas que lerão o artigo.

Também existem tags HTML que usamos para expressar as informações que queremos fornecer aos usuários de forma mais clara nas páginas da web.

E uma página da web é um documento HTML, e os navegadores procuram um documento HTML para executar a página. Portanto, você pode pensar em um documento HTML como a base de uma página da web.

Então, o que o CSS faz?

Então, o que o CSS faz?

CSS é uma tecnologia desenvolvida para proporcionar o aspecto visual que o HTML não consegue oferecer durante a apresentação dos dados que temos.

CSS por analogia

Vamos pensar em outra analogia. Imagine que você esteja construindo uma casa. A principal função de uma casa é servir de abrigo para as pessoas que viverão nela. É isso que o HTML faz.

O objetivo principal de uma página da web é fornecer informações às pessoas que a abrem no navegador. CSS é a tecnologia que fornece a pintura externa da casa, sua decoração e o posicionamento adequado das janelas.

CSS por analogia 2

Mesmo que páginas da Web ideais não tenham CSS (por exemplo, a Wikipedia), o HTML cumpre a tarefa principal porque transporta dados. No entanto, o CSS ajuda o HTML a apresentar esses dados ao usuário de maneira mais significativa e bonita.

O que é CSS? — ilustração 7

Wikipedia - 1

A imagem acima é uma captura de tela do site wikipedia.com com os estilos desativados. 

Em outras palavras, usando apenas a linguagem HTML, podemos obter para os visitantes um resultado como o exibido acima.

O que é CSS? — ilustração 8

Wikipedia 2

Agora vamos observar o resultado ao reativar o código CSS.

Como você pode ver, os dados apresentados no site não mudam, mas, com CSS, nosso site apenas se torna mais amigável para os usuários.

O que é CSS? — ilustração 9

adquiriu muitos recursos visuais

Com a versão atual do CSS, o CSS3, ele adquiriu muitos recursos visuais.

perguntas mais frequentes

Aprendemos o que é CSS. Antes de passar para a próxima seção,

vamos ver as perguntas mais frequentes sobre CSS.

História do CSS

Desde quando o CSS (Cascading Style Sheets) é usado?

O CSS é uma tecnologia usada desde 1996.

sem usar CSS?

Posso criar uma página da web sem usar CSS?

Sim, pode. Mas ela provavelmente ficará tão ruim que nenhum usuário a acessará. Sem CSS, uma página da web não pode ser literalmente chamada de página da web.

Pergunta sobre os principais aplicativos da web

Aplicativos da web importantes, como Facebook, Google e Amazon, usam CSS?

Sim. Não apenas esses, mas todas as páginas da web que você abre no navegador usam CSS.

É difícil aprender CSS?

É difícil aprender CSS?

CSS é fácil de aprender. Escreveremos código como se estivéssemos falando inglês. No entanto, os desenvolvedores de software frequentemente consideram alguns detalhes menores difíceis. 

Por exemplo, como posicionar os blocos na página. Vamos nos concentrar nesses e em outros problemas semelhantes. Ao final do nosso curso, você certamente aprenderá CSS.

Dicas sobre CSS

Você tem algum conselho sobre o que devo fazer enquanto aprendo CSS?

Sim. Você pode aprender CSS muito rapidamente se praticar bastante.

Parabéns

Parabéns. 🥳🥳🥳

Você concluiu a lição O que é CSS.

Na próxima seção, aprenderemos a Introdução ao CSS.

Você pode clicar para continuar na próxima seção.

O que é CSS? — ilustração 17

Perguntas Frequentes

A aula “O que é CSS?” é grátis?

Sim — o texto completo de “O que é CSS?” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de HTML for Kids, atualize para CoddyKit PRO. O curso de HTML for Kids inclui 1 aulas no total.

O que vou aprender em “O que é CSS?”?

O que é CSS? Você pratica HTML for Kids com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.

Preciso ter experiência prévia para começar HTML for Kids?

Nenhuma experiência prévia é necessária. HTML for Kids no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 1 de 1.

Quanto tempo leva a aula “O que é CSS?”?

A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.

Posso escrever e executar código nesta aula de HTML for Kids?

Sim. Cada aula de HTML for Kids inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.

← Voltar para HTML for Kids