Farger med CSS

Replikker på norsk med engelsk oversettelse

Nora: Siden virker, men den ser litt kjedelig ut.The page works, but it looks a little dull.

Robo: Da trenger vi CSS. CSS bestemmer hvordan siden ser ut.Then we need CSS. CSS decides how the page looks.

Nora: Jeg velger lilla til overskriften.I choose purple for the heading.

Robo: En CSS-regel har en velger, en egenskap og en verdi.A CSS rule has a selector, a property and a value.

Nora: Kan hele siden få en varm bakgrunn?Can the whole page have a warm background?

Robo: Ja. Velgeren body betyr hele innholdet.Yes. The body selector means all the content.

Nora: Teksten er for liten på mobilen.The text is too small on the phone.

Robo: font-size gjør bokstavene større. px er en måleenhet.font-size makes the letters bigger. px is a unit.

Nora: Knappen trenger luft rundt teksten.The button needs space around its text.

Robo: padding lager plass inni elementet.padding creates space inside the element.

Nora: Nå er siden både tydelig og fin!Now the page is both clear and pretty!

Robo: Bra design hjelper brukeren å forstå siden.Good design helps the user understand the page.

Ord fra tegneserien