Mis on CSS ja kus seda kasutatakse?

Mis on kaskaaditavate stiilide loendid?

Veebilehed koosnevad paljudest üksikutest osadest, sealhulgas piltidest, tekstist ja mitmesugustest dokumentidest. Need dokumendid hõlmavad mitte ainult neid, mida võib erinevatelt lehtedelt, näiteks PDF-failidelt, linkida, vaid ka dokumente, mida kasutatakse lehtede ise ehitamiseks, näiteks HTML-dokumente lehe struktuuri ja CSS-dokumentide (kaskaadlaaditavate dokumentide) määramiseks dikteerida lehe välimust. See artikkel kajastab CSS-i, hõlmates seda, mis see on ja kus seda veebisaidil täna kasutatakse.

CSS ajaloo õppetund

CSS loodi 1997. aastal veebisaidi arendajatena, et määratleda nende loodud veebilehtede visuaalne välimus. Selle eesmärk oli võimaldada veebi spetsialistidel eraldada veebisaidi koodi sisu ja struktuuri visuaalsest disainist, mis ei olnud enne seda aega olnud võimalik.

Struktuuri ja stiili eraldamine võimaldab HTML-il teostada rohkem funktsiooni, mis algselt põhineb - sisu märgistamisel, ilma et peaks muretsema lehe kujunduse ja kujunduse pärast, mida tuntakse üldiselt kui "välimust" lehelt.

CSS ei saanud populaarsust kuni 2000. aastani, mil veebibrauserid hakkasid kasutama rohkem selle märgistuskeele põhifunktsioone ja värviaspekte. Praegu toetavad kõik kaasaegsed brauserid kõiki CSS-i 1. taset, enamik CSS-i 2. taset ja isegi enamik CSS-i 3. taseme aspekte. Kuna CSS-i arendamine jätkub ja uute stiilide kasutuselevõtt on veebibrauserid hakanud rakendama mooduleid, mis toovad uut CSS-i toetust nendesse brauseritesse, ja annavad veebidisaineritele võimaluse luua uusi võimsaid stiilivahendeid.

(Mitu) aastat varem olid valitud veebidisainerid, kes keeldusid CSS-i kasutamisest veebisaitide kujundamisel ja arendamisel, kuid seda praktikat ei läinud tänapäeval kaugeltki. CSS on tänapäeval veebidisaini jaoks laialdaselt kasutatav standard, ja teil oleks raske vaevaga leida täna tööstuses töötavat töötajat, kellel ei olnud vähemalt selle keele põhitõdesid.

CSS on lühend

Nagu juba mainitud, tähendab termin CSS "kaskaaditavat stiililehte". Lõhkematerjalist lähemalt selgitame seda, mida need dokumendid teevad.

Sõna "stiilileht" viitab dokumendile endile (nagu HTML, CSS-failid on tõepoolest lihtsalt tekstidokumendid, mida saab erinevate programmidega redigeerida). Stiililehed on dokumentide kujundamisel kasutatud paljude aastate jooksul. Need on trükise või veebi kujunduse tehnilised kirjeldused. Disaineritel on pika aja jooksul kasutatud stiililehti, et kindlustada nende disainilahenduste trükkimine täpselt nende spetsifikatsioonidele. Veebilehe stiilileht teenib sama eesmärki, kuid lisatud funktsionaalsusega kirjeldab veebibrauserit ka seda, kuidas seda dokumenti vaadata. Täna võivad CSS-i stiililehed kasutada ka meediumipäringuid, et muuta lehte erinevate seadmete ja ekraanisuuruste vaatamiseks . See on äärmiselt oluline, kuna see võimaldab ühe HTML-dokumendi teisendamist vastavalt sellele, kuidas seda ekraanile juurde pääseb.

Kaskaad on termin "kaskaaditav stiilileht" tõesti eriline osa. Veebi stiilileht on ette nähtud selle lehe mitmete stiilide kaudu nagu jõgi üle juga. Vee jõgi tabab kõiki kivimid joadil, kuid ainult need, mis on allosas, mõjutavad täpselt, kus vesi jookseb. Sama kehtib ka veebikaustade lehtede kaskaadi kohta.

