Krāsas ar CSS — Farger med CSS

Nora ar CSS piešķir mājaslapai krāsas, atstarpes un skaidras pogas.

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

📖 Lasi komiksu ar norvēģu audio 🧩 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 un JavaScript bērniem · CSS

Dialogs norvēģu valodā ar tulkojumu latviešu valodāNora: Siden virker, men den ser litt kjedelig ut.Lapa darbojas, bet izskatās mazliet garlaicīga.
Robo: Da trenger vi CSS. CSS bestemmer hvordan siden ser ut.Tad mums vajag CSS. CSS nosaka, kā lapa izskatās.
Nora: Jeg velger lilla til overskriften.Virsrakstam es izvēlos violetu.
Robo: En CSS-regel har en velger, en egenskap og en verdi.CSS noteikumam ir selektors, īpašība un vērtība.
Nora: Kan hele siden få en varm bakgrunn?Vai visai lapai var būt silts fons?
Robo: Ja. Velgeren body betyr hele innholdet.Jā. Selektors body nozīmē visu saturu.
Nora: Teksten er for liten på mobilen.Telefonā teksts ir par mazu.
Robo: font-size gjør bokstavene større. px er en måleenhet.font-size padara burtus lielākus. px ir mērvienība.
Nora: Knappen trenger luft rundt teksten.Pogai vajag atstarpi ap tekstu.
Robo: padding lager plass inni elementet.padding rada vietu elementa iekšpusē.
Nora: Nå er siden både tydelig og fin!Tagad lapa ir gan skaidra, gan skaista!
Robo: Bra design hjelper brukeren å forstå siden.Labs dizains palīdz lietotājam saprast lapu.

Norvēģu vārdi no šī komiksa

CSS	CSS — stila valoda
en regel	noteikums
en velger	selektors
en egenskap	īpašība
en verdi	vērtība
en bakgrunn	fons
en farge	krāsa
en skrift	fonts
en størrelse	izmērs
luft	atstarpe, vieta
tydelig	skaidrs
å se ut	skatīties

Vēl norvēģu komiksi, līmenis A2

Punkti kastītē (Poeng i boksen)
Atrodi kļūdu! (Finn feilen!)
Kura valoda? (Hvilket språk?)
Skolas modelis (En modell av skolen)
Mājaslapa Pusam: HTML pamati (Nettsiden til Pus)
Poga, kas atbild (Knappen som svarer)
Mājaslapa visiem (En nettside for alle)
Ceļi starp tīmekļa lapām (Veier mellom nettsider)