Nettstedene består av en rekke individuelle stykker, inkludert bilder, tekst og ulike dokumenter. Disse dokumentene inkluderer ikke bare de som kan kobles til fra ulike sider, som PDF-filer, men også dokumentene som brukes til å konstruere sidene selv, som HTML-dokumenter for å bestemme strukturen på en side og CSS (Cascading Style Sheet) dokumenter å diktere utseendet til en side. Denne artikkelen vil dykke inn i CSS, dekker hva den er og hvor den brukes på nettsteder i dag.
En CSS-historieleksjon
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 web fagfolk å skille innholdet og strukturen til en nettside kode fra den visuelle designen, noe som ikke hadde vært mulig før denne tiden.
Adskillelsen av struktur og stil gjør det mulig for HTML å utføre mer av funksjonen som den opprinnelig var basert på - oppslag av innhold uten å måtte bekymre seg om utformingen og utformingen av selve siden, noe som ofte kalles "utseende og følelse" av siden.
CSS fikk ikke popularitet i løpet av 2000, da nettlesere begynte å bruke mer enn de grunnleggende skrift- og fargeaspektene i dette oppslagsspråket. I dag støtter alle moderne nettlesere alle CSS Level 1, mesteparten av CSS Level 2, og til og med de fleste aspekter av CSS Level 3. Siden CSS fortsetter å utvikle seg og nye stiler blir introdusert, har nettlesere begynt å implementere moduler som bringer ny CSS-støtte inn i disse nettleserne og gi webdesignere kraftige nye stilverktøy til å jobbe med.
I (mange) år tidligere var det utvalgte webdesignere som nektet å bruke CSS for utforming og utvikling av nettsteder, men den øvelsen er alt borte fra bransjen i dag. CSS er nå en mye brukt standard i webdesign, og du vil være hardt presset for å finne alle som jobber i bransjen i dag, som ikke hadde minst en grunnleggende forståelse av dette språket.
CSS er en forkortelse
Som nevnt, står begrepet CSS for "Cascading Style Sheet." La oss bryte denne setningen litt for å forklare hva disse dokumentene gjør.
Ordet "stilark" refererer til selve dokumentet (som HTML, CSS-filer er 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 en layout, enten det er trykt eller på nettet. Utskriftsdesignere har lenge brukt stilark for å sikre at deres design skrives ut nøyaktig til deres spesifikasjoner. Et stilark for en nettside tjener samme formål, men med den ekstra funksjonaliteten til å fortelle nettleseren hvordan man gjør dokumentet synlig. 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 gjør at et enkelt HTML-dokument kan gjengis annerledes i henhold til skjermen som brukes til å få tilgang til den.
Cascade er den veldig spesielle delen av begrepet "cascading style sheet". Et web stilark er ment å kaskade gjennom en rekke stiler i det arket, som en elv over en foss. Vannet i elven treffer alle bergarter i fossen, men bare de som har bunnen, påvirker nøyaktig hvor vannet vil strømme. Det samme gjelder for kaskaden i nettside stilark.
Hver nettside påvirkes av minst ett stilark, selv om webdesigneren ikke bruker noen stiler. Dette stilarket er stilarket for brukeragent - også kjent som standardstilene som nettleseren vil bruke til å vise en side hvis ingen andre instruksjoner er gitt. For eksempel er hyperlinks som standard formet i blått og de er understreket. Disse stilene kommer fra en nettleser 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 tekstlinkene) deles over alle eller de fleste større nettlesere og versjoner.
For et annet eksempel på en nettleser standard, i vår nettleser, er standard skrifttypen "Times New Roman" som vises i størrelse 16. Nesten ingen av sidene vi besøker på skjermen i skrifttypefamilien og størrelsen. Dette skyldes at kaskaden definerer at de andre stilarkene, som er satt av designerne selv, for å omdefinere skriftstørrelsen og familien, overstyrer nettleserens standardinnstillinger. Ethvert stilark du lager for en nettside, vil ha mer spesifisitet enn en nettlesers standardstil, slik at disse standardene bare gjelder hvis stilarket ikke tilsidesker dem. Hvis du vil at koblinger skal være blå og understreket, trenger du ikke å gjøre noe siden det er standard, men hvis webområdet ditt CSS-fil sier at koblinger skal være grønne, vil fargen overstyre standardblått. Understrekket vil forbli i dette eksemplet siden du ikke angav noe annet.
Hvor brukes CSS?
CSS kan også brukes til å definere hvordan nettsider skal se når de vises i andre medier enn en nettleser. For eksempel kan du opprette et utskriftsformatark som skal definere hvordan nettsiden skal skrive ut. Fordi nettsideelementer som navigasjonsknapper eller webskjemaer ikke har noen hensikt på den utskrevne siden, kan et utskriftsstilark brukes til å "deaktivere" disse områdene når en side skrives ut.Selv om det ikke er en vanlig praksis på mange nettsteder, er muligheten til å lage utskriftsformatark kraftig og attraktiv (i vår erfaring - de fleste webprofessorer gjør det ikke bare fordi et nettsteds budsjettombud ikke krever at dette ekstra arbeidet skal gjøres ).
Hvorfor er CSS viktig?
CSS er et av de mektigste verktøyene en nettdesigner kan lære fordi med det kan du påvirke hele visuelt utseende på et nettsted. Velskrevne stilark kan oppdateres raskt og tillate nettsteder å endre hva som prioriteres visuelt på skjermen, som igjen viser verdi og fokus for besøkende, uten at noen endringer måtte gjøres til den underliggende HTML-oppstartingen.
Den største utfordringen for CSS er at det er ganske mye å lære - og med nettlesere som skifter hver dag, kan det ikke være fornuftig i morgen da nye stiler blir støttet og andre blir tapt eller faller ut av favør av en eller annen grunn .
Fordi CSS kan cascade og kombinere, og vurderer hvordan forskjellige nettlesere kan tolke og implementere retningslinjene på en annen måte, kan CSS være vanskeligere enn vanlig HTML for å mestre. 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 bruk av kraften til stilark gir deg utrolig fleksibilitet i hvordan du utformer websider og definerer utseendet deres. Underveis vil du samle en "pose med triks" av stiler og tilnærminger som har jobbet for deg tidligere, og som du kan slå til igjen når du bygger nye websider i fremtiden.
Opprinnelig artikkel av Jennifer Krynin. Redigert av Jeremy Girard den 7/5/17
