Des couleurs avec CSS — Farger med CSS

Learning goals

HTML, CSS et JavaScript pour enfants · CSS

Dialogue en norvégien avec traduction française

Nora: Siden virker, men den ser litt kjedelig ut.La page fonctionne, mais elle a l'air un peu terne.

Robo: Da trenger vi CSS. CSS bestemmer hvordan siden ser ut.Alors il nous faut du CSS. CSS décide de l'apparence de la page.

Nora: Jeg velger lilla til overskriften.Je choisis le violet pour le titre.

Robo: En CSS-regel har en velger, en egenskap og en verdi.Une règle CSS a un sélecteur, une propriété et une valeur.

Nora: Kan hele siden få en varm bakgrunn?Toute la page peut avoir un fond chaleureux ?

Robo: Ja. Velgeren body betyr hele innholdet.Oui. Le sélecteur body désigne tout le contenu.

Nora: Teksten er for liten på mobilen.Le texte est trop petit sur le téléphone.

Robo: font-size gjør bokstavene større. px er en måleenhet.font-size agrandit les lettres. px est une unité de mesure.

Nora: Knappen trenger luft rundt teksten.Le bouton a besoin d'espace autour de son texte.

Robo: padding lager plass inni elementet.padding crée de l'espace à l'intérieur de l'élément.

Nora: Nå er siden både tydelig og fin!Maintenant, la page est à la fois claire et jolie !

Robo: Bra design hjelper brukeren å forstå siden.Un bon design aide l'utilisateur à comprendre la page.

Les mots norvégiens de cette BD