SlideShare une entreprise Scribd logo
1  sur  7
VIL DU VITE HVA CSS ER?




 Av: Anette Høyland.
HVA ER CSS?


• Det er en forkortelse for Cascading Style Sheet.

• WHTML er en strengere og renere standard for HTML
  = extensible hyper text markup language.

• Styles definerer hvordan du viser HTML-elementer.

• Eksterne stiltark kan spare mye arbeid.
HVORFOR CSS?

• Dine sider lastes raskere.

• Enklere å opprettholde visuell samstemthet på hele
  nettstedet.

• Bedre resultat i søkemetoder.

• Nettsidene blir tilgjengelige.
CSS HAR OGSÅ SINE ULEMPER.

• Om noen har en gammel nettleser kan det være at
  nettleseren ikke vises riktig.

• En så gammel nettleser som IE 4 blir et
  sikkerhetsproblem.
KORT OM HVORDAN CSS VIRKER.

• Stilsettet består av stilregler, og det har to deler.
  Selektoren som forteller hvor den gjelder og kan
  gjelde og deklarasjons-listen som forteller hvordan
  formateringen skal være. Det kan gjelde sånn som
  ett bestemt, alle H1- elementer.

• Stilsettet kan skrives i en vanlig teksteditor (som
  Notepad, eller Emacs) Og lagres i en css-fil og
  henvises til fra HTML-sidene eller settes rett inn i en
  HTML-side.
STØRRELSESENHETENE

• Det er tre relative størrelses enheter:

 1. em – Høyden på skriften i elementet.

 2. ex – X-høyde, dvs høyden på bokstaven x i
 elementet.

 3. px – Pixler, dvs: punkter på skjermen. Størrelsen på
 disse vil variere med oppløsningen.
STILER LØSER ET STORT PROBLEM

• HTML var aldri ment å inneholde koder for
  formatering av et dokument.

• HTML var ment å definere innholdet i et
  dokument, som:

• <h1> Dette er en overskrift </ h1>
• <p> Dette er et avsnitt. </ p>

Contenu connexe

Tendances (17)

Power point om css linda
Power point om css lindaPower point om css linda
Power point om css linda
 
Cascading style sheets
Cascading style sheets  Cascading style sheets
Cascading style sheets
 
Html - powerpoint
Html - powerpointHtml - powerpoint
Html - powerpoint
 
CSS
CSSCSS
CSS
 
Css – cascading style sheets ny
Css – cascading style sheets nyCss – cascading style sheets ny
Css – cascading style sheets ny
 
Hva er css?
Hva er css?Hva er css?
Hva er css?
 
Css
CssCss
Css
 
Css
CssCss
Css
 
Cascading style sheets
Cascading style sheetsCascading style sheets
Cascading style sheets
 
Css
CssCss
Css
 
Css powerpoint
Css powerpointCss powerpoint
Css powerpoint
 
CSS
CSSCSS
CSS
 
Presentasjon1 html
Presentasjon1 html Presentasjon1 html
Presentasjon1 html
 
Html
HtmlHtml
Html
 
Css pp
Css ppCss pp
Css pp
 
Css
CssCss
Css
 
Css
CssCss
Css
 

En vedette

Last project1
Last project1Last project1
Last project1
vvkalagi
 
Samidirect products
Samidirect productsSamidirect products
Samidirect products
Mlm India
 

En vedette (6)

Comm theory
Comm theoryComm theory
Comm theory
 
Evaluation q1
Evaluation q1Evaluation q1
Evaluation q1
 
Last project1
Last project1Last project1
Last project1
 
Sami direct presentation
Sami direct presentationSami direct presentation
Sami direct presentation
 
Samidirect products
Samidirect productsSamidirect products
Samidirect products
 
Samidirect
SamidirectSamidirect
Samidirect
 

Similaire à hva er css?

Power point om css linda
Power point om css lindaPower point om css linda
Power point om css linda
lindafb
 
Css powerpoint
Css powerpointCss powerpoint
Css powerpoint
amaliect
 
Presentasjon css
Presentasjon cssPresentasjon css
Presentasjon css
kjeska
 
