SlideShare a Scribd company logo
1 of 10
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

What's hot (13)

CSS slideshare
CSS slideshareCSS slideshare
CSS slideshare
 
Css powerpoint
Css powerpointCss powerpoint
Css powerpoint
 
Css
CssCss
Css
 
Css
CssCss
Css
 
Css
CssCss
Css
 
Css
CssCss
Css
 
Presentasjon css
Presentasjon cssPresentasjon css
Presentasjon css
 
Css info
Css infoCss info
Css info
 
Css powerpoint
Css powerpointCss powerpoint
Css powerpoint
 
Hva er css
Hva er cssHva er css
Hva er css
 
Power point om css linda
Power point om css lindaPower point om css linda
Power point om css linda
 
Css
CssCss
Css
 
Css
CssCss
Css
 

Viewers also liked

Viewers also liked (7)

paboa.com
paboa.compaboa.com
paboa.com
 
Silabus hukum-internasional-pp1
Silabus hukum-internasional-pp1Silabus hukum-internasional-pp1
Silabus hukum-internasional-pp1
 
Adv 435 ch 7 media
Adv 435 ch 7 mediaAdv 435 ch 7 media
Adv 435 ch 7 media
 
A semínima
A semínimaA semínima
A semínima
 
Korupsi puguh
Korupsi puguhKorupsi puguh
Korupsi puguh
 
Promise
PromisePromise
Promise
 
Master Bond FLM36: The Newest Film Star
Master Bond FLM36: The Newest Film StarMaster Bond FLM36: The Newest Film Star
Master Bond FLM36: The Newest Film Star
 

Similar to Css

Similar to Css (15)

Power point om css linda
Power point om css lindaPower point om css linda
Power point om css linda
 
CSS
CSSCSS
CSS
 
hva er css?
hva er css?hva er css?
hva er css?
 
CSS
CSSCSS
CSS
 
CSS
CSSCSS
CSS
 
Css
CssCss
Css
 
Css pwerpoint
Css  pwerpointCss  pwerpoint
Css pwerpoint
 
Hva er css?
Hva er css?Hva er css?
Hva er css?
 
Frida css
Frida cssFrida css
Frida css
 
Css
CssCss
Css
 
Css powerpoint
Css powerpointCss powerpoint
Css powerpoint
 
BK2015 Introduksjon til geodatabasen
BK2015 Introduksjon til geodatabasenBK2015 Introduksjon til geodatabasen
BK2015 Introduksjon til geodatabasen
 
Responsiv design og Bootstrap 3
Responsiv design og Bootstrap 3Responsiv design og Bootstrap 3
Responsiv design og Bootstrap 3
 
Frontend webutvikling
Frontend webutviklingFrontend webutvikling
Frontend webutvikling
 
OOCSS e ælsk
OOCSS e ælskOOCSS e ælsk
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