Kas yra kaskados stiliaus lakštai?
Tinklalapiai susideda iš daugybės atskirų dalių, įskaitant paveikslėlius, tekstus ir įvairius dokumentus. Šie dokumentai apima ne tik tuos, kurie gali būti susieti su įvairiais puslapiais, pavyzdžiui, PDF failais, bet ir dokumentais, naudojamais patiems puslapiams kurti, pvz., HTML dokumentais, norint nustatyti puslapio struktūrą ir CSS (kaskadinio stiliaus lapo) dokumentus diktuoti puslapio išvaizdą. Šiame straipsnyje aptinkamas CSS, apimantis tai, kas tai yra ir kur jis naudojamas šiandieninėse interneto svetainėse.
CSS istorijos pamoka
CSS pirmą kartą buvo sukurtas 1997 m. Kaip būdas, kaip žiniatinklio kūrėjai galėtų apibrėžti jų sukurtų tinklalapių išvaizdą. Jis buvo skirtas leisti žiniatinklio profesionalams atskirti svetainės kodo turinį ir struktūrą nuo vizualaus dizaino, tai buvo neįmanoma iki šio laiko.
Struktūros ir stiliaus atskyrimas leidžia HTML atlikti daugiau iš pradžių pagrįstos funkcijos - turinio žymėjimo, nereikalaujant nerimauti dėl paties puslapio dizaino ir išdėstymo, kas paprastai vadinamas "išvaizda ir jausmas" puslapio.
CSS nepasiekė populiarumo iki maždaug 2000 m., Kai žiniatinklio naršyklės pradėjo naudoti daugiau nei pagrindinių šios žymėjimo kalbos šrifto ir spalvų aspektų. Šiandien visos šiuolaikinės naršyklės palaiko visus CSS 1 lygmenis, daugumą CSS 2 lygio ir netgi daugumą CSS 3 lygio aspektų. Kadangi CSS ir toliau vystosi ir naujų stilių pristatoma, žiniatinklio naršyklės pradėjo diegti modulius, kurie prideda naują CSS palaikymą šiose naršyklėse ir suteikia interneto dizaineriams galingus naujus stiliaus įrankius, su kuriais dirbti.
Per (daugelį) metų praeityje buvo atrinkti interneto dizaineriai, kurie atsisakė naudoti CSS dėl interneto svetainių kūrimo ir kūrimo, tačiau šiandien ši praktika vis tiek išėjo iš pramonės. CSS dabar yra plačiai naudojamas žiniatinklio dizaino standartas, todėl jums reikės rasti ką nors šiandieninėje pramonėje veikiantį asmenį, kuris neturėjo bent pagrindinio šios kalbos supratimo.
CSS yra santrumpa
Kaip jau minėta, terminas CSS reiškia "Cascading Style Sheet". Šiek tiek suskirsime šią frazę, kad išsamiau paaiškintume, kokie yra šie dokumentai.
Žodis "stiliaus lapas" reiškia pačią dokumentą (pvz., HTML, CSS failai iš tikrųjų yra tik tekstiniai dokumentai, kuriuos galima redaguoti naudojant įvairias programas). Stilių lapai daugelį metų buvo naudojami dokumento dizainui . Tai yra išdėstymo, spausdintos ar internetinės, techninės specifikacijos. Spausdintuvų dizaineriai jau seniai naudoja stiliaus lapus, siekdami užtikrinti, kad jų dizainai būtų tiksliai atspausdinti pagal jų specifikacijas. Tinklalapio stiliaus lapas naudojamas tam pačiam tikslui, tačiau papildoma funkcija taip pat nurodo žiniatinklio naršykle, kaip peržiūrėti dokumentą. Šiandien CSS stiliaus lapai taip pat gali naudoti žiniasklaidos užklausas, kad pakeistų puslapio atvaizdus skirtingų įrenginių ir ekrano dydžių . Tai neįtikėtinai svarbu, nes tai leidžia vieninteliam HTML dokumentui pateikti skirtingai pagal ekrane naudojamą prieigą prie jo.
"Cascade" yra tikrai ypatinga sąvokos "kaskadinis stiliaus lapas" dalis. Tinklalapio stiliaus lapas skirtas pakartoti įvairias šio lapo stilių, pavyzdžiui, upę virš krioklio. Upės vanduo nukenčia į krioklių akmenis, bet tik tie, kurie yra apačioje, tiesiogiai priklauso nuo to, kur vanduo tekės. Tas pats pasakytina apie kaskadą svetainių stiliaus lapuose.
Kiekvienam tinklalapiui taikomas bent vienas stiliaus lapas, net jei interneto dizaineris netaiko jokių stilių. Šis stiliaus lapas yra vartotojo agento stiliaus lapas - taip pat žinomas kaip numatytasis stiliai, kuriuos naršyklė naudos puslapio rodymui, jei nėra kitų nurodymų. Pavyzdžiui, pagal numatytuosius nustatymus hipersaitus sudaro mėlynos spalvos ir jie yra pabraukti. Šie stiliai kilę iš numatytosios žiniatinklio naršyklės stiliaus lapo. Tačiau jei žiniatinklio dizaineris pateikia kitas instrukcijas, naršyklė turės žinoti, kokios instrukcijos turi pirmenybę. Visoms naršyklėms yra numatytieji stiliai, tačiau daugelis iš tų numatytųjų nustatymų (pvz., Mėlynos pabrauktos teksto nuorodos) yra bendrinamos visose arba daugumoje pagrindinių naršyklių ir versijų.
Dar vienas pavyzdys naršyklės pagal nutylėjimą, mano žiniatinklio naršyklėje numatytasis šriftas yra " Times New Roman ", rodomas 16 dydžio dydžio. Vis dėlto nė vienas iš puslapių, kuriuos lankau, nerodo šios šriftų grupės ir dydžio. Taip yra todėl, kad kaskadas apibrėžia, kad antys stiliaus lapai, kuriuos nustato patys dizaineriai, iš naujo apibrėžia šrifto dydį ir šeimą, viršijantys mano interneto naršyklės numatytuosius nustatymus. Bet kokie stiliaus lapai, kuriuos sukursite tinklalapiui, turės daugiau specifiškumo nei numatytasis naršyklės stilius, todėl tie numatytieji veiksmai bus taikomi tik tuo atveju, jei jūsų stiliaus lentelė neatspindi jų. Jei norite, kad nuorodos būtų mėlynos ir pabrėžtos, jums nereikia nieko daryti, nes tai yra numatytoji nuostata, tačiau jei jūsų svetainės CSS failas sako, kad nuorodos turi būti žalios spalvos, ta spalva bus viršyta numatytoji mėlyna. Šiame pavyzdyje išliks pabraukimas, nes nenurodėte kitaip.
Kur naudojamas CSS?
CSS taip pat gali apibrėžti, kaip tinklalapiai turėtų atrodyti žiūrint kitose žiniasklaidos priemonėse nei žiniatinklio naršyklėje. Pavyzdžiui, galite sukurti spausdinimo stiliaus lapą, kuriame bus nurodyta, kaip tinklalapis turėtų būti atspausdintas. Kadangi žiniatinklio puslapio elementai, pvz., Naršymo mygtukai ar interneto formos, neturi tikslo spausdintame puslapyje, spausdinimo stiliaus lapą galima naudoti norint "išjungti" tas sritis, kai atspausdinamas puslapis. Nors daugelyje svetainių praktikoje nėra įprastos praktikos, galimybė kurti spausdinimo stilių lapus yra galinga ir patraukli (mano patirtis - dauguma žiniatinklio profesionalų to nedaro, nes svetainės biudžeto apimtis nereikalauja atlikti šį papildomą darbą )
Kodėl CSS yra svarbus?
CSS yra viena iš galingiausių įrankių, kurią gali išmokti interneto dizaineris, nes kartu su juo galite paveikti visą svetainės išvaizdą. Gerai parašyti stilių lapai gali būti greitai atnaujinami ir leisti svetainėms keisti tai, kas yra ekrane pateikiama pirmenybė vizualiai, o tai savo ruožtu rodo vertę ir dėmesio lankytojams, be jokių pakeitimų, reikalingų pagrindiniam HTML žymėjimui.
Pagrindinis CSS iššūkis yra tai, kad reikia daug ką išmokti - ir kiekvieną dieną keičiančios naršyklės, kas šiandien gerai veikia, gali būti nesuprantama rytoj, nes nauji stilius tampa palaikoma, o kiti nukenčia arba atsilieka nuo pranašumų dėl vienos ar kitos priežasties .
Kadangi CSS gali kaskadėti ir derinti, o atsižvelgiant į tai, kaip skirtingos naršyklės skirtingai interpretuoja ir įgyvendina direktyvas, CSS gali būti sudėtingesnis nei paprastas HTML valdymas. CSS taip pat keičiasi naršyklių taip, kad HTML tikrai nėra. Pradėjus naudoti CSS, pamatysite, kad stilių lapų galios panaudojimas suteiks jums neįtikėtiną lankstumą, kaip tinklalapius išdėstyti ir apibrėžti jų išvaizdą. Be to, jūs sukaupsite "stilių ir stilių" maišelį, kuris praeityje dirbo jums ir kurį galite įjungti dar kartą, kai ateityje sukursite naujus tinklalapius.
Originalus straipsnis Jennifer Krynin. Redagavo Jeremy Girard 7/5/17