[Muzika] 

DOUG Lloyd: Pra, le tÃ« marrin njÃ« tÃ« tillÃ« mÃ« shumÃ« Video pÃ«r tÃ« folur pÃ«r njÃ« gjuhÃ« mÃ« shumÃ«. KÃ«tÃ« herÃ« ne do tÃ« flasim pÃ«r CSS. Pra CSS, e cila Ã«shtÃ« e shkurtÃ«r pÃ«r Cascading Style Sheets, Ã«shtÃ« njÃ« gjuhÃ« qÃ« ne pÃ«rdorim kur ndÃ«rtimin e faqet e internetit. Mendoni pÃ«r kÃ«tÃ« si kjo. Nqs HTML Ã«shtÃ« ajo qÃ« ne pÃ«rdorim pÃ«r tÃ« organizojÃ« PÃ«rmbajtja ne duam tÃ« vÃ«nÃ« nÃ« faqen tonÃ«, CSS Ã«shtÃ« mjet qÃ« ne nÃ« pÃ«rgjithÃ«si pÃ«rdorin pÃ«r tÃ« rregulloje se si duken faqet tona, dhe se si user experience me tÃ« vÃ«rtetÃ« Ã«shtÃ«, qÃ« ndÃ«rveprojnÃ« me faqen tonÃ« tÃ« internetit. 

NgjashÃ«m me HTML, CSS Ã«shtÃ« jo njÃ« gjuhÃ« programimi. Kjo nuk ka logjikÃ«. Ajo nuk ka variablave. Ajo nuk ka asnjÃ« lloj qÃ« rrjedhin gjÃ«rat qÃ« lidhen se C bÃ«n. ÃshtÃ« njÃ« gjuhÃ« styling. Dhe sintaksa e tij Ã«shtÃ« shumÃ« e tÃ« thjeshtÃ«, dhe vetÃ«m pÃ«rshkruan si elementet e tonÃ« faqe kanÃ« HTML caktuar elemente duhet tÃ« modifikohet. PÃ«r kÃ«tÃ« qÃ«llim, nÃ« qoftÃ« se ju nuk e keni por shikuar video tonÃ« nÃ« HTML, ose janÃ« tÃ« panjohur me HTML nÃ« pÃ«rgjithÃ«si, ju mund tÃ« dÃ«shironi tÃ« hidhni njÃ« sy nÃ« atÃ« sÃ« pari, pÃ«r shkak se ky diskutim tÃ« CSS do tÃ« varet nga disa njohuri tÃ« HTML. 

KÃ«shtu qÃ« kÃ«tu Ã«shtÃ« njÃ« tÃ« vÃ«rtetÃ« thjeshtÃ« stylesheet CSS. Edhe nÃ« qoftÃ« se ju kurrÃ« nuk kam programuar me CSS para, UnÃ« jam goxha i sigurt qÃ« ju mund tÃ« kuptoj se pikÃ«risht ajo qÃ« e bÃ«n kÃ«tÃ« stylesheet. ÃfarÃ« do tÃ« bÃ«ni? E pra, aplikuar nÃ« trupin e faqen tonÃ« faqe, Ã§do gjÃ« nÃ« mes tags trupit nÃ« HTML tonÃ«, dhe ajo pÃ«rcakton ngjyrÃ«n e sfondit e kÃ«saj faqe nÃ« blu. E pra, kjo Ã«shtÃ« njÃ« stylesheet shumÃ« e thjeshtÃ«. ÃshtÃ« nÃ« fakt shumÃ« e njeriut gjuha miqÃ«sore, CSS. Pra, edhe nÃ« qoftÃ« se ju nuk e kam pÃ«rdorur atÃ« mÃ« parÃ«, ju ndoshta mund tÃ« me mend se Ã§farÃ« ajo e bÃ«ri. NÃ« fakt, nÃ« qoftÃ« se ne tÃ« ngarkuar njÃ« faqe, ku kjo stylesheet ishte ngulitur disi, ngjyra e sfondit tÃ« faqes tonÃ« do tÃ« tÃ« jetÃ« blu, dhe jo standarde tÃ« bardhÃ«. 

