Hva er CSS?
Hva er CSS?
Hva er CSS? er en gratis leksjon i HTML for Kids på CoddyKit. Dette er leksjon 1 av 1. Du kan lese hele leksjonen gratis nedenfor – og deretter øve praktisk i nettleseren med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i HTML for Kids, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i HTML for Kids inneholder totalt 1 leksjoner.
Introduksjon
Hei,
I dette kurset skal vi lære CSS, et programvarespråk som gjør nettsidene våre mer visuelt tiltalende.
Hvis De ikke er kjent med HTML, bør De først fullføre kurset HTML Getting Started.
Hvis De tenker «Jeg kan allerede HTML», setter vi i gang.
I denne delen av kurset skal vi lære hvorfor vi trenger CSS
I denne delen av kurset skal vi lære hvorfor vi trenger CSS.
La oss først stille det første spørsmålet som dukket opp i tankene mine da jeg lærte CSS.
Hvorfor må vi lære et ekstra språk for det HTML ikke kan gjøre?
HTML er et språk vi bruker til å presentere data
La oss først repetere hva HTML gjør.
HTML er et språk vi bruker til å presentere dataene vi har på nettsider (tekst, bilder, formler osv.) på en mer nøyaktig måte for brukerne.
Et HTML-dokument som grunnlaget for en nettside
La oss for eksempel tenke oss at vi skriver en artikkel i en notatbok.
Hvis vi fjerner punktum, komma og andre skilletegn fra artikkelen, kan vi fremstille det vi ønsker å fortelle leserne av artikkelen, på en feilaktig måte.
Det finnes også HTML-tagger som vi bruker til å uttrykke informasjonen vi vil gi brukerne, på en tydeligere måte på nettsidene.
En nettside er et HTML-dokument, og nettlesere ser etter et HTML-dokument for å kjøre siden. Derfor kan De tenke på et HTML-dokument som grunnlaget for en nettside.
Hva gjør CSS?
Hva gjør CSS?
CSS er en teknologi som er utviklet for å gi det visuelle uttrykket som HTML ikke er tilstrekkelig til å gi når dataene våre presenteres.
CSS forklart med en sammenligning
La oss bruke en annen sammenligning. Tenk Dem at De bygger et hus. Husets viktigste oppgave er å fungere som et skjulested for menneskene som skal bo der. Det er dette HTML gjør.
Hovedformålet med en nettside er å gi informasjon til menneskene som åpner siden i nettleseren. CSS er teknologien som sørger for husets utvendige maling, dekorasjoner og riktig plassering av vinduer.
CSS med analogi 2
Selv om ideelle nettsider ikke har CSS (for eksempel Wikipedia), utfører HTML hovedoppgaven fordi det inneholder dataene. CSS hjelper imidlertid HTML med å presentere disse dataene for brukeren på en mer meningsfull og penere måte.
Wikipedia – 1
Bildet ovenfor er et skjermbilde av nettstedet wikipedia.com med stilene deaktivert.
Med andre ord kan vi, ved å bruke bare HTML-språket, få et resultat som det De ser ovenfor, for besøkende.
.png)
Wikipedia 2
La oss nå se på resultatet etter at CSS-koden er aktivert igjen.
Som De ser, endres ikke dataene som presenteres på nettstedet, men med CSS blir nettstedet bare mer brukervennlig.
.png)
det har fått mange visuelle egenskaper
Med den nåværende versjonen av CSS, CSS3, har det fått mange visuelle egenskaper.
vanligste spørsmål
Vi har lært hva CSS er. Før vi går videre til neste del,
la oss se på de vanligste spørsmålene om CSS.
CSS-historie
Siden når har CSS (Cascading Style Sheets) vært i bruk?
CSS er en teknologi som har vært i bruk siden 1996.
uten å bruke CSS?
Kan jeg lage en nettside uten å bruke CSS?
Ja, det kan De. Men den vil sannsynligvis se så dårlig ut at ingen brukere går inn på den. Uten CSS kan en nettside bokstavelig talt ikke kalles en nettside.
Spørsmål om store nettapplikasjoner
Bruker store nettapplikasjoner som Facebook, Google og Amazon CSS?
Ja, ikke bare disse, men alle nettsider De åpner i nettleseren, bruker CSS.
Er CSS vanskelig å lære?
Er CSS vanskelig å lære?
CSS er enkelt å lære. Vi skal skrive kode omtrent som om vi snakker engelsk. Programvareutviklere synes likevel ofte at noen få mindre områder er vanskelige.
Det kan for eksempel være hvordan blokker skal plasseres på siden. Vi skal fokusere på dette og lignende problemstillinger. Ved slutten av kurset vil De definitivt ha lært CSS.
Råd om CSS
Har De noen råd om hva jeg bør gjøre mens jeg lærer CSS?
Ja. De kan lære CSS svært raskt ved å øve mye.
Gratulerer
Gratulerer. 🥳🥳🥳
Du har fullført leksjonen Hva er CSS.
I neste del skal vi lære om introduksjon til CSS.
Du kan klikke for å fortsette til neste del.
Lær deg HTML med en AI-veileder – gratis
Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.
- Kurs
- 16
- Leksjoner
- 35
Ofte stilte spørsmål
Er leksjonen «Hva er CSS?» gratis?
Ja – hele teksten i «Hva er CSS?» er gratis å lese her på nettet. For å øve interaktivt med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt, og for å låse opp resten av HTML for Kids-kurset, kan du oppgradere til CoddyKit PRO. Kurset i HTML for Kids inneholder totalt 1 leksjoner.
Hva lærer jeg i «Hva er CSS?»?
Hva er CSS? Du øver på HTML for Kids med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.
Trenger jeg erfaring for å begynne med HTML for Kids?
Ingen tidligere erfaring er nødvendig. HTML for Kids på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 1 av 1.
Hvor lang tid tar leksjonen «Hva er CSS?»?
De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.
Kan jeg skrive og kjøre kode i denne HTML for Kids-leksjonen?
Ja. Alle HTML for Kids-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.