HTML og CSS opplæring for nybegynnere

HTML-grunnleggende

Introduksjon HTML-språk HTML-tagger Attributter Stiler Grunnoppbygging av siden Grunnleggende tagger Avsnitt Overskrifter Utheving av tekst med fet skrift Utheving av tekst med kursiv Uordnede lister Ordnete lister Lenker Interne lenker Bilder Bildebredde Bildehøyde Innstilling av bildebredde og -høyde Tabeller Tabellbredde og -høyde Overskriftsceller Practicum

Grunnleggende CSS

Introduksjon til CSS Hvordan jobbe med CSS Verdier for farge Alle farger Bredde og høyde Tekstjustering Høyrejustering av tekst Sentrering av tekst Venstrejustering av tekst Blokkjustering av tekst Praksis i tekstjustering Fethet Kursiv Skriftstørrelse Skriftfamilie Linjeavstand Line-height verdi uten enheter Kortforms egenskapen font Innrykk for tekst Teksteffekter Understreking av tekst Overstreking av tekst Gjennomstreking av tekst Avbrytelse av effekter for tekst Praksis

Selectorer

Taggenes relasjoner Egenskaper arv Gruppering av selectorer Felles egenskaper Etterkommer selectorer Barne selector Klasse selector Taggen span Taggen div Gruppering av klasser Tagge med spesifisert klasse Etterkommer selector og klasser Komplekse kombinasjoner av etterkommer selector og klasser Nybegynnerfeil i etterkommer selector Element med flere klasser Selector etter id Selector etter id og klasser Bruk av id Selector etter flere klasser Flere selectorer sammen Feil med flere selectorer Gruppering av komplekse selectorer Feil ved gruppering Trening på selector kombinasjoner Selector prioritet Merknad om egenskapskonflikt Spesifisitetsregler Prioritet for etterkommer selectorer Nabo selector Søsken selector Universell selector Attributt selectorer Lenketilstander Nyanser ved rekkefølge av lenketilstander Link og visited tilstander Vanlig bruk av lenketilstander Komplekse selectorer med lenker Lenke med klasse Utvalg av slutt-elementer Utvalg etter posisjon Utvalg av eneste barn Utvalg av tomme elementer Utvalg etter posisjon og elementtype Negasjon not

Dekorasjon

Bakgrunnsfarge Grunnleggende om rammer Hel ramme Prikket ramme Stiplet ramme Uthevet ramme Dobbel ramme Sammentrekkende egenskap for ramme Rammer for forskjellige sider Avrunding av blokkgrenser Avrunding av bakgrunnsgrenser Opprette sirkel Avrunding for forskjellige hjørner Fire verdier To verdier Tre verdier Avrunding i prosent Opprette sirkel ved avrunding i prosent Bilde for bakgrunn Gjenta bakgrunnsbilde Andre egenskaper for bakgrunn Markører for ul-lister Kvadratiske markører for ul-lister Markører for ul-lister i form av sirkler Markører for ul-lister i form av fylte sirkler Ingen markører for ul-lister Markører for ol-lister Små romertall for ol-lister Store romertall for ol-lister Små latinske bokstaver for ol-lister Store latinske bokstaver for ol-lister Små greske bokstaver for ol-lister Tall med foranstilt null for ol-lister

Blokkmodell

Ytre marg margin Marg margin for forskjellige sider Flere verdier i margin Fire verdier i margin To verdier i margin Tre verdier i margin Indre padding padding Padding padding for forskjellige sider Flere verdier i padding Elementutvidelse Grensens innvirkning på elementutvidelse Felles innvirkning av padding og grense på elementutvidelse Kansellering av elementutvidelse Blokkelementer Bredde og høyde på blokkelement Bredde på blokkelement Høyde på blokkelement Høyde uten innhold Flere blokkelementer ved siden av hverandre Inline-elementer Bredde og høyde på inline-element Flere inline-elementer ved siden av hverandre Avstand mellom inline-elementer Definisjon av blokkmodell Egenskapen display Inline-blokkelementer Bredde og høyde på inline-blokkelement Bredde på inline-blokkelement Høyde på inline-blokkelement Flere inline-blokkelementer ved siden av hverandre Justering av blokkelementer Justering av blokkelement med marg til venstre Justering av blokkelement med marg til høyre Justering av inline-elementer Sentrejustering av inline-elementer Sentrejustering av flere inline-elementer Justering av inline-elementer mot høyre kant Justering av inline-blokkelementer Sentrejustering av inline-blokkelementer Justering av inline-blokkelementer mot høyre kant Flex-elementer Høyde på forelder til flex-elementer Bredde på forelder til flex-elementer Inline-blokk-forelder Padding padding på forelder Marg margin til etterkommere Justering av flex-elementer Justering av flex-elementer i sentrum Justering av flex-elementer langs forelder Justering av flex-elementer langs forelder med marger Justering av flex-elementer langs forelder med like marger

Posisjonering

Absolutt Relativ Absolutt i forhold til forelder Absolutt i forhold til absolutt Absolutt uten koordinater Sentrering via absolute Negative verdier for absolute Fast posisjonering Blokk på full skjermbredde Overlegging av elementer langs Z-aksen Regulering av overlegging av elementer langs Z-aksen Nyanser ved bruk av negativ z-index verdi

Floater

Introduksjon til float-egenskapen Float-egenskapen og tagger Kombinasjon av float og margin Kombinasjon av float og padding Flytende elementer under tagger Virkning av floater på forelder Høyde på forelder til floater Tekst i forelder til floater Flyt Kansellering av flyt Separativ div med clearfix Forelderens høyde og clearfix Float-egenskapen for blokker Float-egenskapen og flere blokker Float-egenskapen og forelder uten tekst

Flex

Plassering i rad eller kolonne Plassering av flex-elementer i omvendt rad Plassering av flex-elementer i kolonne Reversering av kolonne med flex-elementer Hovedakse og tverrakse Justering langs hovedaksen Justering langs tverraksen Verdien center for egenskapen align-items Sentrering uten høyde på blokker Sentrering med ulik høyde på blokker Verdien stretch for egenskapen align-items Praksis i justering langs akser Justering av individuelle elementer Rekkefølge på flex-blokker

Grids

Introduksjon til grids Spor og linjer Visning i debugger Kolonner Fr-enhet Fraksjonelle fr Piksler og fr Prosent og fr Repeat-funksjonen Auto-verdi Auto-fill-verdi Minmax-funksjonen Auto-fit-verdi Rader Forkortelse for rader og kolonner Kombinering av rader Kombinering av kolonner Kombinasjoner av kombinasjoner Overlapping av kolonner Avstand mellom kolonner Avstand mellom rader Avstand mellom kolonner og rader Flis

Layouter

Opprette meny Enkle én-kolonne layouter for nettsider Layoutskjema med flere wrappere Strukturelle blokker på nettsiden Skjema for to-kolonners layout Skjema for tre-kolonners layout for nettside Spesielle tagger for elementer i nettsidelayout Hovedlayout-tagger Tagg for seksjoner Praksis på layouter
Norsk
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Vi bruker informasjonskapsler for nettstedets funksjonalitet, analyse og personalisering. Behandling av data foregår i henhold til Personvernerklæringen.
godta alle tilpass avvis