X'inhu CSS u Fejn Jintuża?

X'inhuma l-Folji ta 'l-Istil Cascading?

Il-websajts huma magħmula minn numru ta 'biċċiet individwali, inklużi stampi, testi, u dokumenti varji. Dawn id-dokumenti mhux biss jinkludu dawk li jistgħu jkunu marbuta minn diversi paġni, bħal fajls PDF, iżda wkoll id-dokumenti li jintużaw biex jinbnew il-paġni infushom, bħal dokumenti HTML biex jiddeterminaw l-istruttura ta 'paġna u dokumenti CSS (Cascading Style Sheet) biex jiddettaw il-ħarsa ta 'paġna. Dan l-artikolu se jidħol fis-CSS, li jkopri dak li hu u fejn jintuża llum fuq il-websajts.

Lezzjoni Storika CSS

CSS ġie żviluppat għall-ewwel darba fl-1997 bħala mod għall-iżviluppaturi tal-web biex jiddefinixxu l-apparenza viżwali tal-paġni tal-web li kienu qed joħolqu. Kien maħsub li jippermetti lill-professjonisti tal-internet li jifirdu l-kontenut u l-istruttura tal-kodiċi tal-websajt mid-disinn viżiv, ħaġa li ma kinitx possibbli qabel dan iż-żmien.

Is-separazzjoni tal-istruttura u l-istil tippermetti HTML biex iwettaq aktar mill-funzjoni li oriġinarjament kien ibbażat fuq - il-markup tal-kontenut, mingħajr ma jkollu għalfejn joqgħod jinkwetaw dwar id-disinn u t-tqassim tal-paġna nnifisha, xi ħaġa komunement magħrufa bħala "dehra u sensazzjoni" tal-paġna.

CSS ma kisbitx popolarità sa madwar l-2000, meta l-web browsers bdew jużaw aktar mill-font bażika u l-aspetti tal-kulur ta 'dan il-lingwa tal-markup. Illum, il-browsers moderni kollha jappoġġaw is-CSS Livell 1, il-biċċa l-kbira tas-CSS Livell 2, u anke l-biċċa l-kbira tal-aspetti tas-CSS Livell 3. Hekk kif is-CSS tkompli tevolvi u jiġu introdotti stili ġodda, il-web browsers bdew jimplimentaw moduli li jġibu appoġġ CSS ġdid f'dawk il-browsers u jagħtu lill-disinjaturi tal-web għodda qawwija ta 'grafika ġodda biex jaħdmu magħhom.

Fis-snin li għaddew, kien hemm disinjaturi web magħżula li rrifjutaw li jużaw is-CSS għad-disinn u l-iżvilupp tas-siti web, iżda dik il-prattika hija l-aktar illimitata mill-industrija llum. CSS issa huwa standard wiesa 'fid-disinn tal-web u int tkun diffiċli li ssib xi ħadd li jaħdem fl-industrija llum li ma kellux mill-inqas fehim bażiku ta' din il-lingwa.

CSS huwa Abbrevjazzjoni

Kif issemma diġà, it-terminu CSS jfisser "Folja ta 'Stilel Cascading". Ħalli dan il-frażi 'l isfel ftit biex tispjega b'mod aktar sħiħ dak li jagħmlu dawn id-dokumenti.

Il-kelma "folja tal-istil" tirreferi għad-dokument innifsu (bħal HTML, fajls CSS huma verament dokumenti tat-test li jistgħu jiġu editjati b'varjetà ta 'programmi). Folji ta 'l-istil intużaw għad- disinn tad- dokument għal ħafna snin. Dawn huma l-ispeċifikazzjonijiet tekniċi għal tqassim, kemm jekk stampat kif ukoll jekk online. Disinjaturi Stampa ilhom jintużaw folji stil biex tassigura li d-disinji tagħhom huma stampati eżattament għall-ispeċifikazzjonijiet tagħhom. Folja ta 'stil għal paġna web sservi l-istess skop, iżda bil-funzjonalità miżjuda li tgħid ukoll lill-web browser kif tirrendi d-dokument li qed jiġi kkunsidrat. Illum, il-folji tal-istil CSS jistgħu wkoll jużaw mistoqsijiet tal-midja biex ibiddlu l-mod kif paġna tfittex tagħmir differenti u daqsijiet tal-iskrin . Dan huwa oerhört importanti peress li jippermetti dokument HTML wieħed li għandu jsir b'mod differenti skont l-iskrin li qed jintuża biex ikollha aċċess għaliha.

Cascade hija l-parti tassew speċjali tat-terminu "folja ta 'stil cascading". Stil ta 'stil tal-web huwa maħsub biex jiċċaqlaq permezz ta' serje ta 'stili f'dik il-folja, bħal xmara fuq kaskata. L-ilma fix-xmara jolqot il-blat kollu fil-kaskata, iżda dawk biss fil-qiegħ jaffettwaw eżattament fejn se joħroġ l-ilma. L-istess jgħodd għall-kaskata fil-folji tal-istil tal-websajt.