Pra, si nuk kemi ndÃ«rtuar stili? E pra sÃ« pari, ne duhet tÃ« identifikojnÃ« njÃ« pÃ«rzgjedhÃ«s. NÃ« shembullin e fundit, se pÃ«rzgjedhÃ«s ishte trupi. Pastaj ne kemi njÃ« tÃ« hapur mbajtÃ«se kaÃ§urrel, dhe ne jemi do tÃ« fillojÃ« pÃ«rcaktimi i stylesheet pÃ«r kÃ«tÃ« pÃ«rzgjedhÃ«s. NÃ« mes tÃ« formatimin e teksteve kaÃ§urrel, ne vetÃ«m tÃ« ketÃ« njÃ« listÃ« tÃ« Ã§ifte tÃ« rÃ«ndÃ«sishme me vlerÃ«. Dyshja Vlera e mÃ«parshÃ«m ishte ngjyrÃ«n e sfondit pikÃ«presje blu, por ne mund tÃ« bÃ«jmÃ« mÃ« shumÃ« dhe mÃ« shumÃ« prej tyre. Ju mund tÃ« keni gjÃ«ra tÃ« shumta tÃ« aplikoni pÃ«r kÃ«tÃ« tag, atij organi pÃ«rzgjedhÃ«s. Secili prej tyre Ã«shtÃ« e ndarÃ« nga a pikÃ«presje, dhe ne e quajmÃ« secili prej tyre njÃ« deklaratÃ«, njÃ« deklaratÃ« CSS. Kur ne jemi duke bÃ«rÃ« me tÃ« gjitha styling ne e duan tÃ« aplikojnÃ« pÃ«r kÃ«tÃ« tag tÃ« veÃ§antÃ«, ne vetÃ«m duhet njÃ« kaÃ§urrel mbylljes shtrÃ«ngoj pÃ«r t'i dhÃ«nÃ« fund stylesheet, dhe ne jemi duke bÃ«rÃ« pÃ«rcaktimin e stylesheet pÃ«r kÃ«tÃ« pÃ«rzgjedhÃ«s tÃ« veÃ§antÃ«. 

Cilat janÃ« disa prona tÃ« pÃ«rbashkÃ«ta CSS? E pra, ndoshta ju doni tÃ« vendosni njÃ« kufi rreth diÃ§kaje. KÃ«shtu qÃ« ju mund tÃ« thoni, kufirit, qÃ« do tÃ« jetÃ« Ã§elÃ«si yt, dhe pastaj vlerat e tua do tÃ« jetÃ«, Ã§farÃ« stil, ngjyra, dhe gjerÃ«si ju doni qÃ« ajo tÃ« jetÃ«. Pra, stili mund tÃ« jetÃ« njÃ« tÃ« ngurta line, njÃ« vijÃ« me pika, njÃ« linjÃ« thye, njÃ« linjÃ« kurriz, e cila do tÃ« jetÃ« linjÃ« me onde. Ndoshta ju doni tÃ« keni atÃ« tÃ« jenÃ« blu ose tÃ« zezÃ« apo tÃ« gjelbÃ«r. Ndoshta ju dÃ«shironi qÃ« ajo tÃ« jetÃ« 1 ose 2 ose 10 gjerÃ« piksel. Ju mund tÃ« specifikoni tÃ« gjitha ato gjÃ«ra. Ndoshta ju doni tÃ« vendosur nÃ« sfond ngjyra e faqen tuaj nÃ« njÃ« mÃ«nyrÃ« tÃ« veÃ§antÃ«. Ne tashmÃ« e pamÃ« se, vendosjen e sfond i trupit tÃ« jetÃ« blu. 

AtÃ«herÃ« ju mund tÃ« pÃ«rdorni njÃ« fjalÃ« kyÃ§e, kÃ«shtu CSS ka ngjyra tÃ« caktuara qÃ« janÃ« ndÃ«rtuar nÃ« tÃ«, blu, jeshile, e zezÃ«, njÃ« ngjyra shumÃ« tÃ« thjeshtÃ« qÃ« dinÃ«. Por ju gjithashtu mund tÃ« specifikoni ndonjÃ« ngjyra magji qÃ« ju dÃ«shironi. KujtojnÃ« se ngjyra mund tÃ« identifikohet nga njÃ« grup i tre numra magji nga 0 deri ne 255, dhe unaza B, kuqe, jeshile, blu dhe komponent. Dhe kÃ«shtu qÃ« ne mund tÃ« specifikojÃ« Ã§do ngjyrÃ« duam nga, nÃ« vend tÃ« pÃ«rdorimit blu apo tÃ« gjelbÃ«r apo tÃ« zi, duke pÃ«rdorur kile dhe pastaj gjashtÃ« shifrat e magji, dhe qÃ« do tÃ« na japÃ« gjashtÃ« shifra ngjyra. Pra, kjo Ã«shtÃ« ngjyra e sfondit. 

