Svetaines sudaro keletas atskirų dalių, įskaitant vaizdus, tekstą ir įvairius dokumentus. Šie dokumentai apima ne tik tuos, kuriuos galima susieti iš įvairių puslapių, pvz., PDF failus, bet ir dokumentus, kurie naudojami kuriant pačius puslapius, pvz., HTML dokumentai nustatyti puslapio struktūrą ir CSS (Cascading Style Sheet) dokumentus, padiktuojančius puslapio išvaizdą. Šis straipsnis gilinsis į CSS, apžvelgdamas, kas tai yra ir kur jis šiandien naudojamas svetainėse.
CSS istorijos pamoka
CSS pirmą kartą buvo sukurta 1997 m., Kaip būdas interneto svetainių kūrėjams apibrėžti jų kuriamų tinklalapių vizualinę išvaizdą. Tai buvo skirta leisti interneto specialistams atskirti turinį ir vizualinio dizaino svetainės kodo struktūra, ko iki šio laiko nebuvo įmanoma padaryti.
Struktūros ir stiliaus atskyrimas leidžia HTML atlikti daugiau funkcijos, kuria jis iš pradžių buvo pagrįstas - žymėjimą turinį, nesijaudindami dėl paties puslapio dizaino ir išdėstymo, kas paprastai vadinama „išvaizda“ puslapis.
CSS evoliucija
CSS išpopuliarėjo tik maždaug 2000 m., Kai interneto naršyklės pradėjo naudoti daugiau nei pagrindinius šios žymėjimo kalbos šrifto ir spalvų aspektus. Šiandien visos šiuolaikinės naršyklės palaiko visus 1 lygio CSS, daugumą 2 lygio CSS ir net daugumą 3 lygio CSS aspektų. Kai CSS toliau tobulėja ir diegiami nauji stiliai, interneto naršyklės pradėjo diegti modulius kurie suteikia naują CSS palaikymą tose naršyklėse ir suteikia interneto dizaineriams galingus naujus stiliaus įrankius su.
Praėjusiais (daugeliu) metų buvo keletas žiniatinklio dizainerių, kurie atsisakė naudoti CSS svetainių kūrimas ir tobulinimas, tačiau šiandien šios praktikos nebėra. CSS dabar yra plačiai naudojamas žiniatinklio dizaino standartas, ir šiandien jums bus sunku surasti bet kurį pramonėje dirbančią asmenį, kuris bent jau neišmanė šios kalbos.
CSS yra santrumpa
Kaip jau minėta, terminas CSS reiškia „Kaskadinio stiliaus lapas“. Leiskite šiek tiek suskaidyti šią frazę, kad galėtume išsamiau paaiškinti, ką daro šie dokumentai.
Žodis „stiliaus lapas“ reiškia patį dokumentą (pvz., HTML, CSS failai iš tikrųjų yra tik tekstiniai dokumentai, kuriuos galima redaguoti naudojant įvairias programas). Stiliaus lapai buvo naudojami dokumentams kurti daugelį metų. Tai yra techninės maketo specifikacijos, nesvarbu, ar tai spausdinta, ar internete. Spaudos dizaineriai jau seniai naudoja stiliaus stilius, siekdami užtikrinti, kad jų dizainai būtų atspausdinti tiksliai pagal jų specifikacijas. Tą patį tikslą atlieka ir tinklalapio stiliaus lapas, tačiau jis taip pat pateikia žiniatinklio naršyklei nurodymą, kaip atvaizduoti peržiūrimą dokumentą. Šiandien taip pat galima naudoti CSS stiliaus lapus žiniasklaidos užklausos pakeisti puslapio ieškojimo būdą skirtingų įrenginių ir ekrano dydžių. Tai nepaprastai svarbu, nes leidžia vieną HTML dokumentą atvaizduoti skirtingai, atsižvelgiant į ekraną, naudojamą jam pasiekti.
Kaskada yra tikrai ypatinga termino „kaskadinis stiliaus lapas“ dalis. Interneto stiliaus lapas yra skirtas pakloti per tam tikro stiliaus lapus kaip upė virš krioklio. Upės vanduo patenka į visas krioklio uolas, tačiau tik tos, kurios yra apačioje, turi įtakos tiksliai ten, kur tekės vanduo. Tas pats pasakytina apie kaskadą interneto stiliaus lapuose.
Dizainerio stiliaus lentelės nepaiso numatytųjų naršyklės stiliaus lentelių
Kiekvieną tinklalapį veikia bent vienas stiliaus lapas, net jei interneto dizaineris netaiko jokių stilių. Šis stiliaus lapas yra vartotojo agento stiliaus lapą - taip pat žinomi kaip numatytieji stiliai, kuriuos interneto naršyklė naudos puslapiui rodyti, jei nepateikiamos jokios kitos instrukcijos. Pvz., Pagal numatytuosius nustatymus hipersaitai yra mėlynos spalvos ir yra pabraukiami. Šie stiliai gaunami iš žiniatinklio naršyklės numatytojo stiliaus lapo. Jei žiniatinklio dizaineris pateikia kitas instrukcijas, naršyklė turės žinoti, kurios instrukcijos turi pirmenybę. Visos naršyklės turi savo numatytuosius stilius, tačiau daugelis tų numatytųjų (pvz., Mėlynos pabrauktos teksto nuorodos) yra bendrinamos visose arba daugumoje pagrindinių naršyklių ir versijų.
Kitas žiniatinklio naršyklės numatytosios naršyklės pavyzdys yra numatytasis šriftas "Times New Roman"rodomas 16 dydžiu. Tačiau beveik nė viename iš tų puslapių, kuriuose lankomės, nėra šriftų šeimos ir dydžio šriftų. Taip yra todėl, kad kaskadas apibrėžia, kad antrieji stiliaus lapai, kuriuos nustato patys dizaineriai, turi apibrėžti iš naujo šrifto dydį ir šeimos narius, viršijančius mūsų žiniatinklio naršyklės numatytuosius nustatymus. Bet kokie tinklalapio sukurti stiliaus lapai bus labiau konkretūs nei numatytieji naršyklės stiliai, todėl šie numatytieji nustatymai bus taikomi tik tuo atveju, jei jūsų stiliaus lapas jų nepaisys. Jei norite, kad nuorodos būtų mėlynos ir pabrauktos, jums nieko nereikia daryti, nes tai yra numatytasis nustatymas, bet jei jūsų svetainės CSS faile sakoma, kad nuorodos turėtų būti žalios, ta spalva pakeis numatytąją mėlyną. Pabraukimas liks šiame pavyzdyje, nes nenurodėte kitaip.
Kur naudojamas CSS?
CSS taip pat gali būti naudojamas apibrėžti, kaip interneto puslapiai turėtų atrodyti, kai jie peržiūrimi kitoje laikmenoje nei interneto naršyklė. Pavyzdžiui, galite sukurti spausdinimo stiliaus lapą, kuriame bus nurodyta, kaip turėtų būti spausdinamas tinklalapis. Kadangi tinklalapio elementams, pvz., Naršymo mygtukams ar internetinėms formoms, spausdintame puslapyje nebus jokio tikslo, spausdinimo stiliaus lapą galima naudoti toms sritims „išjungti“, kai puslapis spausdinamas. Nors tai nėra įprasta praktika daugelyje svetainių, galimybė sukurti spausdinimo stiliaus lapus yra galinga ir patraukli (mūsų patirtis - dauguma žiniatinklio specialistų to nedaro vien dėl to, kad svetainės biudžetas nereikalauja šio papildomo darbo būti padaryta).
Kodėl CSS yra svarbus?
CSS yra vienas iš galingiausių įrankių, kuriuos gali išmokti interneto dizaineris, nes juo galite paveikti visą vizualinę svetainės išvaizdą. Gerai parašytus stiliaus lapus galima greitai atnaujinti ir leisti svetainėms pakeisti tai, kas yra vizualiai prioritetinė ekranas, kuris savo ruožtu parodo vertę ir dėmesį lankytojams, nereikalaujant jokių pakeitimų pagrindinė HTML žymėjimas.
Pagrindinis CSS iššūkis yra tas, kad yra nemažai ko išmokti - ir tai, kad naršyklės keičiasi kiekvieną dieną, kas gerai veikia šiandien rytoj gali nebetekti prasmės, nes nauji stiliai bus palaikomi, o kiti dėl vienos ar kitos priežasties bus atmesti arba nepateks kitas.
CSS mokymosi kreivė to verta
Kadangi CSS gali pakoreguoti ir sujungti, atsižvelgiant į tai, kaip skirtingos naršyklės gali skirtingai interpretuoti ir įgyvendinti direktyvas, CSS gali būti sunkiau išmokti nei paprastą HTML. CSS taip pat keičiasi naršyklėse taip, kad HTML tikrai ne. Pradėję naudoti CSS, pamatysite, kad stiliaus lapų naudojimas suteiks neįtikėtiną lankstumą išdėstant tinklalapius ir apibrėžiant jų išvaizdą. Pakeliui sukaupsite stilių ir požiūrių „triukų krepšį“, kurie jums pasiteisino praeityje ir į kuriuos vėl galėsite kreiptis kurti naujus tinklalapius ateityje.