Cascading Style Sheets
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:
body {
background-color: #ff0000;
color: #ffffff;
}
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:
<link rel="stylesheet" href="mappe/filnavn.css" type="text/css" />
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 W3Cs 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[rediger | rediger kilde]
Frameworks[rediger | rediger kilde]
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[1].
Designmetoder[rediger | rediger kilde]
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)[2].
Referanser[rediger | rediger kilde]
- ^ Cederholm, Dan; Marcotte, Ethan (9. april 2010). Handcrafted CSS: More Bulletproof Web Design (engelsk). New Riders. ISBN 978-0-13-210481-4.
- ^ «OOCSS, ACSS, BEM, SMACSS: what are they? What should I use? – clubmate.fi». web.archive.org. 2. juni 2015. Archived from the original on 2. juni 2015. Besøkt 29. mars 2021.
Eksterne lenker[rediger | rediger kilde]
- Offisielt nettsted
- Offisielt nettsted
- (en) Cascading Style Sheets – kategori av bilder, video eller lyd på Commons
- Mozilla Developer Network - CSS
- webplatform.org - CSS
- HTMLDog CSS Beginner Guide
- CSS Zen Garden -- Se hva som er mulig med CSS
- Forskjellige leksjoner og artikler om CSS
- Håkon Wium Lies doktoravhandling om CSS -- for viderekomne
- CSS Framework - Accelera il tuo sviluppo
