Redigerer
Cascading Style Sheets
Hopp til navigering
Hopp til søk
Advarsel:
Du er ikke innlogget. IP-adressen din vil bli vist offentlig om du redigerer. Hvis du
logger inn
eller
oppretter en konto
vil redigeringene dine tilskrives brukernavnet ditt, og du vil få flere andre fordeler.
Antispamsjekk.
Ikke
fyll inn dette feltet!
[[Fil:Avfd.jpg|miniatyr|Skjermbilde av [[Syntaksfremheving|syntaksframhevet]] CSS.]] '''Cascading Style Sheets''' ('''CSS'''; gjennomgående stilark) er et språk som brukes til å definere utseende på filer skrevet i [[HTML]] eller [[XML]]. Prinsippet er at HTML- eller XML-dokumentet utelukkende skal beskrive struktur og [[semantikk]], mens oppsett, farger og annen stilinformasjon skal beskrives ved hjelp av CSS. Stilinformasjonen kan integreres i selve dokumentet eller skilles ut som en egen fil med endelsen .css. Et ubegrenset antall dokumenter kan peke til og styres av samme .css-fil, noe som er styrken i CSS: Ved å endre på en fil, kan man endre fargebruk, bakgrunnsbilder osv. i alle dokumenter som peker til CSS-filen. '''Eksempel:''' <syntaxhighlight lang="css"> body { background-color: #ff0000; color: #ffffff; } </syntaxhighlight> Her setter man bakgrunnsfargen til rød ved hjelp av background-color og HEX-koden #ff0000 samt tekstfargen til hvit. Man peker til CSS dokumentet med denne [[HTML]]-koden: <syntaxhighlight lang="html4strict"> <link rel="stylesheet" href="mappe/filnavn.css" type="text/css" /> </syntaxhighlight> Den første versjonen av CSS ble lagt fram av [[Håkon Wium Lie]] i 1994. Han videreutviklet siden språket sammen med [[Bert Bos]], og i dag er det [[W3C]]s [[CSS Working Group]], hvor Lie og Bos begge er medlemmer, som oppdaterer CSS-spesifikasjonen. Med versjon 2 av CSS kom medietyper (media types) inn i spesifikasjonen. Medietyper gjør det mulig å definere ulik stil for det samme dokumentet avhengig av hvor og hvordan det blir brukt. For eksempel brukes medietypen "screen" for vanlig pc-nettleservisning, mens "handheld" er for mobiltelefoner og andre mindre skjermer, "print" for utskrift og "projection" for visning på storskjerm. == Standardisering == === Frameworks === CSS-rammeverk er forberedte biblioteker som er ment for å tillate enklere, mer standardkompatibel styling av websider ved bruk av språket Cascading Style Sheets. CSS-rammeverk inkluderer Blueprint, Bootstrap, Cascade Framework, Foundation og Materialize. I likhet med programmerings- og skriptspråkbiblioteker er CSS-rammeverk vanligvis innlemmet som eksterne .css-ark referert til i HTML <head>. De gir en rekke ferdige alternativer for å designe og legge ut websiden. Selv om mange av disse rammene er publisert, bruker noen forfattere dem for det meste for rask prototyping, eller for å lære av, og foretrekker å 'håndverke' CSS som passer til hvert publisert nettsted uten design, vedlikehold og nedlastingskostnader for å ha mange ubrukte funksjoner i nettstedets styling<ref>{{Kilde bok|url=https://books.google.pl/books?id=UgrUeIwsS60C&pg=PA114&redir_esc=y#v=onepage&q&f=false|tittel=Handcrafted CSS: More Bulletproof Web Design|etternavn=Cederholm|fornavn=Dan|etternavn2=Marcotte|fornavn2=Ethan|dato=2010-04-09|utgiver=New Riders|isbn=978-0-13-210481-4|språk=en}}</ref>. === Designmetoder === Når størrelsen på CSS-ressurser som brukes i et prosjekt øker, må et utviklingsteam ofte bestemme seg for en felles designmetodikk for å holde dem organisert. Målene er enkel utvikling, enkel samarbeid under utvikling og ytelse av de distribuerte stilarkene i nettleseren. Populære metoder inkluderer OOCSS (objektorientert CSS), ACSS (atomisk CSS), oCSS (organisk kaskadestilark), SMACSS (skalerbar og modulær arkitektur for CSS) og BEM (blokk, element, modifikator)<ref>{{Kilde www|url=http://clubmate.fi/oocss-acss-bem-smacss-what-are-they-what-should-i-use/|tittel=OOCSS, ACSS, BEM, SMACSS: what are they? What should I use? – clubmate.fi|besøksdato=2021-03-29|dato=2015-06-02|verk=web.archive.org|arkiv-dato=2015-06-02|arkiv-url=https://web.archive.org/web/20150602231126/http://clubmate.fi/oocss-acss-bem-smacss-what-are-they-what-should-i-use/|url-status=unfit}}</ref>. == Referanser == <references /> ==Eksterne lenker== * {{Offisielt nettsted}} {{Autoritetsdata}} [[Kategori:W3C-standarder]] [[Kategori:Programmeringsspråk]]
Redigeringsforklaring:
Merk at alle bidrag til Wikisida.no anses som frigitt under Creative Commons Navngivelse-DelPåSammeVilkår (se
Wikisida.no:Opphavsrett
for detaljer). Om du ikke vil at ditt materiale skal kunne redigeres og distribueres fritt må du ikke lagre det her.
Du lover oss også at du har skrevet teksten selv, eller kopiert den fra en kilde i offentlig eie eller en annen fri ressurs.
Ikke lagre opphavsrettsbeskyttet materiale uten tillatelse!
Avbryt
Redigeringshjelp
(åpnes i et nytt vindu)
Maler som brukes på denne siden:
Mal:Autoritetsdata
(
rediger
)
Mal:ISOtilNorskdato
(
rediger
)
Mal:Kilde bok
(
rediger
)
Mal:Kilde www
(
rediger
)
Mal:Offisielle lenker
(
rediger
)
Mal:Offisielt nettsted
(
rediger
)
Modul:Citation/CS1
(
rediger
)
Modul:Citation/CS1/COinS
(
rediger
)
Modul:Citation/CS1/Configuration
(
rediger
)
Modul:Citation/CS1/Date validation
(
rediger
)
Modul:Citation/CS1/Identifiers
(
rediger
)
Modul:Citation/CS1/Utilities
(
rediger
)
Modul:Citation/CS1/Whitelist
(
rediger
)
Modul:External links
(
rediger
)
Modul:External links/conf
(
rediger
)
Modul:External links/conf/Autoritetsdata
(
rediger
)
Modul:External links/conf/Offisielle lenker
(
rediger
)
Modul:Genitiv
(
rediger
)
Modul:ISOtilNorskdato
(
rediger
)
Denne siden er medlem av 3 skjulte kategorier:
Kategori:Artikler med offisielle lenker og uten kobling til Wikidata
Kategori:Artikler uten offisielle lenker fra Wikidata
Kategori:CS1-vedlikehold: Uheldig URL
Navigasjonsmeny
Personlige verktøy
Ikke logget inn
Brukerdiskusjon
Bidrag
Opprett konto
Logg inn
Navnerom
Side
Diskusjon
norsk bokmål
Visninger
Les
Rediger
Rediger kilde
Vis historikk
Mer
Navigasjon
Forside
Siste endringer
Tilfeldig side
Hjelp til MediaWiki
Verktøy
Lenker hit
Relaterte endringer
Spesialsider
Sideinformasjon