Kull paġna tal-web hija affettwata minn tal-anqas folja waħda tal-istil, anki jekk il-web designer ma japplikax stili. Din il-folja ta 'l-istil hija l -karta ta' l-istil ta 'l-aġent ta' l-utent - magħruf ukoll bħala l-istili awtomatiċi li l-web browser se juża biex juri paġna jekk ma jingħatawx struzzjonijiet oħra. Pereżempju, bl-hyperlinks awtomatiċi huma stiljati bil-blu u huma enfasizzati. Dawk l-istili jiġu minn folja ta 'stil default tal-web browser. Jekk il-web designer jipprovdi struzzjonijiet oħra, madankollu, il-browser għandu jkun jaf liema istruzzjonijiet għandhom preċedenza. Il-browsers kollha għandhom l-istili awtomatiċi tagħhom stess, iżda ħafna minn dawk in-nuqqasijiet (bħal rabtiet tat-test sottolineati blu) huma maqsuma bejn il-browsers u l-verżjonijiet kollha ewlenin jew l-aktar minnhom.

Għal eżempju ieħor ta 'default tal-brawżer, fil-web browser tiegħi, it-tipa default hija " Times New Roman " murija fid-daqs 16. Kważi l-ebda waħda mill-paġni li nżuru ma tidher f'dik il-familja u daqs tat-tipa. Dan minħabba li l-kaskata tiddefinixxi li t-tieni folji tal-istil, li huma stabbiliti mill-disinjaturi infushom, biex jiddefinixxu mill - ġdid id-daqs u l-familja tal -font , li jwarrbu l-inadempjenzi tal-web browser tiegħi. Kwalunkwe folji ta 'stil li toħloq għal paġna web se jkollhom aktar speċifiċità minn stili ta' default tal-browser, u għalhekk dawk in-nuqqasijiet japplikaw biss jekk il-folja tal-istil ma teskludix lilhom. Jekk trid links biex tkun blu u enfasizzat, m'għandekx bżonn tagħmel xejn peress li din hija l-inadempjenza, imma jekk il-fajl CSS tas-sit tiegħek jgħid li r-rabtiet għandhom ikunu ta 'kulur aħdar, dak il-kulur jeċċedi l-blu default. L-enfasi se tibqa 'f'dan l-eżempju, billi ma speċifikatx mod ieħor.

Fejn hi CSS Użata?

Is-CSS jista 'jintuża wkoll biex jiddefinixxi kif il-paġni tal-web għandhom jidhru meta jitqiesu f'medja oħra minn web browser. Per eżempju, tista 'toħloq folja ta' stil stampat li tiddefinixxi kif il-paġna web għandha tipprintja. Minħabba li l-oġġetti tal-paġna tal-web bħal buttuni ta 'navigazzjoni jew formoli tal-web ma jkollhom l-ebda skop fuq il-paġna stampata, tista' tintuża Stampa Stil Stampa biex "ineħħi" dawk l-oqsma meta paġna tkun stampata. Filwaqt li mhux verament prattika komuni f'ħafna siti, l-għażla li jinħolqu folji ta 'stil stampati hija qawwija u attraenti (fl-esperjenza tiegħi - il-biċċa l-kbira tal-professjonisti tal-web ma jagħmlux dan sempliċement minħabba li l-ambitu tal-baġit tal-post ma jitlobx li jsir dan ix-xogħol addizzjonali ).

Għaliex huwa importanti CSS?

CSS hija waħda mill-għodda l-aktar b'saħħitha ta 'web designer tista' titgħallem għaliex magħha tista 'taffettwa d-dehra viżwali sħiħa ta' websajt. Folji ta 'stil bil-miktub sew jistgħu jiġu aġġornati malajr u jippermettu li s-siti jbiddlu dak li huwa prijoritizzat viżwalment fuq l-iskrin, li mbagħad juri valur u jiffoka fuq il-viżitaturi, mingħajr ma jkun hemm bżonn li jsiru xi bidliet fil-markup HTML sottostanti.

L-isfida ewlenija ta 'CSS hija li hemm ftit li titgħallem - u ma' browsers jinbidlu kuljum, dak li jaħdem tajjeb illum jista 'ma jagħmilx sens għada hekk kif stili ġodda jiġu appoġġjati u oħrajn jitwaqqgħu jew jaqgħu barra favur għal xi raġuni jew oħra .

Minħabba li s-CSS tista 'tinqata' u tgħaqqad, u meta wieħed iqis kif browsers differenti jistgħu jinterpretaw u jimplimentaw id-direttivi b'mod differenti, CSS jista 'jkun aktar diffiċli minn HTML sempliċi biex timmassimja. Is-CSS ukoll bidliet fil-browsers b'mod li l-HTML verament ma jagħmilx hekk. Ladarba tibda tuża CSS, madankollu, tara li l-użu tal-qawwa tal-folji tal-istil jagħtik flessibbiltà inkredibbli fil-mod kif tqassim il-paġni tal-web u tiddefinixxi d-dehra u l-impressjoni tagħhom. Tul it-triq, int se tħaddan "borża ta 'tricks" ta' stili u approċċi li ħadmu għalik fil-passat u li tista 'ddawwar għal darb'oħra meta tibni paġni tal-web ġodda fil-futur.

Artikolu oriġinali minn Jennifer Krynin. Editjat minn Jeremy Girard fis-7/5/17,