Ne gjithashtu kemi plan tÃ« parÃ« ngjyra, e cila Ã«shtÃ« zakonisht do tÃ« jetÃ« teksti i faqes tuaj. Dhe ju mund tÃ« bÃ«ni nÃ« mÃ«nyrÃ« tÃ« ngjashme qÃ« me fjalÃ« kyÃ§e dhe ose gjashtÃ« shifror magji. KÃ«shtu qÃ« ju mund tÃ« specifikoni ndonjÃ« ngjyrÃ« qÃ« ju duan pÃ«r tekstin e faqes tuaj kundÃ«r njÃ« tÃ« veÃ§antÃ« ngjyra e sfondit, lart. Ju gjithashtu mund tÃ« ndryshojÃ« dhe tÃ« merren me font, dhe teksti mÃ«nyrÃ« Ã«shtÃ« dhÃ«nÃ« nÃ« faqe. 

KÃ«shtu qÃ« ju mund tÃ« ndryshojÃ« madhÃ«sinÃ« e shkronjave tuaj. Ju mund tÃ« pÃ«rdorni fjalÃ« kyÃ§e, tÃ« tilla si ekstra, shtesÃ« tÃ« vogÃ«l, apo tÃ« xx tÃ« vogla, apo tÃ« mesme, tÃ« mÃ«dha, dhe kÃ«shtu me radhÃ«. Ju mund tÃ« pÃ«rdorni pikÃ« fikse, 10 pikÃ«, 12 pikÃ«, dhe kÃ«shtu me radhÃ«. Ju mund tÃ« pÃ«rdorni pÃ«rqindjet, 80%, 20%, ku 100% Ã«shtÃ« font i parazgjedhur madhÃ«sia, e cila zakonisht do tÃ« tÃ« jetÃ« diÃ§ka si 11 apo 12 pikÃ«. Ose ju mund edhe tÃ« bazojnÃ« atÃ« e madhÃ«sisÃ« mÃ« tÃ« fundit font. NÃ« qoftÃ« se ju vetÃ«m tÃ« shkruar diÃ§ka dhe ju e dini ajo qÃ« ju dÃ«shironi Ã«shtÃ« qÃ« ajo tÃ« jetÃ« mÃ« i vogÃ«l, por ju nuk e dini saktÃ«sisht se Ã§farÃ« MadhÃ«sia ju duan qÃ« ajo tÃ« jetÃ«, mirÃ«, ju mund tÃ« them vetÃ«m, font size tÃ« vogla. Dhe kjo do tÃ« bazojÃ« jashtÃ« e, vetÃ«m lart, kjo Ã«shtÃ« madhÃ«sia e shkronjave. Dhe ju mund tÃ« merrni mÃ« tÃ« vogla ose mÃ« tÃ« mÃ«dha. Pra, ka njÃ« shumÃ« tÃ« ndryshme mÃ«nyra pÃ«r tÃ« specifikojÃ« madhÃ«sinÃ« e shkronjave. 

Ju gjithashtu mund tÃ« specifikojÃ« se Ã§farÃ« Familja font qÃ« ju dÃ«shironi. NÃ«se keni njÃ« tÃ« veÃ§antÃ« emri, ka njÃ« mÃ«nyrÃ« nÃ« CSS-- ne nuk jemi duke shkuar pÃ«r tÃ« folur nÃ« lidhje me tÃ« here-- pÃ«r tÃ« pÃ«rcaktuar njÃ« font shumÃ« tÃ« veÃ§antÃ« dhe embed atÃ« nÃ« faqen tuaj. Ju gjithashtu mund tÃ« pÃ«rdorni emra tÃ« pÃ«rgjithshme. Nuk Ã«shtÃ« njÃ« shumÃ« e web fonts sigurta qÃ« janÃ« tÃ« para-pÃ«rcaktuar nÃ« CSS. Dhe nÃ« qoftÃ« se ju jeni njÃ« pÃ«rdorues tÃ« Microsoft Zyra nÃ« 20 vitet e fundit, ju ndoshta jeni njohur me njÃ« shumÃ« prej kÃ«tyre web fonts sigurta tashmÃ«, Times New Roman, Arial, Courier New, GjeorgjinÃ«, Tahoma, Verdana, dhe kÃ«shtu me radhÃ«. Ata janÃ« konsideruar tÃ« gjitha web fonts sigurta. Dhe nÃ« fakt, pjesÃ« e arsye ata erdhÃ«n nÃ« jetÃ« Ã«shtÃ« pÃ«r t'u pÃ«rdorur pÃ«r tÃ« bÃ«rÃ« web-- Ã§do faqe kishin qasje nÃ« kÃ«tÃ« mungesÃ« tÃ« vendosur e fonts me serifs tÃ« ndryshme, dhe e gjithÃ« kjo sende font ne nuk do tÃ« marrÃ« nÃ«, por kÃ«to janÃ« zakonisht qasshme nÃ« CSS tuaj, edhe nÃ« qoftÃ« se ju nuk e bÃ«ni pÃ«rndryshe definojnÃ« fonts. SÃ« fundi, ju mund tÃ« lidhur tekstin tuaj, nÃ« vend tÃ« tij tÃ« qenit, by default, njÃ« linjÃ« tÃ« majtÃ«, ju mund tÃ« lidhur atÃ« nÃ« tÃ« djathtÃ«, ose ju mund tÃ« lidhur atÃ« nÃ« qendÃ«r, ose justifikohet nÃ« mÃ«nyrÃ« qÃ« ajo goditi dy kufijtÃ«. Pra, ato janÃ« tÃ« gjitha opsionet qÃ« ju mund tÃ« pÃ«rdorni pÃ«r tÃ« ndryshuar atÃ« qÃ« tekstin tuaj si duket, dhe se si Ã«shtÃ« shfaqur nÃ« faqen tuaj. 

