К содержанию

HTML og CSS opplæring for nybegynnere

En enkel opplæring i webutvikling med HTML og CSS for nybegynnere med detaljert teori og oppgavesamling.

Selectorer

Slektsskapsrelasjoner mellom HTML-tagger

Arv av CSS-egenskaper

Gruppering av selektorer i CSS

Generelle egenskaper ved gruppering av selektorer i CSS

Avkomsselektor i CSS

Barnevelger i CSS

Elementklasser i CSS

Taggen span for tekstbiter i HTML

Div-taggen for gruppering av tagger i HTML

Gruppering av klasser i CSS

Element med gitt klasse i CSS

Descendant Selector og Klasser i CSS

Komplekse kombinasjoner av avstamningsselektor og klasser i CSS

Nybegynnerfeil i avkjøringselektorer

Element med flere CSS-klasser

Velge element etter unik id i CSS

Selektor etter id og CSS-klasser

Bruk av id i CSS

Å velge elementer etter flere klasser i CSS

Flere selektorer sammen i CSS

Feil ved bruk av flere CSS-selectorer

Gruppering av komplekse selektorer i CSS

Feil ved gruppering av komplekse CSS-selectorer

Praksis på kombinasjoner av CSS-selektorer

Spesifisitet av CSS-selektorer

Merknad til CSS-egenskapskonflikt

Spesifisitetsregler i CSS

Spesifisitet for etterkommervelgere i CSS

Naboselektor i CSS

Slekterselektor i CSS

Universell velger i CSS

Attributtvelgere i CSS

Tilstander for lenker i CSS

Nyanser av rekkefølgen for lenketilstander i CSS

Tilstandene link og visited for lenker i CSS

Vanlig bruk av lenketilstander i CSS

Komplekse selektorer med lenketilstander i CSS

Lenke med klasse i CSS

Utvalg av ende-elementer i CSS

Utvalg basert på elementposisjon i CSS

Utvelgelse av eneste barn i CSS

Utvelgelse av tomme elementer i CSS

Utvalg basert på posisjon og elementtype i CSS

Negasjonsvelgeren i CSS

Dekorasjon

Å sette bakgrunnsfarge i CSS

Grunnleggende om rammer i CSS

Solid kantlinje i CSS

Punktert ramme i CSS

Stiplet grense i CSS

Konveks kantlinje i CSS

Dobbel ramme i CSS

Egenskap-forkortelse for ramme i CSS

Kantlinje for enkeltsider i CSS

Avrunding av blokkgrenser i CSS

Avrunding av bakgrunnskanter i CSS

Å lage en sirkel i CSS

Ulike avrundinger for ulike hjørner i CSS

Fire verdier for avrunding av forskjellige hjørner i CSS

To verdier for avrunding av forskjellige hjørner i CSS

Tre verdier for avrunding for forskjellige hjørner i CSS

Avrundede hjørner i prosent i CSS

Opprettelse av en sirkel med prosentvis avrunding i CSS

Bakgrunnsbilde i CSS

Bakgrunnsbilderepetering i CSS

Andre egenskaper for bakgrunn i CSS

Arbeid med markører for ul-lister i CSS

Kvadratiske listemarkører for ul i CSS

Listemarkører for ul i form av sirkler i CSS

Arbeid med markører for ul-lister i CSS

Fjerne markører for ul-lister i CSS

Arbeid med markører for ol-lister i CSS

Små romertall for lister ol i CSS

Store romerske tall for lister ol i CSS

Små latinske bokstaver for lister ol i CSS

Store latinske bokstaver for lister ol i CSS

Små greske bokstaver for lister ol i CSS

Tall med ledende null for lister ol i CSS

Blokkmodell

Arbeid med marginer i CSS

Margin-innrykk for forskjellige sider i CSS

Flere verdier i margin-egenskapen i CSS

De fire verdiene i margin-egenskapen i CSS

To verdier i margin-egenskapen i CSS

Tre verdier i margin-egenskapen i CSS

Arbeid med innrykk padding i CSS

Innrykk padding for forskjellige sider i CSS

Flere verdier i padding-egenskapen i CSS

Arbeid med innrykk padding i CSS

Effekten av rammer på utvidelse av elementer i CSS

Innvirkning av padding og ramme på utvidelse av elementer i CSS

Avbryt utvidelse av elementer i CSS

Egenskaper til blokkelementer i CSS

Bredde og høyde på blokkelement i CSS

Bredden til en blokk-element i CSS

Høyde på blokkelement i CSS

Høyden på et blokkelement uten innhold i CSS

Flere blokkelementer side om side i CSS

Egenskaper ved inline-elementer i CSS

Bredde og høyde på inline-element i CSS

Flere inline-elementer side om side i CSS

Innrykk mellom inline-elementer i CSS

Definisjon av blokkmodellen for HTML-tagger

Arbeid med display-egenskapen i CSS

