Spletne strani so sestavljene iz več posameznih delov, vključno s slikami, besedilom in različnimi dokumenti. Ti dokumenti ne vključujejo le tistih, ki so lahko povezani z različnih strani, kot so datoteke PDF, temveč tudi dokumenti, ki se uporabljajo za izdelavo strani samih, kot so dokumenti HTML za določitev strukture strani in dokumentov CSS (Cascading Style Sheet) narekovati videz strani. Ta članek bo prebral v CSS, ki pokriva, kaj je in kje se danes uporablja na spletnih straneh.
CSS zgodovina lekcije
CSS je bil prvič razvit leta 1997 kot način, kako spletni razvijalci opredelijo videz spletnih strani, ki so jih ustvarili. Namenjen je bil spletnim strokovnjakom omogočiti, da ločijo vsebino in strukturo kode spletne strani od vizualnega oblikovanja, kar je bilo pred tem časom nemogoče.
Ločevanje strukture in sloga omogoča HTML, da izvede več funkcij, na katerih je bila prvotno zasnovana - označevanje vsebine, ne da bi morali skrbeti za oblikovanje in postavitev same strani, nekaj, kar je splošno znano kot »videz in občutek«, strani.
CSS ni bil priljubljen do leta 2000, ko so spletni brskalniki začeli uporabljati več kot osnovne barvne in barvne značilnosti tega označevalnega jezika. Danes vsi sodobni brskalniki podpirajo vse stopnje CSS 1, večino CSS Level 2 in celo večino vidikov CSS Level 3. Ker se CSS še naprej razvija in uvajajo nove sloge, so spletni brskalniki začeli izvajati module, ki prinašajo novo podporo CSS v te brskalnike in dati spletnim oblikovalcem zmogljiva nova orodja za styling za delo.
V preteklosti so bili izbrani spletni oblikovalci, ki so zavrnili uporabo CSS za oblikovanje in razvoj spletnih strani, vendar ta praksa danes ni več v industriji. CSS je danes široko uporabljen standard za spletno oblikovanje in vam bo težko najti vsakogar, ki dela danes v industriji, ki nima vsaj osnovnega razumevanja tega jezika.
CSS je okrajšava
Kot že omenjeno, izraz CSS pomeni izraz »Cascading Style Sheet«. Razbijmo to besedno zvezo, da bomo podrobneje razložili, kaj ti dokumenti naredijo.
Beseda "stylesheet" se nanaša na sam dokument (kot so HTML, datoteke CSS so resnično samo besedilni dokumenti, ki jih je mogoče urediti z različnimi programi). Stilski listi so že več let uporabljeni za oblikovanje dokumentov. So tehnične specifikacije za postavitev, bodisi tiskanje ali spletno. Oblikovalci tiskanja že dolgo uporabljajo slogovne liste, da zagotovijo, da so njihovi vzorci natisnjeni natančno po njihovih specifikacijah. Za isti namen je namenjen slogovni list za spletno stran, vendar z dodano funkcijo prav tako sporoča spletni brskalniku, kako narediti dokument, ki ga gledate. Danes lahko listi slogov CSS uporabijo tudi medijske poizvedbe, s katerimi spremenijo način iskanja strani za različne naprave in velikosti zaslona. To je neverjetno pomembno, saj omogoča, da se posamezni dokument HTML naredi drugače glede na zaslon, ki ga uporabljate za dostop do njega.
Cascada je res poseben del izraza "kaskadni slogovni list". Spletni slog je namenjen kaskadi skozi vrsto stilov v tem listu, kot je reka nad slapom. Voda v reki zadene vse skale v slapu, le tisti na dnu pa vplivajo točno na to, kje bo voda tekla. Enako velja za kaskado v slogovnih listih spletnega mesta.
Vsako spletno stran vpliva vsaj en slogovni list, tudi če spletni oblikovalec ne uporablja nobenih slogov. Ta slogovna plošča je slogovni list uporabniškega posrednika - znan tudi kot privzeti slogi, ki jih bo spletni brskalnik uporabil za prikaz strani, če ne bodo navedena druga navodila. Na primer, privzeto so hiperpovezave stilsko modre in so podčrtane. Ti slogi prihajajo iz privzetega slognega lista spletnega brskalnika. Če spletni oblikovalec zagotovi druga navodila, mora brskalnik vedeti, katera navodila imajo prednost. Vsi brskalniki imajo lastne privzete sloge, vendar se mnoge od teh privzetih nastavitev (na primer modre podčrtane besedilne povezave) delijo v vseh ali večini glavnih brskalnikov in različic.
Za še en primer privzetega brskalnika v našem spletnem brskalniku je privzeta pisava "Times New Roman" prikazana na velikosti 16. Skoraj nobena od strani, ki jo obiščemo na zaslonu v tej družini in velikosti pisave. To je zato, ker kaskada določa, da drugi listi slogov, ki jih določijo sami oblikovalci, znova določijo velikost pisave in družino, ki prevladajo nad privzetimi nastavitvami spletnega brskalnika. Vsi listi slogov, ki jih ustvarite za spletno stran, bodo bolj specifični kot privzeti slogi brskalnika, zato bodo privzete nastavitve veljale le, če vam njihova slogovna oznaka ne bo preglasila. Če želite, da so povezave modre in podčrtane, vam ni potrebno storiti ničesar, ker je to privzeto, če pa je na spletnem mestu CSS datoteka navedeno, da morajo biti povezave zelene, bo ta barva preglasila privzeto modro. Podčrtano bo ostalo v tem primeru, ker niste določili drugače.
Kje se uporablja CSS?
CSS lahko uporabite tudi za določitev, kako naj spletne strani izgledajo, ko jih gledate v drugih medijih, kot spletni brskalnik. Na primer, lahko ustvarite list stila za tiskanje, ki bo določil, kako naj se natisne spletna stran. Ker postavke spletne strani, kot so navigacijski gumbi ali spletni obrazci, ne bodo imele nobenega namena na natisnjeni strani, se lahko tiskalniški slog uporabi za "izklop" teh območij, ko je natisnjena stran.Čeprav na mnogih spletnih mestih sploh ni običajna praksa, je možnost ustvarjanja listnic slogov tiskanja močna in privlačna (po naših izkušnjah - večina spletnih strokovnjakov to ne počne le zato, ker obseg proračuna spletnega mesta ne zahteva tega dodatnega dela ).
Zakaj je CSS pomemben?
CSS je eno najmočnejših orodij, ki jih spletni oblikovalec lahko učijo, saj lahko z njim vplivate na celoten videz spletnega mesta. Dobro napisane liste slogov lahko hitro posodabljate in omogočajo spletnim mestom, da spremenijo, kaj je vizualno prednostno prikazano na zaslonu, kar pa pokaže vrednost in se osredotoči na obiskovalce brez kakršnih koli sprememb, ki bi jih bilo treba narediti v osnovni oznaki HTML.
Glavni izziv CSS je, da se je precej naučiti - in z brskalniki, ki se vsak dan spreminjajo, to, kar danes deluje dobro, morda ne bo smiselno jutri, ko bodo novi stili podprli, drugi pa bodo zaradi enega ali drugega razloga padli ali padli iz storitve .
Ker CSS lahko kaskade in združuje in razmišlja, kako različni brskalniki lahko drugače razlagajo in izvajajo direktive, je lahko CSS težje od običajnega HTML-ja. CSS se tudi v brskalnikih spreminja tako, da HTML res ne. Ko začnete uporabljati CSS, boste videli, da izkoriščanje moči listov slogov vam bo prineslo neverjetno prilagodljivost pri postavitvi spletnih strani in določanju njihovega videza in občutka. Na poti boste nabavili "vrečo trikov" stilov in pristopov, ki so v preteklosti delali z vami, in se lahko znova obrnete, ko boste v prihodnosti gradili nove spletne strani.
Izvorni članek Jennifer Krynin. Uredil Jeremy Girard dne 17.5.17