Selectors tu nuk duhet tÃ« jetÃ« vetÃ«m tags. Ne mÃ« parÃ« pamÃ« njÃ« tag trupit pÃ«rzgjedhÃ«s, dhe tag pÃ«rzgjedhÃ«s nuk duket vetÃ«m si kjo. Ju emrin njÃ« tag, dhe pastaj ju tÃ« pÃ«rcaktojÃ« njÃ« stylesheet pÃ«r kÃ«tÃ« tag. Por ju mund tÃ« bÃ«ni diÃ§ka quhet pÃ«rzgjedhÃ«s ID. NjÃ« pÃ«rzgjedhÃ«s ID duket goxha i ngjashÃ«m. Por vini re, se tani unÃ« nuk jam duke pÃ«rdorur njÃ« tag HTML, unÃ« jam duke pÃ«rdorur, nÃ« kÃ«tÃ« rast, #unique, ose tÃ« hash unik. NÃ«se ju kujtohet nga tonÃ« video mbi HTML, kemi biseduar pÃ«r mÃ«nyrÃ«n se si tags mund tÃ« ketÃ« atributet. 

Dhe njÃ« atribut qÃ« vlen pÃ«r shumÃ« e shumÃ« tÃ« gjithÃ« tags HTML, por ne nuk flasim pÃ«r kÃ«tÃ«, Ã«shtÃ« diÃ§ka qÃ« quhet njÃ« tag ID. Pra, kjo CSS veÃ§antÃ« do zbatohen vetÃ«m pÃ«r HTML tag qÃ« ka njÃ« ID shumÃ« specifike, qÃ« e keni emrin. Pra, nÃ«se ju keni diku nÃ« kodin tuaj, diku nÃ« dosjen tuaj HTML, njÃ« tag dhe jush specifikoni si njÃ« atribut pÃ«r kÃ«tÃ« tag, ID e barabartÃ« unike, kjo stylesheet tÃ« veÃ§antÃ« kÃ«tu do tÃ« zbatohen vetÃ«m nÃ« mes qÃ« tag me ID e unik. 

Ju gjithashtu mund tÃ« bÃ«ni diÃ§ka quajtur njÃ« pÃ«rzgjedhÃ«s klasÃ«. Pra, pÃ«rveÃ§ qÃ« ka ID atributet, ju gjithashtu mund tÃ« shtoni njÃ« atribut tÃ« klasit tÃ« HTML tags. Dhe kur ju pÃ«rdorni njÃ« atribut tÃ« klasÃ«s, ajo mund tÃ« aplikohet nÃ« tags shumta. Pra, nÃ«se ju keni disa gjÃ«ra qÃ« janÃ« tÃ« ngjashme, ndoshta ju doni tÃ« thoni, tag hapur llafe, llafe, llafe, llafe, klasÃ« Ã«shtÃ« e barabartÃ« me studentÃ«t. Dhe pastaj kjo tÃ« veÃ§antÃ« stylesheet do tÃ« zbatohet pÃ«r Ã§do tag klasÃ« tÃ« cilit Ã«shtÃ« nxÃ«nÃ«s. NÃ« kÃ«tÃ« rast, ne do tÃ« vendosur background tÃ« verdhÃ«, dhe ne do tÃ« vÃ«nÃ« perde, e cila Ã«shtÃ« njÃ« tag ne nuk flasim pÃ«r, por vetÃ«m merret me sa transparente diÃ§ka Ã«shtÃ«, nÃ« 70%, nÃ« kÃ«tÃ« rast. 

