Cores com CSS — Farger med CSS

A Nora dá ao site cores, espaçamento e botões claros com CSS.

🇳🇴 Nora gir nettsiden farger, luft og tydelige knapper med CSS.

📖 Leia o quadrinho com áudio em norueguês 🧩 Quiz

Siden virker, men den ser litt kjedelig ut. Da trenger vi CSS. CSS bestemmer hvordan siden ser ut.

Jeg velger lilla til overskriften. En CSS-regel har en velger, en egenskap og en verdi.

Kan hele siden få en varm bakgrunn? Ja. Velgeren body betyr hele innholdet.

Learning goals

HTML, CSS e JavaScript para crianças · CSS

Diálogo em norueguês com tradução em portuguêsNora: Siden virker, men den ser litt kjedelig ut.A página funciona, mas está meio sem graça.
Robo: Da trenger vi CSS. CSS bestemmer hvordan siden ser ut.Então precisamos de CSS. O CSS decide como a página vai ficar.
Nora: Jeg velger lilla til overskriften.Escolho roxo para o título.
Robo: En CSS-regel har en velger, en egenskap og en verdi.Uma regra de CSS tem um seletor, uma propriedade e um valor.
Nora: Kan hele siden få en varm bakgrunn?A página inteira pode ter um fundo de cor quente?
Robo: Ja. Velgeren body betyr hele innholdet.Pode. O seletor body quer dizer todo o conteúdo.
Nora: Teksten er for liten på mobilen.O texto está pequeno demais no celular.
Robo: font-size gjør bokstavene større. px er en måleenhet.font-size deixa as letras maiores. px é uma unidade de medida.
Nora: Knappen trenger luft rundt teksten.O botão precisa de espaço em volta do texto.
Robo: padding lager plass inni elementet.padding cria espaço dentro do elemento.
Nora: Nå er siden både tydelig og fin!Agora a página está clara e bonita!
Robo: Bra design hjelper brukeren å forstå siden.Um bom design ajuda o usuário a entender a página.

Palavras norueguesas deste quadrinho

CSS	CSS — linguagem de estilo
en regel	uma regra
en velger	um seletor
en egenskap	uma propriedade
en verdi	um valor
en bakgrunn	um fundo
en farge	uma cor
en skrift	uma fonte (letra)
en størrelse	um tamanho
luft	espaço, respiro
tydelig	claro, nítido
å se ut	parecer, ter a aparência de

Mais quadrinhos em norueguês, nível A2

Pontos na caixa (Poeng i boksen)
Encontre o bug! (Finn feilen!)
Qual linguagem? (Hvilket språk?)
Um modelo da escola (En modell av skolen)
Um site para o Pus: o básico do HTML (Nettsiden til Pus)
O botão que responde (Knappen som svarer)
Um site para todos (En nettside for alle)
Caminhos entre páginas (Veier mellom nettsider)