Igal veebilehel on vähemalt üks stiilileht, isegi kui veebidisainer ei kasuta mingeid stiile. See stiilileht on kasutajarühma stiilileht, mida nimetatakse ka vaikimisi stiiliks, mida veebibrauser kasutab lehe kuvamiseks, kui teisi juhiseid ei pakuta. Näiteks vaikimisi on hüperlingid sinised ja need on allajoonitud. Need stiilid pärinevad veebibrauseri vaikeilehtedest. Kui veebidisainer pakub teisi juhiseid, peab brauser siiski teadma, millised juhised on ülimuslikud. Kõigil brauseritel on oma vaikimisi stiilid, kuid paljud neist vaikesättest (nagu sinine allajoonitud tekstlink) on jagatud kõigis või enamus suuremates brauserites ja versioonides.

Veel ühe näitena brauseri vaikimisi on minu veebibrauseris vaikefond suurus " Times New Roman ", mis on suuruselt 16. Peaaegu ükski lehti, mida külastan, ei kuvata selles fontide perekonnas ja suuruses. Seda sellepärast, et kaskaad määratleb, et disainerite endi poolt määratud teisel stiililabal on fondi suuruse ja perekonna uuesti määratlemine, mis muudab minu veebibrauseri vaikeväärtused. Veebilehe jaoks loodud stiililehtedel on rohkem spetsiifilisust kui brauseri vaikesätete puhul, nii et need vaikeseaded kehtivad ainult siis, kui teie stiilileht neid ei tühista. Kui soovite lingid olla sinist ja allajoonitud, ei pea te midagi tegema, kuna see on vaikimisi, kuid kui teie saidi CSS-fail ütleb, et lingid peaksid olema rohelised, siis värv ületab vaikimisi sinise. Selles näites jääb alamrubriik, kuna te pole teisiti määranud.

Kas CSS on kasutatud?

CSS-i võib kasutada ka selleks, et määratleda, kuidas veebisaitidel tuleks vaadata teistes meediumides vaadatuna kui veebibrauserit. Näiteks saate luua printimisstiilide lehe, mis määrab, kuidas veebileht peaks välja printima. Kuna veebilehe elementidel nagu navigeerimisnupud või veebivormid prinditavale lehele pole mingit eesmärki, saab lehekülgede printimise ajal neid leiameid "välja lülitada" kasutada Print Style Sheet. Kuigi paljudel saitidel pole üldjuhul tava, on stiililehtede loomise võimalus võimas ja atraktiivne (minu kogemus - enamik veebi spetsialistid seda ei tee lihtsalt sellepärast, et saidi eelarve ulatus ei nõua täiendavat tööd )

Miks on CSS tähtis?

CSS on üks kõige võimsamaid vahendeid, mida veebidisainer saab õppida, sest sellega saate mõjutada kogu veebisaidi visuaalset välimust. Hästi kirjutatud stiililehti saab kiiresti värskendada ja võimaldada saitidel muuta visuaalselt ekraanil esmatähtsate elementide valikut, mis omakorda näitab väärtust ja keskendub külastajatele, ilma et HTML-märgistus peaks muutuma.

CSS-i peamine väljakutse on see, et õppida on üsna palju - ja iga päev muutvate brauseritega, mis täna hästi toimib, ei pruugi homme olla mõttetu, kuna uusi stiile toetatakse ja teised langevad või kaotavad kasu ühel või teisel põhjusel .

Kuna CSS saab kaskaadi ja kombineerida ning arvestades, kuidas erinevad brauserid suudavad tõlgendada ja rakendada direktiive erinevalt, võib CSS olla keerulisem kui tavaline HTML-i haldamine. CSS muutub ka brauserites nii, et HTML tegelikult ei toimi. Kui hakkate CSS-i kasutama, näete aga, et stiililehtede võimsuse kasutamine annab teile uskumatu paindlikkuse veebilehtede kujundamisel ja nende välimuse kujundamisel. Samas koguneb teile "stiilide ja lähenemisviiside" kotikest, mis on teie jaoks varem töötanud ja mida saate uuesti pöörduda, kui loote tulevikus uusi veebisaite.

Jennifer Krynini algne artikkel. Redigeeris Jeremy Girard 5.7.2005