Kaj so Cascading Style Sheets?
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 ravni CSS 1, večino CSS Level 2 in celo večino vidikov CSS Level 3. Ker se CSS še naprej razvija in uvajajo novi slogi, so spletni brskalniki začeli izvajati module, ki v te brskalnike prinašajo novo podporo CSS-a in spletnim oblikovalcem omogočajo učinkovita orodja za oblikovanje stylinga.
V preteklih letih 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 bi bilo 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 »slogovni list« 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 privzete brskalnika v privzetem brskalniku je privzeta pisava " Times New Roman ", ki je prikazana na velikosti 16. Skoraj nobena od obiskanih strani ni prikazana 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 slogovi, ki jih ustvarite za spletno stran, bodo bolj specifični od privzetih slogov brskalnika, zato bodo privzete nastavitve veljale le, če vaš slogovni list ne bo preglasil. Č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 se lahko uporablja tudi za določanje, kako naj spletne strani izgledajo, ko jih gledajo 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 listov slogov tiskanja močna in privlačna (po mojem mnenju - večina spletnih strokovnjakov tega ne počne preprosto zato, ker obseg proračuna spletnega mesta ne zahteva, da se to dodatno delo opravi ).
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. Vzdolž poti boste nabavili "vrečo trikov" stilov in pristopov, ki so v preteklosti delali z vami in se boste lahko znova obrnili, ko boste v prihodnosti gradili nove spletne strani.
Izvorni članek Jennifer Krynin. Uredil Jeremy Girard dne 5. 7. 17,