Hva er CSS og hvor brukes det?

Nettsteder består av en rekke individuelle deler, inkludert bilder, tekst og ulike dokumenter. Disse dokumentene inkluderer ikke bare de som kan lenkes til fra forskjellige sider, som PDF-filer, men også dokumentene som brukes til å lage selve sidene, somHTML-dokumenterfor å bestemme strukturen til en side og CSS (Cascading Style Sheet) dokumenter for å diktere utseendet til en side. Denne artikkelen vil fordype seg i CSS, og dekke hva det er og hvor det brukes på nettsteder i dag.

En historieleksjon i CSS

CSS ble først utviklet i 1997 som en måte for webutviklere å definere det visuelle utseendet til nettsidene de opprettet. Det var ment å tillate nettfagfolk å skille innholdet og struktur av en nettsides kode fra det visuelle designet, noe som ikke hadde vært mulig før dette tidspunktet.

Separasjonen av struktur og stil gjør at HTML kan utføre mer av funksjonen den opprinnelig var basert på – markering av innhold, uten å måtte bekymre deg for utformingen og utformingen av selve siden, noe som vanligvis kalles 'utseende og preg'. av siden.

Utviklingen av CSS

CSS ble ikke populær før rundt 2000 da nettlesere begynte å bruke mer enn de grunnleggende font- og fargeaspektene til dette markup-språket. I dag støtter alle moderne nettlesere hele CSS nivå 1, det meste av CSS nivå 2, og til og med de fleste aspekter av CSS nivå 3. Ettersom CSS fortsetter å utvikle seg og nye stiler introduseres, har nettlesere begynt å implementere moduler som gir ny CSS-støtte inn i disse nettleserne og gi webdesignere kraftige nye stylingverktøy å jobbe med.

I (mange) år tidligere var det utvalgte webdesignere som nektet å bruke CSS for design og utvikling av nettsider, men den praksisen er nesten borte fra bransjen i dag. CSS er nå en mye brukt standard innen webdesign, og du vil bli hardt presset for å finne noen som jobber i bransjen i dag som ikke har minst en grunnleggende forståelse av dette språket.

CSS er en forkortelse

Som allerede nevnt, står begrepet CSS for 'Cascading Style Sheet'. La oss bryte denne setningen litt for å forklare mer fullstendig hva disse dokumentene gjør.

Ordet 'stilark' refererer til selve dokumentet (som HTML er CSS-filer egentlig bare tekstdokumenter som kan redigeres med en rekke programmer). Stilark har blitt brukt til dokumentdesign i mange år. De er de tekniske spesifikasjonene for et oppsett, enten det er trykt eller online. Trykkdesignere har lenge brukt stilark for å sikre at designene deres er trykket nøyaktig etter deres spesifikasjoner. Et stilark for en nettside tjener samme formål, men med den ekstra funksjonaliteten at den også forteller nettleseren hvordan den skal gjengi dokumentet som vises. I dag kan CSS-stilark også bruke medieforespørsler for å endre måten en side ser etter forskjellige enheter og skjermstørrelser . Dette er utrolig viktig siden det lar et enkelt HTML-dokument gjengis annerledes i henhold til skjermen som brukes for å få tilgang til det.

Cascade er den virkelig spesielle delen av begrepet 'cascading style sheet'. Et webstilark er ment å fosse gjennom en serie stiler i det arket, som en elv over en foss. Vannet i elva treffer alle steinene i fossen, men bare de nederst påvirker nøyaktig hvor vannet skal renne. Det samme gjelder kaskaden i nettstedstilark.

Designerstilark Overstyr nettleserstandardstilark

Hver nettside påvirkes av minst ett stilark, selv om webdesigneren ikke bruker noen stiler. Dette stilarket er brukeragentens stilark — også kjent som standardstilene som nettleseren vil bruke for å vise en side hvis ingen andre instruksjoner er gitt. For eksempel er hyperkoblinger som standard stilet i blått og de er understreket. Disse stilene kommer fra en nettlesers standard stilark. Hvis nettdesigneren gir andre instruksjoner, må nettleseren imidlertid vite hvilke instruksjoner som har forrang. Alle nettlesere har sine egne standardstiler, men mange av disse standardene (som de blå understrekede tekstlenkene) deles på tvers av alle eller de fleste større nettlesere og versjoner.

For et annet eksempel på en nettleserstandard, i vår nettleser, er standardfonten ' Times New Roman ' vist i størrelse 16. Nesten ingen av sidene vi besøker, vises imidlertid i den skriftfamilien og størrelsen. Dette er fordi kaskaden definerer at de andre stilarkene, som er satt av designerne selv, skal redefinere skriftstørrelsen og familie, og overstyrer nettleserens standardinnstillinger. Alle stilark du lager for en nettside vil ha mer spesifisitet enn nettleserens standardstiler, så disse standardene vil bare gjelde hvis stilarket ditt ikke overstyrer dem. Hvis du vil at koblinger skal være blå og understreket, trenger du ikke gjøre noe siden det er standard, men hvis nettstedets CSS-fil sier at koblinger skal være grønne, vil den fargen overstyre standard blå. Understrekingen vil forbli i dette eksemplet siden du ikke spesifiserte noe annet.

Hvor brukes CSS?

CSS kan også brukes til å definere hvordan nettsider skal se ut når de vises i andre medier enn en nettleser . Du kan for eksempel lage et utskriftsstilark som definerer hvordan nettsiden skal skrives ut. Fordi nettsideelementer som navigasjonsknapper eller nettskjemaer ikke har noen hensikt på den utskrevne siden, kan et utskriftsstilark brukes til å 'slå av' disse områdene når en side skrives ut. Selv om det egentlig ikke er vanlig praksis på mange nettsteder, er muligheten for å lage utskriftsstilark kraftig og attraktiv (i vår erfaring – de fleste netteksperter gjør ikke dette bare fordi et nettsteds budsjett ikke krever at dette tilleggsarbeidet må gjøres ).

Hvorfor er CSS viktig?

CSS er et av de kraftigste verktøyene en webdesigner kan lære fordi du med det kan påvirke hele det visuelle utseendet til et nettsted. Velskrevne stilark kan raskt oppdateres og lar nettsteder endre hva som blir prioritert visuelt på skjermen, noe som igjen viser verdi og fokus til besøkende, uten at det må gjøres endringer i det underliggende HTML-oppmerking .

Hovedutfordringen med CSS er at det er ganske mye å lære – og med nettlesere som endres hver dag, kan det som fungerer bra i dag ikke gi mening i morgen ettersom nye stiler blir støttet og andre faller bort eller faller i unåde av en eller annen grunn .

CSS-læringskurven er verdt det

Fordi CSS kan kaskade og kombinere, og med tanke på hvordan ulike nettlesere kan tolke og implementere direktivene forskjellig, kan CSS være vanskeligere å lære enn vanlig HTML. CSS endres også i nettlesere på en måte som HTML egentlig ikke gjør. Når du begynner å bruke CSS, vil du imidlertid se at å utnytte kraften i stilark vil gi deg utrolig fleksibilitet i hvordan du layouter nettsider og definerer utseendet og preget deres. Underveis vil du samle en 'pose med triks' av stiler og tilnærminger som har fungert for deg tidligere, og som du kan vende deg til igjen mens du bygge nye nettsider i fremtiden.