Efni.
Vefsíður samanstanda af fjölda einstakra verka, þar á meðal myndum, texta og ýmsum skjölum. Þessi skjöl eru ekki aðeins með skjöl sem hægt er að tengjast frá ýmsum síðum, svo sem PDF skjölum, heldur einnig skjölin sem eru notuð til að smíða síðurnar sjálfar, eins og HTML skjöl til að ákvarða uppbyggingu síðu og CSS (Cascading Style Sheet) skjöl til að fyrirmæli um útlit síðu. Þessi grein mun kafa í CSS, fjalla um hvað hún er og hvar hún er notuð á vefsíðum í dag.
CSS sögu kennslustund
CSS var fyrst þróað árið 1997 sem leið fyrir vefur verktaki til að skilgreina sjón útlit vefsíðna sem þeir voru að búa til. Það var ætlað að leyfa fagfólki á vefnum að aðgreina innihald og uppbyggingu kóða vefsíðunnar og sjónhönnunina, eitthvað sem ekki hafði verið mögulegt fyrir þennan tíma.
Aðgreiningin á uppbyggingu og stíl gerir HTML kleift að framkvæma meira af þeim aðgerðum sem það var upphaflega byggt á - álagningu efnis, án þess að þurfa að hafa áhyggjur af hönnun og skipulagi síðunnar sjálfrar, eitthvað sem almennt er kallað „útlit og tilfinning“ af síðunni.
CSS naut ekki vinsælda fyrr en í kringum 2000 þegar vafrar fóru að nota meira en grunn letur og litatriði þessa merkingarmáls. Í dag styðja allir nútíma vafrar alla CSS stig 1, flest CSS stig 2 og jafnvel flesta þætti CSS stig 3. Þegar CSS heldur áfram að þróast og nýir stílar eru kynntir eru vefskoðarar farnir að innleiða einingar sem koma með nýjan CSS stuðning í þá vafra og gefðu vefhönnuðum öflug ný stílverkfæri til að vinna með.
Á (mörgum) árum voru það valdir vefhönnuðir sem neituðu að nota CSS við hönnun og þróun vefsíðna, en sú framkvæmd er allt önnur en horfin frá greininni í dag. CSS er nú mikið notaður staðall í vefhönnun og þú værir harður í því að finna alla sem starfa í greininni í dag sem höfðu ekki að minnsta kosti grunnskilning á þessu tungumáli.
CSS er skammstöfun
Eins og áður hefur komið fram stendur hugtakið CSS fyrir „Cascading Style Sheet.“ Við skulum brjóta niður þessa setningu aðeins til að skýra betur hvað þessi skjöl gera.
Orðið „sniðmát“ vísar til skjalsins sjálfs (eins og HTML, CSS skrár eru í raun bara textaskjöl sem hægt er að breyta með ýmsum forritum). Stílblöð hafa verið notuð við skjalahönnun í mörg ár. Þetta eru tækniforskriftir fyrir skipulag, hvort sem það er prentað eða á netinu. Prenthönnuðir hafa löngum notað stílblöð til að tryggja að hönnun þeirra sé prentuð nákvæmlega samkvæmt þeirra forskrift. Stílblöð fyrir vefsíðu þjónar sama tilgangi, en með aukinni virkni er það einnig að segja vafra hvernig á að gera skjalið sem verið er að skoða. Í dag geta CSS stílblöð einnig notað fyrirspurnir til að breyta því hvernig síðu lítur út fyrir mismunandi tæki og skjástærðir. Þetta er ótrúlega mikilvægt þar sem það gerir kleift að framvísa einu HTML skjali á annan hátt í samræmi við skjáinn sem er notaður til að fá aðgang að því.
Cascade er mjög sérstakur hluti hugtaksins „cascading style sheet“. Vefstílblaði er ætlað að fletta í gegnum röð stíla í því blaði, eins og áin yfir foss. Vatnið í ánni lendir í öllum klettunum í fossinum, en aðeins þeir sem eru neðst hafa áhrif á það nákvæmlega hvar vatnið mun renna. Sama er uppi á teningnum í stílblöðum vefsíðna.
Að minnsta kosti eitt stílblöð hefur áhrif á hverja vefsíðu, jafnvel þó að vefhönnuðurinn beiti engum stíl. Þetta stílblað er stílblaðið notandi umboðsmanns - einnig þekkt sem sjálfgefna stíllinn sem vafrinn mun nota til að birta síðu ef engar aðrar leiðbeiningar eru gefnar. Til dæmis eru tenglar sjálfgefið stíll með bláu og eru undirstrikaðir. Þessir stílar koma frá sjálfgefnu stílblaði vafra. Ef vefhönnuðurinn veitir aðrar leiðbeiningar, verður vafrinn að vita hvaða leiðbeiningar hafa forgang. Allir vafrar eru með sína eigin sjálfgefnu stíl, en margir af þeim vanskilum (eins og bláu undirstrikuðu textatengjunum) er deilt yfir alla eða flesta helstu vafra og útgáfur.
Fyrir annað dæmi um sjálfgefinn vafra, í vafranum okkar, er sjálfgefna letrið „Times New Roman“ sýnt í stærð 16. Næstum engin síðanna sem við heimsækjum skjáinn í þeirri leturfjölskyldu og stærð. Þetta er vegna þess að hylkið skilgreinir að seinni stílblöðin, sem eru hönnuð af hönnuðunum sjálfum, til að endurskilgreina leturstærð og fjölskyldu, hnekki vanskilum vafrans. Sérhvert stílblöð sem þú býrð til fyrir vefsíðu mun hafa meiri sérstöðu en sjálfgefin stíll vafrans, þannig að þessi vanskil eiga aðeins við ef sniðmátin þín hnekkir þeim ekki. Ef þú vilt að krækjur séu bláar og undirstrikaðar, þá þarftu ekki að gera neitt þar sem það er sjálfgefið, en ef CSS skrá síðunnar þinnar segir að krækjur ættu að vera grænir mun sá litur hnekkja sjálfgefnu bláu. Undirstrikunin verður áfram í þessu dæmi þar sem þú tilgreindir ekki annað.
Hvar er CSS notað?
Einnig er hægt að nota CSS til að skilgreina hvernig vefsíður ættu að líta út þegar þær eru skoðaðar í öðrum miðlum en vafra. Til dæmis er hægt að búa til prentstílblað sem mun skilgreina hvernig vefsíðan á að prenta út. Þar sem vefsíður eins og stýrihnappar eða vefsnið hafa engan tilgang á prentuðu síðunni er hægt að nota prentstíl til að „slökkva“ á þessum svæðum þegar blaðsíða er prentuð. Þó að það sé í raun ekki algengt á mörgum stöðum, þá er möguleikinn á að búa til prentstílablöð öflugur og aðlaðandi (í okkar reynslu - flestir sérfræðingar á vefnum gera þetta ekki einfaldlega vegna þess að umfang fjárhagsáætlunar vefsins krefst ekki þess að þessi viðbótarvinna verði unnin ).
Af hverju er CSS mikilvægt?
CSS er eitt öflugasta tækið sem vefhönnuður getur lært af því að með því geturðu haft áhrif á allt sjónræn útlit vefsíðu. Vel skrifaðar stílblöð er hægt að uppfæra fljótt og leyfa vefsvæðum að breyta því sem er forgangsraðað sjónrænt á skjánum, sem aftur sýnir gildi og fókus fyrir gesti, án þess að gera þurfi breytingar á undirliggjandi HTML álagningu.
Helsta viðfangsefni CSS er að það er töluvert til að læra - og þegar vafrar eru að breytast á hverjum degi, þá gæti það sem virkar vel í dag ekki skynsamlegt á morgun þar sem nýir stílar verða studdir og aðrir látnir falla eða falla úr hag af einni eða annarri ástæðu .
Vegna þess að CSS getur fallið saman og sameinað, og miðað við hvernig mismunandi vafrar geta túlkað og útfært tilskipanirnar á annan hátt, getur CSS verið erfiðara en venjulegt HTML að ná tökum á. CSS breytist einnig í vöfrum á þann hátt sem HTML gerir það í raun ekki. Þegar þú byrjar að nota CSS muntu hins vegar sjá að með því að beita krafti stílblaða mun þér verða ótrúlegur sveigjanleiki í því hvernig þú skipur vefsíður og skilgreinir útlit þeirra og tilfinningu. Á leiðinni muntu safna saman „poka af brellum“ af stílum og aðferðum sem hafa unnið fyrir þig í fortíðinni og sem þú getur snúið til aftur þegar þú byggir nýjar vefsíður í framtíðinni.
Klippt af Jeremy Girard
