SlideShare a Scribd company logo
CSS
Cascading Style Sheets
• Brukes til å definere utseende
  på filer skrevet i HTML og
  XML
• Oppsett, farger og annen
  stilinformasjon beskrives ved
  hjelp av CSS
• Skilles ut som en egen fil med
  endelsen .css
Mer om CSS
• Gjennombrudd i webdesign
• Definere stilen for hvert
  HTML-element
• Gjøre forandringen i stilarket i
  stedet for hvert HTML-
  dokument
Fordelen med CSS
• Gir brukeren mulighet til å
  angi hvordan HTML-
  dokumenter skal vises
• Slipper å hele tiden skrive
  fontface, font color, bgcolor
  osv over alt i HTML-
  dokumentene
• Langt større mulighet for å
  bestemme hvor elementer
  skal plasseres
Hvorfor bruke CSS
• Nettlesere leser bare
  gjennom én gang
• CSS produserer mindre koding
• Trenger bare skrives inn én
  gang
• Kontrollere rekkefølgen
  elementer lastes inn
Hvordan virker og skrives CSS
• Består av en liste med
  stilregler
• En stilregel har to deler:
  selektoren og deklarasjons-
  listen
• Kan skrives i en vanlig
  teksteditor
CSS vs HTML
• Enkelt å designe
• Flere muligheter
• Samme CSS-dokument i flere
  HTML dokumenter
• Lettere og mye enklere å
  endre på en hel side
Nettsiden blir mer tilgjengelig
• Søkemotorer vil ha lettere for
  å finne betydelig innhold
• Svaksynte og brukere med
  spesielle nettlesere for blinde
  vil "trives" bedre på en CSS-
  designet nettside
• Den følger standarder, som
  gjør det enklere for
  nettleserne å lese websiden
• Nettsider designet i CSS vil bli
  mer tilgengelig på mobiler
CSS3
• Gir flere muligheter

•   runde hjørner
•   gjennomsiktig bakgrunn
•   rotering av bilder
•   skyggeeffekter
•   animasjon
Ulempen med CSS
• Gamle nettlesere støtter ikke
  på samme måte
• Må sjekke ferdig koding i flere
  nettlesere

More Related Content

PPTX
CSS
PPTX
PPTX
Cascading style sheets
PPTX
Css – cascading style sheets ny
PPTX
Css, julie nomeland
PPTX
PPTX
Css cascading style sheets
CSS
Cascading style sheets
Css – cascading style sheets ny
Css, julie nomeland
Css cascading style sheets

What's hot (13)

PPTX
CSS slideshare
PPTX
Css powerpoint
PPTX
Presentasjon css
PPTX
Css info
PPTX
Css powerpoint
PPTX
Hva er css
PPTX
Power point om css linda
PPTX
PPTX
CSS slideshare
Css powerpoint
Presentasjon css
Css info
Css powerpoint
Hva er css
Power point om css linda
Ad

Viewers also liked (7)

PPT
paboa.com
PPT
Silabus hukum-internasional-pp1
PPTX
Adv 435 ch 7 media
DOC
A semínima
PDF
Korupsi puguh
PPT
Master Bond FLM36: The Newest Film Star
paboa.com
Silabus hukum-internasional-pp1
Adv 435 ch 7 media
A semínima
Korupsi puguh
Master Bond FLM36: The Newest Film Star
Ad

Similar to Css (15)

PPTX
Power point om css linda
PPTX
PPTX
hva er css?
PPTX
PPTX
PPTX
Css pwerpoint
PPTX
Hva er css?
PPTX
Frida css
PPTX
Css powerpoint
PDF
BK2015 Introduksjon til geodatabasen
PPTX
Responsiv design og Bootstrap 3
PDF
Frontend webutvikling
PDF
OOCSS e ælsk
Power point om css linda
hva er css?
Css pwerpoint
Hva er css?
Frida css
Css powerpoint
BK2015 Introduksjon til geodatabasen
Responsiv design og Bootstrap 3
Frontend webutvikling
OOCSS e ælsk

Css

  • 1. CSS
  • 2. Cascading Style Sheets • Brukes til å definere utseende på filer skrevet i HTML og XML • Oppsett, farger og annen stilinformasjon beskrives ved hjelp av CSS • Skilles ut som en egen fil med endelsen .css
  • 3. Mer om CSS • Gjennombrudd i webdesign • Definere stilen for hvert HTML-element • Gjøre forandringen i stilarket i stedet for hvert HTML- dokument
  • 4. Fordelen med CSS • Gir brukeren mulighet til å angi hvordan HTML- dokumenter skal vises • Slipper å hele tiden skrive fontface, font color, bgcolor osv over alt i HTML- dokumentene • Langt større mulighet for å bestemme hvor elementer skal plasseres
  • 5. Hvorfor bruke CSS • Nettlesere leser bare gjennom én gang • CSS produserer mindre koding • Trenger bare skrives inn én gang • Kontrollere rekkefølgen elementer lastes inn
  • 6. Hvordan virker og skrives CSS • Består av en liste med stilregler • En stilregel har to deler: selektoren og deklarasjons- listen • Kan skrives i en vanlig teksteditor
  • 7. CSS vs HTML • Enkelt å designe • Flere muligheter • Samme CSS-dokument i flere HTML dokumenter • Lettere og mye enklere å endre på en hel side
  • 8. Nettsiden blir mer tilgjengelig • Søkemotorer vil ha lettere for å finne betydelig innhold • Svaksynte og brukere med spesielle nettlesere for blinde vil "trives" bedre på en CSS- designet nettside • Den følger standarder, som gjør det enklere for nettleserne å lese websiden • Nettsider designet i CSS vil bli mer tilgengelig på mobiler
  • 9. CSS3 • Gir flere muligheter • runde hjørner • gjennomsiktig bakgrunn • rotering av bilder • skyggeeffekter • animasjon
  • 10. Ulempen med CSS • Gamle nettlesere støtter ikke på samme måte • Må sjekke ferdig koding i flere nettlesere