Kaj so kaskadne slogovne liste in za kaj se uporablja CSS?

To kodo prilepite v oznake vaše datoteke HTML, ki povezujejo vaš zunanji slog sloga.

Moč CSS

S povezano metodo izkoriščamo osrednjo moč CSS: ločevanje skrbi. Vse pomenske informacije - kaj pomeni vsebina - so vsebovane v dokumentu HTML. Slog - kako izgleda - je v ločeni datoteki, slogovni listi.

Tu je le nekaj prednosti te ločitve:

• Slog sloga lahko zamenjate tako, da spremenite sklic na datoteko. To se lahko zgodi celo dinamično. V enem koraku lahko spremenite celoten videz in občutek strani.
• Številne strani lahko delijo iste slogovne liste, kot je potrebno. S spreminjanjem ene same datoteke lahko posodobite videz celotnega spletnega mesta.
• Razdelitev strani na „vsebino“ in „slog“ ima tehnične prednosti. Pooblaščenci in brskalniki lahko posamezne datoteke predpomnijo ločeno. To pomeni, da lahko spletno mesto enkrat pošlje podatke o slogu, namesto da jih vključi na vsako stran.
• Pri sodelovanju lahko različne ekipe delajo po svojih močeh, ustvarjajo in urejajo ločene datoteke, ne da bi to vplivalo drug na drugega.

Razlaga Cascade

Veliko ste se naučili o slogih in slogovnikih, kaj pa kaskadni del CSS?

Kaskada je tista, ki odloča, katere sloge uporabiti, če je prisotnih več slogovnih listov. Videli ste, kako lahko avtor določi sloge za svojo vsebino. Druga značilnost CSS pa je, da bralcem in proizvajalcem brskalnikov daje tudi nekaj mnenja o tem.

Morda ste se že spraševali o privzetih slogih. Na primer, kako deluje H1 element videti velik in drzen, tudi brez avtorjevih slogov? To je zahvaljujoč nizu posebnih pravil, ki sestavljajo slog slik uporabniškega posrednika. Ta pravila vaš spletni brskalnik najprej uporabi za vsako stran, ki jo obiščete.

Kaskada določa, da se za slogi uporabniškega posrednika uporablja avtorjeva slogna lista. Če naš brskalnik pravi, da so naslovi krepki, vendar avtor strani razglasi, da so naslovi na tej strani lahki, bodo na koncu lahki.

Obstaja še en vir slogovnikov, ki bralcu preda nekaj nadzora. Vsak spletni uporabnik lahko teoretično vzdržuje uporabniški list s pravili po meri. Ti so na sredini: uporabniška pravila bodo preglasila privzete nastavitve brskalnika, sami pa jih bodo preglasili slogi avtorjev. Na žalost podpora za uporabniške sloge ni bila nikoli razširjena.

Ciljanje na različne medije

Tabele stilov lahko uporabljate v različnih kontekstih, zunaj zaslona. The pol atribut povezava element določa, za katere vrste medijev velja slogovna lista. Na primer, lahko definirate sloga za tiskanje z uporabo oznak na naslednji način:

Skupne sloge lahko zberete v enem globalnem slogovnem listu, sloge, značilne za predstavnost, pa v ločenih datotekah. Obstajajo celo vrste medijev za avdio ali braillovo predstavitev vaše vsebine. CSS je ključno orodje za izboljšanje dostopnosti.

Povezano: Kako brskati po spletu, če ste slepi ali slabovidni

kdaj izide ps4

Spletna mesta, kot je Wikipedia, uporabljajo CSS za nadzor sloga tiskanja, skrivanje neželenih elementov in poenostavitev postavitve.

CSS naredi HTML videti dobro

Cascading Style Sheets pokrivajo veliko: kaskado, dedovanje, izbirnike, vire, medije itd. Toda njihova moč omogoča sodoben splet. To je medij, ki ponuja vgrajene funkcije za večkratno uporabo, prilagodljivost in dostopnost.

Če si želite ogledati vso moč CSS in koliko lahko ponudi, si oglejte našo goljufanje, ki zajema vse bistvene lastnosti CSS3.

• Programiranje
• Spletni razvoj
• CSS

Bobby je tehnološki navdušenec, ki je več kot dve desetletji delal kot razvijalec programske opreme. Navdušen je nad igranjem iger, dela kot urednik recenzij v reviji Switch Player in je potopljen v vse vidike spletnega založništva in spletnega razvoja.

Naročite se na naše novice

Pridružite se našemu glasilu za tehnične nasvete, ocene, brezplačne e -knjige in ekskluzivne ponudbe!