Cilat janë Cascading Style Sheets?
Faqet e internetit përbëhen nga një numër copash individuale, duke përfshirë imazhe, tekst dhe dokumente të ndryshme. Këto dokumente jo vetëm që përfshijnë ato që mund të lidhen me faqet e ndryshme, si skedarët PDF, por edhe dokumentet që përdoren për të ndërtuar vetë faqet, si dokumentet HTML për të përcaktuar strukturën e një faqeje dhe dokumenteve CSS (Cascading Style Sheet) për të përcaktuar pamjen e një faqeje. Ky artikull do të deleve në CSS, duke mbuluar atë që është dhe ku përdoret në faqet e internetit sot.
Një Mësim Historik CSS
CSS u zhvillua së pari në vitin 1997 si një mënyrë për zhvilluesit e uebit për të përcaktuar pamjen vizuale të faqeve të internetit që ata po krijonin. U desh të lejonte profesionistët e internetit të ndanin përmbajtjen dhe strukturën e kodit të një faqeje interneti nga dizajni vizual, diçka që nuk ishte e mundur para kësaj kohe.
Ndarja e strukturës dhe stilit lejon që HTML të kryejë më shumë funksionin në të cilin është mbështetur fillimisht - shënimi i përmbajtjes, pa u shqetësuar për hartimin dhe paraqitjen e vetë faqes, diçka e njohur zakonisht si "pamja dhe ndjenja" e faqes.
CSS nuk fitoi popullaritet deri në vitin 2000, kur shfletuesit e internetit filluan të përdorin më shumë se fontet bazë dhe aspektet e ngjyrave të këtij gjuhe markup. Sot, të gjithë shfletuesit modern mbështesin të gjithë nivelin CSS 1, shumicën e CSS Level 2, dhe madje edhe shumicën e aspekteve të CSS Level 3. Ndërsa CSS vazhdon të zhvillohet dhe të futen stile të reja, shfletuesit e internetit kanë filluar të implementojnë module që sjellin mbështetje të re të CSS në ato shfletues dhe u japin web designerëve mjete të fuqishme të reja styling për të punuar.
Në (shumë) vjet të kaluara, ka qenë përzgjedhur web designers që refuzuan të përdorin CSS për hartimin dhe zhvillimin e web site, por kjo praktikë është e gjitha, por shkuar nga industria sot. CSS është tani një standard i përdorur gjerësisht në web design dhe ju do të jeni të vështirë për të gjetur ndonjë që punon në industrinë e sotme që nuk kanë të paktën një kuptim themelor të kësaj gjuhe.
CSS është një shkurtim
Siç u përmend tashmë, termi CSS qëndron për "Cascading Style Sheet". Le ta thyejmë këtë frazë poshtë për të sqaruar më plotësisht se çfarë bëjnë këto dokumente.
Fjala "fletë stil" i referohet vetë dokumentit (si HTML, skedarët CSS janë me të vërtetë dokumente tekstuale që mund të redaktohen me shumëllojshmëri programesh). Shtresat e stilit janë përdorur për hartimin e dokumenteve për shumë vite. Ato janë specifikimet teknike për një shtrirje, qoftë të shtypur ose në internet. Dizajnuesit e shtypit kanë përdorur fletë stilesh të gjatë për të siguruar që dizenjot e tyre janë të shtypura pikërisht në specifikimet e tyre. Një fletë e stilit për një faqe interneti shërben të njëjtin qëllim, por me funksionalitetin e shtuar gjithashtu i tregon shfletuesit të internetit se si ta paraqesë dokumentin duke u parë. Sot, fletët e stilit CSS mund të përdorin gjithashtu edhe kërkesa për media për të ndryshuar mënyrën se si një faqe kërkon pajisje të ndryshme dhe madhësi të ekranit . Kjo është jashtëzakonisht e rëndësishme pasi ai lejon që një dokument i vetëm HTML të paraqitet ndryshe sipas ekranit që përdoret për të hyrë në të.
Kaskada është pjesa me të vërtetë e veçantë e termit "fletë stili Cascading". Një fletë web stil ka për qëllim të rrjedhë nëpër një seri stilesh në atë fletë, si një lumë mbi një ujëvarë. Uji në lumë godet të gjitha shkëmbinjtë në ujëvarë, por vetëm ato në pjesën e poshtme ndikojnë pikërisht aty ku do të rrjedhë uji. E njëjta gjë vlen edhe për kaskadën në faqet e stilit të internetit.
Çdo faqe web është prekur nga të paktën një fletë stilesh, edhe nëse dizajni i uebit nuk zbaton ndonjë stil. Ky stil është fletë stili i agjentit të përdoruesit - i njohur edhe si stilet e paracaktuar që shfletuesi i uebit do të përdorë për të shfaqur një faqe nëse nuk ofrohen udhëzime të tjera. Për shembull, në mënyrë të paracaktuar lidhjet hipnotike janë të ngjyrosura në ngjyrë blu dhe nënvizohen. Këto stilet vijnë nga një fletë e stilit të parazgjedhur të shfletuesit. Nëse projektuesi i internetit ofron udhëzime të tjera, megjithatë, shfletuesi duhet të dijë se cilat instruksione kanë përparësi. Të gjithë shfletuesit kanë stilet e tyre të paracaktuara, por shumë nga ato standarte (si lidhjet me tekst të theksuar blu) ndahen në të gjithë ose shumicën e shfletuesve dhe versioneve kryesore.
Për një shembull tjetër të një default të shfletuesit, në shfletuesin tim të internetit, fontja e parazgjedhur është " Times New Roman " që shfaqet në madhësinë 16. Pothuajse asnjë nga faqet që vizitoj nuk shfaqet në atë familje dhe madhësi të shkronjave. Kjo është për shkak se kaskada përcakton se fletët e stilit të dytë, të cilat vendosen nga vetë projektuesit, për të ripërcaktuar madhësinë e shkronjave dhe familjen, duke e mbivendosur parazgjedhjet e shfletuesit tim të internetit. Çdo fletë stilesh që krijoni për një faqe interneti do të ketë më shumë veçori se stilet e parazgjedhur të shfletuesit, kështu që këto standarde do të aplikohen vetëm nëse fleta juaj e stilit nuk i anashkalon ato. Nëse doni që lidhjet të jenë të kaltër dhe të nënvizuara, nuk duhet të bëni asgjë pasi që është parazgjedhja, por nëse skedari CSS i faqes suaj thotë se lidhjet duhet të jenë të gjelbra, kjo ngjyrë do të anashkalojë blu-in e paracaktuar. Nënvizimi do të mbetet në këtë shembull, pasi nuk keni specifikuar ndryshe.
Ku është përdorur CSS?
CSS mund të përdoret gjithashtu për të përcaktuar se si duhet të shikojnë faqet e internetit kur shihen në media të tjera se sa një shfletues interneti. Për shembull, mund të krijoni një fletë stili të shtypur që do të përcaktojë se si duhet të shtypet faqja e internetit. Për shkak se artikujt e faqes së internetit si butonat e navigimit ose format e uebit nuk do të kenë asnjë qëllim në faqen e shtypur, mund të përdoret një fletë e stilit të printimit për të "fikur" ato zona kur një faqe shtypet. Ndërkohë që nuk është me të vërtetë një praktikë e zakonshme në shumë vende, mundësia për të krijuar fletët e stilet e shtypura është e fuqishme dhe tërheqëse (në përvojën time - shumica e profesionistëve të internetit nuk e bëjnë këtë thjesht sepse fushëveprimi i një buxheti nuk kërkon që kjo punë shtesë të bëhet ).
Pse është e rëndësishme CSS?
CSS është një nga mjetet më të fuqishme që një projektues mund të mësojë, sepse me të ju mund të ndikoni në pamjen vizuale të të gjithë webfaqeve. Fletët e stilit të shkruar mirë mund të përditësohen shpejt dhe të lejojnë faqet të ndryshojnë atë që prioritet është vizualisht në ekran, gjë që tregon vlerën dhe fokusin tek vizitorët, pa ndonjë ndryshim që duhet të bëhet në shenjën HTML të nënvizuar.
Sfida kryesore e CSS është se ka shumë pak për të mësuar - dhe me shfletues që ndryshojnë çdo ditë, ajo që funksionon mirë sot nuk mund të ketë kuptim nesër, ndërsa stilet e reja bëhen të përkrahura dhe të tjerat hidhen ose bien në favor për një arsye apo një tjetër .
Për shkak se CSS mund të kaskadohet dhe kombinohet, dhe duke marrë parasysh se sa shfletues të ndryshëm mund t'i interpretojnë dhe zbatojnë direktivat ndryshe, CSS mund të jetë më e vështirë sesa thjesht HTML për të zotëruar. CSS gjithashtu ndryshon në shfletues në një mënyrë që HTML nuk e bën të vërtetë. Pasi të filloni të përdorni CSS, megjithatë, do të shihni se përdorimi i fuqisë së fletëve të stilit do t'ju japë fleksibilitet të pabesueshëm në mënyrën se si faqja e faqeve web dhe përcaktoni pamjen dhe ndjenjën e tyre. Së bashku, ju do të grumbulloni një "thasë truket" e stileve dhe qasjeve që kanë punuar për ju në të kaluarën dhe të cilat ju mund të ktheheni përsëri kur krijoni faqe të reja në të ardhmen.
Artikulli origjinal nga Jennifer Krynin. Redaktuar prej Jeremy Girard më 7-05-17,