Ka dy opsione pÃ«r shkrim Stylesheets. Ju mund tÃ« shkruani ato direkt nÃ« HTML tuaj duke e vendosur stili nÃ« mes tags stil. Dhe kÃ«to tags stil tÃ« shkojnÃ« nÃ« brendÃ«si tÃ« tags kreu i faqes tuaj web. MÃ«nyra ndoshta mÃ« e preferuar pÃ«r tÃ« bÃ«rÃ« kjo Ã«shtÃ« pÃ«r tÃ« shkruar njÃ« skedar tÃ« veÃ§antÃ« .css, dhe pastaj tÃ« lidhÃ« atÃ« nÃ« tuaj dokumentuar pÃ«rdorur lidhjen tags. Link tags, pÃ«rsÃ«ri, janÃ« ndryshÃ«m nga hyperlinks, nÃ«se ju kujtohet nga video tonÃ« njÃ« HTML. Dhe lidhje tags janÃ« si ne tÃ«rheq nÃ« dosje tÃ« veÃ§anta. Ajo lloj si ekuivalentin e # Include pÃ«r programimin e web. 

Pra, le tÃ« marrin njÃ« vÃ«shtrim nÃ« table.HTML. NÃ«se ju kujtohet nga tonÃ« HTML Video, unÃ« tregoi njÃ« shembull i njÃ« shumÃ« shumÃ«zimit tÃ« thjeshtÃ« tabela qÃ« dukej goxha shÃ«mtuar, dhe ndoshta nuk ka njÃ« mÃ«nyrÃ« pÃ«r ta bÃ«rÃ« atÃ« mÃ« mirÃ« me CSS, pÃ«r ta bÃ«rÃ« atÃ« nÃ« fakt duken mÃ« shumÃ« si njÃ« shumÃ«zim tavolinÃ«, apo diÃ§ka qÃ« nuk Ã«shtÃ« e mbÃ«rthyer vetÃ«m sÃ« bashku pa ndarje aktuale mes rreshtave dhe kolonave. Pra, le tÃ« kryesojÃ« mbi tÃ« CS50 IDE, dhe tÃ« marrÃ« njÃ« sy se si mund tÃ« CSS, lloj, shkulje ajo qÃ« kemi filluar me para, dhe tÃ« bÃ«jnÃ« diÃ§ka shumÃ« mÃ« mirÃ«. 

