Oppgave 2.2.3 — IT1 — itop

Oppgave 1.1.1

Sett merkelapper på avisa

●

Oppgave 1.1.2

Begrepssjekk: Hei, verden!

●

Oppgave 1.1.3

Din tur: hei, verden!

●

Oppgave 1.1.4

Sjekk

●

Oppgave 1.1.5

Sjekk

●●

Oppgave 1.1.6

Øv

●●

Oppgave 1.1.7

Øv

●●

Oppgave 1.1.9

Øv

●●

Oppgave 1.2.1

Skiltet og veien

●

Oppgave 1.2.2

Begrepssjekk: Lenker, bilder og lister

●

Oppgave 1.2.3

Din tur: lenker og lister

●

Oppgave 1.2.4

Sjekk

●

Oppgave 1.2.5

Sjekk

●●

Oppgave 1.2.6

Øv

●●

Oppgave 1.2.7

Øv

●●

Oppgave 1.2.9

Øv

●●

Oppgave 1.3.1

Pakkseddel eller vare?

●

Oppgave 1.3.2

Begrepssjekk: Fra boka til egen maskin

●

Oppgave 1.3.3

Din tur: opprett prosjektet

●

Oppgave 1.3.4

Sjekk

●

Oppgave 1.3.5

Sjekk

●●

Oppgave 1.3.6

Øv

●●

Oppgave 1.3.7

Øv

●●

Oppgave 1.3.8

Øv

●●

Oppgave 2.1.1

Substantiv eller adjektiv?

●

Oppgave 2.1.2

Begrepssjekk: Din første CSS

●

Oppgave 2.1.3

Din tur: style siden

●

Oppgave 2.1.4

Sjekk

●

Oppgave 2.1.5

Sjekk

●●

Oppgave 2.1.6

Øv

●●

Oppgave 2.1.7

Øv

●●

Oppgave 2.1.9

Øv

●●

Oppgave 2.2.1

Lagdrakter og gode navn

●

Oppgave 2.2.2

Begrepssjekk: Klasser

●

Oppgave 2.2.3

Din tur: merk beskjedene

●

Oppgave 2.2.4

Sjekk

●

Oppgave 2.2.5

Sjekk

●●

Oppgave 2.2.6

Øv

●●

Oppgave 2.2.7

Øv

●●

Oppgave 2.2.8

Øv

●●

Oppgave 2.2.9

Øv

●●

Oppgave 3.1.1

Gjesten og kjøkkenet

●

Oppgave 3.1.2

Begrepssjekk: Klient og tjener

●

Oppgave 3.1.3

Runden i riktig rekkefølge

●

Oppgave 3.1.4

Sjekk

●●

Oppgave 3.1.5

Sjekk

●●

Oppgave 3.1.6

Øv

●●

Teori

Hvilken teori bygger denne oppgaven på.

Klasser ✎

CSS-klasse: Merkelapper du definerer selv: class="viktig" i HTML, .viktig i CSS (punktumet betyr «klasse» og står bare i CSS). En klasse kan brukes på så mange elementer du vil — og ett element kan ha flere klasser. Med div og span kan også innhold uten naturlig tagg få en klasse.

Vis hele teorien

Åpne i full størrelse →

Vanlige feil

Feil mange gjør i dette temaet — og hvordan du unngår dem.

Du roter med punktumet i klasse-selektoren
Du tror klassenavnet skrives likt i HTML og CSS. Det heter viktig begge steder — men skrivemåten er ulik: i HTML står navnet i class-attributtet (class="viktig", uten punktum), i CSS starter selektoren med punktum (.viktig). Punktumet er selve beskjeden «dette er en klasse, ikke en tagg». Uten punktum leter CSS etter et ELEMENT som heter viktig — finner ingenting, og feiler helt stille.

Slik unngår du det: Punktumet uttales «alle med klasse»: .viktig leses «alle med klasse viktig». I CSS-køen står både tagg-navn (p) og klassenavn (.viktig) — punktumet er skiltet som sier hvilken type navn det er. I HTML trengs ikke skiltet: der står navnet allerede inni class-attributtet.

Test deg selv

Avsnittet har class="viktig", og du skriver viktig { color: red; } uten punktum. Hva skjer?
Du tror et klassenavn bare kan brukes én gang
Du tror en klasse hører til ETT element — og lager nye navn for hvert (viktig1, viktig2, …). Klassen er en gjenbrukbar merkelapp: så mange elementer du vil kan dele samme klasse (det er poenget — én regel, alle medlemmene), og ett element kan ha flere klasser samtidig. Det som skal være unikt per side, er en annen mekanisme: id.

Slik unngår du det: Klasse = lagdrakt: alle på laget har samme drakt, og regelen gjelder alle som har den på. Én spiller kan til og med spille for to lag (class="viktig frist" = to klasser). Id er draktNUMMERET — det er personlig, og det er en annen historie.

Test deg selv

Tre elementer har class="ramme", og du skriver én regel for .ramme. Hvor mange treffer den?

Løsninger

Skrevne løsninger for oppgave 2.2.3.

Løsning ✎

Lignende oppgaver

Oppgaver som trener overlappende konsepter.