Egenskaper ved inline-blokk elementer i CSS

Bredde og høyde på inline-blokk-element i CSS

Bredden på et inline-blokk element i CSS

Høyden på inline-blokk-elementer i CSS

Flere inline-blokk elementer side om side i CSS

Justering av blokkelementer i CSS

Justering av blokkelement med innrykk fra venstre i CSS

Justering av blokkelement med høyre margin i CSS

Justering av inline-elementer i CSS

Sentrering av inline-elementer i CSS

Sentrering av flere inline-elementer

Justering av inline-elementer til høyre kant i CSS

Justering av inline-blokk elementer i CSS

Sentrering av inline-blokk elementer i CSS

Justering av inline-blokk elementer til høyre kant i CSS

Flex-elementer i CSS

Høyden til forelderen til fleks elementer i CSS

Bredden til forelderen til fleks elementer i CSS

Inline-blokk forelder for flex-elementer i CSS

Innrykk padding til foreldre av flex-elementer i CSS

Margin-innrykk for etterkommere i CSS

Justering av flex-elementer i CSS

Sentrering av flex-elementer i CSS

Justering av flex-elementer langs forelderen i CSS

Justering av flex-elementer i forelderen med marginer

Justering av flex-elementer i forelderen med like mellomrom

Posisjonering

Absolutt posisjonering av elementer i CSS

Relativ posisjonering av elementer i CSS

Posisjonering i forhold til forelder i CSS

Posisjonering i forhold til absolutt forelder i CSS

Absolutt posisjonering uten koordinater i CSS

Sentrering gjennom absolutt i CSS

Negative verdier ved posisjonering i CSS

Fastposisjonering i CSS

Blokk på full skjermbredde i CSS

Overlapping elementer langs Z-aksen i CSS

Regulering av overlapping av elementer langs Z-aksen i CSS

Nyanser ved bruk av negativ z-index verdi i CSS

Floater

Introduksjon til float-egenskapen i CSS

Gjennomtrengning av flytende elementer gjennom tagger i CSS

Kombinasjon av float og margin i CSS

Kombinasjon av float og padding i CSS

Flytende elementer under tagger i CSS

Effekten av floats på forelderen i CSS

Høyde på forelder til flytende elementer i CSS

Tekst i forelder av flytere i CSS

Flyt i CSS

Oppheving av flyt med clear-egenskapen i CSS

En egen div med clearfix i CSS

Clearfix og forelderhøyde i CSS

Egenskapen float for blokker i CSS

Egenskapen float og flere blokker i CSS

Egenskapen float og forelder uten tekst i CSS

Flex

Plassering av flekselementer i rad eller kolonne i CSS

Plassering av flekselementer i omvendt rad i CSS

Plassering av flex-elementer i kolonne i CSS

Reversering av kolonne med flex-elementer i CSS

Hoved- og tverrakse i fleksbokser i CSS

Justering av flex-elementer langs hovedaksen i CSS

Justering av flex-blokker langs tverraksen i CSS

Betydningen av center-verdien for align-items i CSS

Sentrering uten høyde på blokker i CSS

Sentrering med ulik blokkhøyde i CSS

Betydningen av stretch-verdien for align-items i CSS

Praksis på aksjustering i CSS

Justering av individuelle elementer i flex-modellen i CSS

Rekkefølge av flex-bokser i CSS

Grids

Introduksjon til CSS Grid

Spor og linjer i CSS-grid

Visning av CSS-grid i nettleserens debugger

Antall og bredde på kolonner i CSS-grid

Fr-enheten i CSS-grid

Fraksjonære enheter fr i CSS-grid

Piksler og fr-enheter i CSS-grid

Prosenter og fr-enheter i CSS-grid

Funksjonen repeat i CSS-grid

Betydningen av auto i CSS-grid

Betydningen av auto-fill i CSS-grid

Minmax-funksjonen i CSS-grid

Betydningen av auto-fit i CSS-grid

Antall og bredde på rader i CSS-grid

Forkortelse for rader og kolonner i CSS-grid

Sammenligning av rader i CSS-grid

Sammenlukning av kolonner i CSS-grid

Kombinasjoner av sammenslåinger etter rader og kolonner i CSS-grid

Overlapping av kolonner i CSS-grid

Avstand mellom kolonner i CSS-grid

Avstand mellom rader i CSS-grid

Avstand mellom kolonner og rader i CSS-grid

Rutenett i CSS Grid

Layouter

Oppretting av meny i CSS

Enkle en-kolonne nettstedslayouter i CSS

Layoutskjema med flere wrappere i CSS

Strukturelle blokker på en nettside i HTML

Oppsett for to-spaltet nettstedsoppbygging i CSS

Tre-kolonne layout-skjema for nettsted i CSS

Spesielle tagger for nettstedslayoutelementer i HTML

Grunnleggende layout-tagger i HTML

Tag for seksjoner i HTML

Praksis på layouter med HTML og CSS