Pra, ne jemi nÃ« CS50 IDE tani, dhe nÃ«se tÃ« panjohura, ne do tÃ« tÃ«rheqÃ« deri nÃ« kÃ«tÃ« tabela qÃ« faqe HTML. Table.HTML thelb vetÃ«m pÃ«rcakton pÃ«rmbajtjen e njÃ« multiple-- ajo Ã«shtÃ« dashur tÃ« jetÃ« njÃ« tavolinÃ« katÃ«r nga katÃ«r shumÃ«zimit. ÃshtÃ« shumÃ« i thjeshtÃ«. Dhe ne do tÃ« mendojnÃ« se ajo do tÃ« shikoni tÃ« organizuar mjaft mirÃ«. Por nÃ« fakt, kur ne preview kÃ«tÃ« faqe, ne shohim se kjo Ã«shtÃ« lloj i shÃ«mtuar, e drejtÃ«? ÃshtÃ« e qartÃ« se ne kemi rreshtave dhe kolonave kÃ«tu. Ka disa lloj ndarje. Por kjo nuk Ã«shtÃ« njÃ« ndarje kuptimplotÃ«. Ne nuk jemi tÃ« vÃ«rtetÃ« duke marrÃ« shumÃ« informacion kÃ«tu. Dhe nuk ka asnjÃ« ndarje midis rreshtave dhe kolonave nÃ« aspektin e rregullave horizontale ose vertikale. Ne ndoshta mund tÃ« bÃ«jÃ« kÃ«tÃ« shikoni pak mÃ« mirÃ«. Pra, le tÃ« pÃ«rpiqemi. KÃ«shtu qÃ« unÃ« jam duke shkuar pÃ«r tÃ« mbyllur kÃ«tÃ« skedÃ« kÃ«tu. Dhe unÃ« jam duke shkuar pÃ«r tÃ« mbyllur table.HTML tim, dhe unÃ« kam njÃ« version tjetÃ«r kÃ«tu quajtur table2.HTML. Ne do tÃ« hapur atÃ« deri. Trupi i faqe Ã«shtÃ« shumÃ« e shumÃ« tÃ« njÃ«jtÃ«n gjÃ«, por unÃ« kam ndryshuar njÃ« pak nÃ« krye. Dhe unÃ« do tÃ« lÃ«viz deri kÃ«tu. Vini re se kÃ«tÃ« herÃ«, unÃ« jam duke pÃ«rdorur tags stil ngulitur. UnÃ« e kam hapur njÃ« tag stil, dhe unÃ« jam tani pÃ«rcaktimin e njÃ« stylesheet CSS vetÃ«m brenda e saj. UnÃ« kam njÃ« stylesheet qÃ« thotÃ«, tryezÃ«. Kjo Ã«shtÃ« pÃ«rzgjedhÃ«s ime tag. UnÃ« nuk jam duke pÃ«rdorur dot apo hash, qÃ« unÃ« do tÃ« jetÃ« bÃ«rÃ« nÃ« qoftÃ« se unÃ« ishte pÃ«rdorur njÃ« ID ose njÃ« pÃ«rzgjedhÃ«s tÃ« klasÃ«s. UnÃ« kam njÃ« pÃ«rzgjedhÃ«s tag tavolinÃ« here--. Ky stil do tÃ« vlejnÃ« pÃ«r Ã§do tag tavolinÃ«. Me sa duket unÃ« dua tÃ« vÃ«nÃ« njÃ« tÃ« piksel, kufiri ngurta blu, brenda tryezÃ«n time. Kjo tingÃ«llon si ajo ndoshta do tÃ« ndihmuar situatÃ«n, e drejtÃ«? Ne do tÃ« kemi gjÃ«rat duken shumÃ« mÃ« mirÃ«. Pra, kjo Ã«shtÃ« e mirÃ«. Stilistikisht, unÃ« kam vetÃ«m ngulitur stylesheet tim kÃ«tu. Kjo Ã«shtÃ« sigurisht njÃ« mÃ«nyrÃ« e pranueshme pÃ«r tÃ« bÃ«rÃ« atÃ«. Le tÃ« shohim se Ã§farÃ« kjo duket si. KÃ«shtu qÃ« unÃ« do tÃ« shkoj pÃ«rsÃ«ri poshtÃ« kÃ«tu, dhe UnÃ« do tÃ« do tÃ« parapamje table2.HTML time. E pra, kjo nuk Ã«shtÃ« krejt ajo qÃ« kam kÃ«rkuar, por kjo Ã«shtÃ« pikÃ«risht ajo qÃ« ne kÃ«rkuam. Ne thamÃ« se ky stil Ã«shtÃ« do tÃ« zbatohet pÃ«r tryezÃ«n tonÃ«. Tabela jonÃ« tani ka njÃ« njÃ« pixel gjerÃ«, kufiri ngurta blu rreth tij. Ne nuk jemi tÃ« vÃ«rtetÃ« duke marrÃ« nÃ« qelizat tryezÃ«. Ne jemi vetÃ«m duke marrÃ« nÃ« tryezÃ«. Pra, CSS punuar. Ajo ka aplikuar njÃ« stylesheet nÃ« tryezÃ«n tonÃ«. Por nuk e ka fare tÃ« bÃ«jÃ« atÃ« qÃ« kemi dashur qÃ« ajo tÃ« bÃ«jÃ«. Si nuk kemi marrÃ« pÃ«r tÃ« bÃ«rÃ« ajo qÃ« ne duam qÃ« ajo tÃ« bÃ«jÃ«? 