Css, julie nomeland
Css, julie nomelandCss, julie nomeland
Css, julie nomeland
julienom
 
Css pwerpoint
Css  pwerpointCss  pwerpoint
Css pwerpoint
cardale2
 
Khib interaksjonsdesign 6 html og css
Khib interaksjonsdesign 6  html og cssKhib interaksjonsdesign 6  html og css
Khib interaksjonsdesign 6 html og css
Kjartan Michalsen
 

Similaire à hva er css? (18)

Power point om css linda
Power point om css lindaPower point om css linda
Power point om css linda
 
Webteknologi
WebteknologiWebteknologi
Webteknologi
 
Webteknologi
WebteknologiWebteknologi
Webteknologi
 
Html kurs igm
Html kurs igmHtml kurs igm
Html kurs igm
 
Css powerpoint
Css powerpointCss powerpoint
Css powerpoint
 
Html basic intro
Html basic introHtml basic intro
Html basic intro
 
Presentasjon css
Presentasjon cssPresentasjon css
Presentasjon css
 
Css, julie nomeland
Css, julie nomelandCss, julie nomeland
Css, julie nomeland
 
Webteknologi Hoesten 2008
Webteknologi Hoesten 2008Webteknologi Hoesten 2008
Webteknologi Hoesten 2008
 
CSS
CSSCSS
CSS
 
CSS
CSSCSS
CSS
 
CSS
CSSCSS
CSS
 
Css pwerpoint
Css  pwerpointCss  pwerpoint
Css pwerpoint
 
Bbs Tjueprosent Nosql
Bbs Tjueprosent NosqlBbs Tjueprosent Nosql
Bbs Tjueprosent Nosql
 
Frida css
Frida cssFrida css
Frida css
 
HTML for nettredaktører
HTML for nettredaktørerHTML for nettredaktører
HTML for nettredaktører
 
Khib interaksjonsdesign 6 html og css
Khib interaksjonsdesign 6  html og cssKhib interaksjonsdesign 6  html og css
Khib interaksjonsdesign 6 html og css
 
Responsiv design og Bootstrap 3
Responsiv design og Bootstrap 3Responsiv design og Bootstrap 3
Responsiv design og Bootstrap 3
 

hva er css?

  • 1. VIL DU VITE HVA CSS ER? Av: Anette Høyland.
  • 2. HVA ER CSS? • Det er en forkortelse for Cascading Style Sheet. • WHTML er en strengere og renere standard for HTML = extensible hyper text markup language. • Styles definerer hvordan du viser HTML-elementer. • Eksterne stiltark kan spare mye arbeid.
  • 3. HVORFOR CSS? • Dine sider lastes raskere. • Enklere å opprettholde visuell samstemthet på hele nettstedet. • Bedre resultat i søkemetoder. • Nettsidene blir tilgjengelige.
  • 4. CSS HAR OGSÅ SINE ULEMPER. • Om noen har en gammel nettleser kan det være at nettleseren ikke vises riktig. • En så gammel nettleser som IE 4 blir et sikkerhetsproblem.
  • 5. KORT OM HVORDAN CSS VIRKER. • Stilsettet består av stilregler, og det har to deler. Selektoren som forteller hvor den gjelder og kan gjelde og deklarasjons-listen som forteller hvordan formateringen skal være. Det kan gjelde sånn som ett bestemt, alle H1- elementer. • Stilsettet kan skrives i en vanlig teksteditor (som Notepad, eller Emacs) Og lagres i en css-fil og henvises til fra HTML-sidene eller settes rett inn i en HTML-side.
  • 6. STØRRELSESENHETENE • Det er tre relative størrelses enheter: 1. em – Høyden på skriften i elementet. 2. ex – X-høyde, dvs høyden på bokstaven x i elementet. 3. px – Pixler, dvs: punkter på skjermen. Størrelsen på disse vil variere med oppløsningen.
  • 7. STILER LØSER ET STORT PROBLEM • HTML var aldri ment å inneholde koder for formatering av et dokument. • HTML var ment å definere innholdet i et dokument, som: • <h1> Dette er en overskrift </ h1> • <p> Dette er et avsnitt. </ p>