E pra, le tÃ« marrin njÃ« vÃ«shtrim nÃ« njÃ« mÃ« shumÃ« version i kÃ«tij nÃ« table3.HTML. KÃ«shtu qÃ« unÃ« jam vetÃ«m duke shkuar pÃ«r tÃ« mbyllur kÃ«to tabs. UnÃ« jam duke shkuar pÃ«r tÃ« shkuar mbrapa mbi kÃ«tu pÃ«r tim fotografi pemÃ«, dhe e hapur deri table3.HTML. PÃ«rsÃ«ri, ajo do tÃ« duken bukur ngjashme kÃ«tu nÃ« fillim. Por njoftim, kÃ«tÃ« herÃ«, nÃ« vend tÃ« pÃ«rdorimit njÃ« stylesheet ngulitur drejtÃ« nÃ« atje, UnÃ« jam duke shkuar pÃ«r tÃ« lidhur nÃ« njÃ« stylesheet duke pÃ«rdorur tag link. KÃ«shtu qÃ« unÃ« jam me sa duket i lidhur nÃ« njÃ« stylesheet quajtur tables.CSS, dhe kjo mirÃ« Ã«shtÃ« e barabartÃ« me stylesheet vetÃ«m means-- mirÃ«, Ã§farÃ« Ã«shtÃ« kjo skedÃ« nÃ« lidhje me Ã§farÃ« UnÃ« jam doing-- Ã«shtÃ« njÃ« stylesheet qÃ« unÃ« jam duke pÃ«rdorur pÃ«r faqen time. Pra, nÃ«se unÃ« me tÃ« vÃ«rtetÃ« duan tÃ« shohin se Ã§farÃ« UnÃ« jam duke bÃ«rÃ« me CSS kÃ«tu, UnÃ« kam nevojÃ« pÃ«r tÃ« shkuar tÃ« hapur qÃ« table.CSS fotografi si. Pra, ne do tÃ« kthehemi kÃ«tu pÃ«rsÃ«ri nÃ« pemÃ« tonÃ« file. Ka table.CSS. Ne do tÃ« pop atÃ« tÃ« hapur. Tani ne jemi duke parÃ« pak e CSS. Me sa duket, unÃ« kam njÃ« Ã§ift e gjÃ«rave ndodh kÃ«tu. UnÃ« me sa duket duan tÃ« vÃ«nÃ« njÃ« pesÃ« piksel, kufirit tÃ« ngurta tÃ« kuqe, rreth tryezÃ«n time. Ne tashmÃ« e dimÃ« se kjo do pÃ«r tÃ« shkuar vetÃ«m nÃ« perimetrin. Ne pamÃ« se nÃ« table2.HTML. Me Ã§do rresht, unÃ« me sa duket duan tÃ« specifikojÃ« se lartÃ«sia rresht Ã«shtÃ« 50 pixels i lartÃ«. Pra, pÃ«r Ã§do rresht, mos harroni kjo Ã«shtÃ« ajo tag tr bÃ«n, UnÃ« jam duke e bÃ«rÃ« atÃ« 50 pixels i lartÃ«. 

SÃ« fundi, unÃ« kam kÃ«tÃ« koment. Dhe kjo Ã«shtÃ« se si ne tÃ« bÃ«rÃ« komente nÃ« CSS. ÃshtÃ« shumÃ« e ngjashme pÃ«r tÃ« kapur bllok Komentet yll Sintaksa slash. TÃ« gjithÃ« tekstin qÃ« ju dÃ«shironi. Nuk ka asnjÃ« plagÃ« plagÃ« edhe nÃ« CSS. PÃ«r komente shkurtÃ«r inline, ne kemi pÃ«r tÃ« pÃ«rdorur kÃ«tÃ« format tÃ« veÃ§antÃ« kÃ«tu. Ajo duket si unÃ« jam duke bÃ«rÃ« njÃ« shumÃ« gjÃ«ra nÃ« tags mia TD. Mos harroni tags DT, apo tryezÃ« tÃ« dhÃ«na, tÃ« cilat me tÃ« vÃ«rtetÃ« janÃ« vetÃ«m shtyllat brenda e rreshtave tanÃ« dhe me sa duket pÃ«r Ã§do pjesÃ« tÃ« tÃ« dhÃ«nave nÃ« tryezÃ«n time, unÃ« dua pÃ«r tÃ« vendosur ngjyrÃ«n e sfondit pÃ«r tÃ« jetÃ« i zi, ngjyra tÃ« jetÃ« e bardhÃ«, ngjyra Ã«shtÃ« ngjyra i dukshÃ«m. Pra, kjo do tÃ« jetÃ« teksti i faqen time. UnÃ« dua font tÃ« madh, 22 pikÃ« font, dhe unÃ« dua qÃ« ajo tÃ« jetÃ« e familjes font, Gjeorgjia. KÃ«shtu qÃ« unÃ« nuk jam duke shkuar pÃ«r kanÃ« font default. UnÃ« jam duke shkuar pÃ«r tÃ« specifikojÃ« GjeorgjinÃ«, e cila Ã«shtÃ« njÃ« nga ato web fonts sigurta qÃ« ne kemi parÃ« mÃ« parÃ«. UnÃ« dua teksti im tÃ« jetÃ« njÃ« linjÃ« qendra, nÃ« mes tÃ« kutisÃ«, UnÃ« nuk dua qÃ« ajo tÃ« jetÃ« lÃ«nÃ« njÃ« linjÃ« apo njÃ« linjÃ« tÃ« drejtÃ«. Dhe unÃ« dua width kolonÃ« e mia tÃ« jetÃ« 50 pixels i gjerÃ« si. Le tÃ« marrin njÃ« vÃ«shtrim nÃ« Ã§farÃ« kjo duket si, dhe tÃ« shohim nÃ«se kjo Ã«shtÃ« ndoshta njÃ« pÃ«rmirÃ«sim. KÃ«shtu qÃ« unÃ« jam duke shkuar pÃ«r tÃ« shkuar nÃ« table3.HTML, e cila Recall, pÃ«rfshin table.CSS si njÃ« lidhje, dhe ne do tÃ« preview atÃ«. Kjo Ã«shtÃ« njÃ« shumÃ« e mirÃ«, e drejtÃ«? Kjo Ã«shtÃ« nÃ« tÃ« vÃ«rtetÃ« filluar tÃ« duken njÃ« shumÃ« mÃ« tepÃ«r si njÃ« tryezÃ« shumÃ«zimit. UnÃ« kam se kufirit tÃ« kuqe rreth tryezÃ«n time, por tani UnÃ« gjithashtu kanÃ« pÃ«rcaktuar se Ã§do rresht Ã«shtÃ« 50 pixels i gjerÃ«, apo Ã«shtÃ« 50 pixels tall-- justifikim me-- Ã§do kolonÃ« Ã«shtÃ« 50 pixels i gjerÃ«. TÃ« dhÃ«nat nÃ« Ã§do kolonÃ«, dhe vetÃ«m tÃ« dhÃ«nat, ka njÃ« sfond tÃ« zezÃ«. Pra, kjo Ã«shtÃ« arsyeja pse ata vija tÃ« bardha janÃ« atje. Sepse hapÃ«sira nÃ« midis gjithÃ« atyre qelizave, kjo nuk Ã«shtÃ« njÃ« kufi nÃ« dhe nÃ« vetvete, kjo Ã«shtÃ« vetÃ«m UnÃ« jam vetÃ«m duke plotÃ«suar nÃ« Qelizat, tÃ« cilat nÃ« fakt i bÃ«n kufijtÃ« e tabelÃ«s, tÃ« cilat me sa duket ka ekzistuar gjithÃ« sÃ« bashku, atÃ« ishte linjat e vetÃ«m tÃ« hollÃ« tÃ« bardhÃ«. Tani ata janÃ« tÃ« dukshme. Tani ata pop jashtÃ« mbi ekran. Dhe kÃ«shtu kjo Ã«shtÃ« njÃ« shumÃ« e thjeshtÃ« stylesheet qÃ« unÃ« kam aplikuar, dhe tani tryezÃ«n time, duket shumÃ« mÃ« shumÃ« si njÃ« tavolinÃ« katÃ«r nga katÃ«r shumÃ«zimit, nÃ« vend tÃ« njÃ« rrÃ«mujÃ« jumbled vetÃ«m, ku Ã§do gjÃ« Ã«shtÃ« e qartÃ« rreshtave dhe kolonave, por i organizuar jo super tÃ« mirÃ«. Ne jemi me tÃ« vÃ«rtetÃ« vetÃ«m kruarje sipÃ«rfaqe tÃ« asaj qÃ« ju mund tÃ« bÃ«ni me CSS kÃ«tu. PÃ«r fat tÃ« mirÃ« dokumentacioni CSS Ã«shtÃ« shumÃ« i thjeshtÃ«. Ju do tÃ« pÃ«rdorni disa prej saj atributet, mjaft shpesh. Ato kemi biseduar pÃ«r mÃ« herÃ«t nÃ« kÃ«tÃ« video. Ka disa qÃ« ju ndoshta nuk do tÃ« pÃ«rdorÃ« tÃ« gjithÃ«. Dhe kjo Ã«shtÃ« nÃ« rregull, too. Por vetÃ«m e di, se ka njÃ« shumÃ« e dokumentacionit atje. Pra, edhe nÃ« qoftÃ« se ne nuk mbulojnÃ« gjithÃ§ka, ju jeni me siguri nuk e la nÃ« tuaj. Por CSS Ã«shtÃ« me tÃ« vÃ«rtetÃ« zbavitÃ«se tÃ« eksperimentojnÃ« me. Dhe unÃ« do tÃ« inkurajojmÃ« fuqimisht ju pÃ«r tÃ« luajtur rreth me faqet tuaja web, dhe tÃ« shohim se si ju mund tÃ« bÃ«ni ato shikoni dhe tÃ« ndjehen tÃ« pÃ«rmirÃ«suar pÃ«rdorues pÃ«rvoja e vizituar faqen tuaj. UnÃ« jam Doug Lloyd. Kjo Ã«shtÃ« CS50.