[Muzikos grojimo] 

Doug LLOYD: Taigi galime imtis dar vienÄ vaizdo kalbÄti apie dar vienÄ kalbÄ. Å Ä¯ kartÄ mes kalbame apie CSS. Taigi CSS, kuris yra trumpas Kaskadiniai stiliai, yra kita kalba, mes naudojame statant svetainÄse. Pagalvokite apie tai, kaip Å¡is. Jeigu HTML yra tai, kÄ mes naudojame organizuoti turinys norime Ä¯dÄti mÅ«sÅ³ puslapyje, CSS yra priemonÄ, kuri mes paprastai naudoti tinkinti, kaip mÅ«sÅ³ svetainÄs iÅ¡vaizda, ir kaip vartotojas patirtis tikrai yra, bendrauja su mÅ«sÅ³ svetainÄje. 

PanaÅ¡us Ä¯ HTML, CSS nÄra programavimo kalba. Ji neturi logikos. Ji neturi kintamuosius. Ji neturi jokio tokio pobÅ«dÅ¾io srautai, susijÄ dalykÅ³, C Ar. Tai stilius, kalba. Ir jos sintaksÄ yra gana paprastas, ir tik apraÅ¡o kaip jÅ³ elementÅ³ mÅ«sÅ³ puslapis turi tam tikrÅ³ HTML elementai turi bÅ«ti iÅ¡ dalies pakeistas. Siekiant Å¡io tikslo, jei turite ne dar stebÄjo mÅ«sÅ³ vaizdo HTML, ar yra susipaÅ¾inÄ su HTML Apskritai, jÅ«s gali norÄti imtis Tuo iÅ¡vaizdÄ Pirma, dÄl to Å¡is CSS diskusija ketina priklausyti nuo kai HTML Å¾iniÅ³. 

Taigi Äia tikrai paprastas CSS stiliÅ³. Net jei jÅ«s niekada prieÅ¡ uÅ¾programuotas su CSS, AÅ¡ esu gana Ä¯sitikinÄs, galite iÅ¡siaiÅ¡kinti, kÄ tai stiliÅ³ daro. KÄ tai daro? Na, kreipÄsi Ä¯ mÅ«sÅ³ interneto kÅ«no puslapis, viskas tarp kÅ«no Å¾ymÄs MÅ«sÅ³ HTML, ir jame nustato fono spalva tame puslapyje Ä¯ mÄlynÄ. Na, tai labai paprasta stiliÅ³. Tai tikrai labai Å¾mogiÅ¡kas suprantama kalba, CSS. Taigi, net jei jÅ«s niekada naudojo jÄ¯ anksÄiau, tikriausiai galÄjo atspÄti, kas tai padarÄ. IÅ¡ tiesÅ³, jei mes pakrautas puslapyje, kur Å i stiliÅ³ buvo Ä¯dÄta kaÅ¾kaip, fono spalva mÅ«sÅ³ puslapyje bÅ«tÅ³ bÅ«ti mÄlynos, ir ne standartinis baltas. 

Taigi, kaip mes sukurti stiliÅ³? Na pirma, mes turime nustatyti rankenÄlÄ. PastarÄjÄ¯ PavyzdÅ¾iui, kad selektorius buvo kÅ«nas. Tada mes turime atvirÄ garbanotas petneÅ¡omis, ir mes ketina pradÄti apibrÄÅ¾dama StiliÅ³ tos selektoriÅ³. Tarp garbanotas petneÅ¡os, mes Tiesiog pagrindiniÅ³ verÄiÅ³ porÅ³ sÄraÅ¡Ä. Ankstesnis vertÄ pora buvo fono spalva mÄlyna kabliataÅ¡kis, bet mes galime padaryti daugiau ir daugiau iÅ¡ jÅ³. JÅ«s galite turÄti kelis dalykus taikant tai tegus, tuo selektoriaus kÅ«no. Kiekvienas, vienas iÅ¡ jÅ³ atskiriami panaudojant kabliataÅ¡kis, ir mes vadiname kiekvienas iÅ¡ jÅ³ deklaracijÄ, CSS deklaracija. Kai baigsime su visais stiliaus mes noriu kreiptis Ä¯ tos konkreÄios Å¾ymeles, mes tiesiog uÅ¾darymo garbanotas petneÅ¡omis baigti stiliÅ³, ir mes padaryta apibrÄÅ¾iant stiliÅ³ kad ypaÄ selektoriÅ³. 

Kokie yra keletas bendrÅ³ CSS savybÄs? Na, gal jÅ«s norite Ä¯dÄti aplink kaÅ¾kÄ siena. Taigi galima sakyti, sienÅ³, kad bÅ«tÅ³ jÅ«sÅ³ raktas, ir tada jÅ«sÅ³ vertybÄs turÄtÅ³ bÅ«ti kokio stiliaus, spalvos ir ploÄio norite, kad ji bÅ«tÅ³. Taigi stilius gali bÅ«ti kietas linija, punktyrinÄ linija, punktyrinÄ linija, vagos linija, kuri bÅ«tÅ³ banguota linija. Gal norite, kad jis bÅ«tÅ³ bÅ«ti mÄlynos arba juodos arba Å¾alios spalvos. Gal norite, kad ji bÅ«tÅ³ 1 arba 2 arba 10 pikseliÅ³ ploÄio. Galite nurodyti visÅ³ Å¡iÅ³ dalykÅ³. Gal norite nustatyti fonÄ spalva jÅ«sÅ³ puslapyje tam tikru bÅ«du. Mes jau matÄme, kad nustatydama fonas kÅ«ne yra mÄlyna. 

Tada galite naudoti pagrindinÄ¯ Å¾odÄ¯, taip CSS turi tam tikrÅ³ spalvÅ³ kad yra pastatytas Ä¯ jÄ¯, mÄlyna, Å¾alia, juoda, labai paprastas spalvos Å¾inome. Bet taip pat galite nurodyti, kokios Hex spalvÅ³, kad jÅ«s norite. Prisiminkite, kad spalvos gali bÅ«ti identifikuotas iki trejÅ³ HEX skaiÄiÅ³ rinkinys nuo 0 iki 255, RG ir B Ä¯ raudona, Å¾alia ir mÄlyna komponentas. Ir taip mes galime nurodyti bet kokios spalvos norime BY, o ne naudojant mÄlyna arba Å¾alia ar juoda, naudojant svaro ir tada Å¡eÅ¡i skaitmenys hex, ir kad duos mums Å¡eÅ¡iÅ³ skaitmenÅ³ spalva. Taigi, kad fono spalva. 

Mes taip pat turime Ä¯gytas Å¾inias spalva, kuri paprastai bus jÅ«sÅ³ puslapyje tekstas. Ir jÅ«s taip pat galÄtÅ³ padaryti, kad su raktinÄ¯ Å¾odÄ¯ ir ar Å¡eÅ¡iÅ³ skaitmenÅ³ hex. Taigi, galite nurodyti, kokios spalvos jums nori uÅ¾ savo puslapio tekste prieÅ¡ ypaÄ fono spalva, iki virÅ¡aus. JÅ«s taip pat galite pakeisti ir kovoti su Å¡riftu, ir kaip tekstÄ atvaizduojant puslapyje. 

Taigi jÅ«s galite pakeisti Å¡rifto dydÄ¯. JÅ«s galite naudoti raktinius Å¾odÅ¾ius, pavyzdÅ¾iui, papildomÅ³, Papildomas maÅ¾as, arba xx maÅ¾as, ar vidutinis, didelis, ir taip toliau. Galite naudoti fiksuotÅ³ taÅ¡kÅ³, 10 punkto, 12 punkto, ir taip toliau. Galite naudoti procentus, 80%, 20%, kur 100% yra Numatytasis Å¡rifto dydis, kuris paprastai vyksta bÅ«ti kaÅ¾kas panaÅ¡aus Ä¯ 11 ar 12 taÅ¡kÅ³. Arba galite net grÄ¯sti jÄ¯ iÅ¡jungti naujausio Å¡rifto dydÅ¾io. Jei tiesiog paraÅ¡Ä kaÅ¾kÄ ir jÅ«s Å¾inote, kÄ norite, kad jis bÅ«tÅ³ maÅ¾esnis, bet jÅ«s tiksliai neÅ¾inote, kokio dydÅ¾io jums noriu, kad ji bÅ«tÅ³ gerai, galite tiesiog pasakyti, Å¡rifto dydis maÅ¾esnis. Ir tai bus grÄ¯sti off, tik iki virÅ¡aus, tai Å¡rifto dydÄ¯. Ir jÅ«s galite gauti maÅ¾esnis arba didesnis. Taigi ten yra kitoks daug bÅ«dÅ³, kaip nurodyti Å¡rifto dydÄ¯. 

JÅ«s taip pat galite nurodyti, kÄ Å¡rifto Å¡eima norite. Jei turite ypaÄ vardas, ten yra bÅ«das CSS-- mes neketiname kalbÄti apie tai here-- apibrÄÅ¾ti labai konkreÄiÄ Å¡riftÄ ir Ä¯dÄti jÄ¯ Ä¯ savo puslapÄ¯. Taip pat galite naudoti bendrinius pavadinimus. Yra interneto saugaus Å¡riftÅ³ daug , kurie yra iÅ¡ anksto apibrÄÅ¾ta CSS. Ir jei esate "Microsoft vartotojas Biuro per pastaruosius 20 metÅ³, jÅ«s tikriausiai susipaÅ¾inÄs su iÅ¡ Å¡iÅ³ interneto saugiÅ³ Å¡riftÅ³ daug jau Times New Roman, Arial, Courier New, Gruzija, Tahoma, Verdana, ir taip toliau. Tie, kurie visi laikomi interneto saugios Å¡riftai. Ir iÅ¡ tiesÅ³, dalis TodÄl jie atÄjo bÅ«ti turÄjo bÅ«ti naudojamos siekiant padaryti web-- kiekvienÄ puslapÄ¯ turÄjo galimybÄ susipaÅ¾inti su Å¡io Numatyta rinkinys Å¡riftÅ³ su Ä¯vairiais serifs, ir visa tai Å¡rifto dalykÅ³ mes ne gauti Ä¯, bet paprastai jie yra prieinama jÅ«sÅ³ CSS, net jei jÅ«s neturite kitaip apibrÄÅ¾ti Å¡riftus. Galiausiai, jÅ«s galite iÅ¡lygiuoti tekstÄ, vietoj jis yra, pagal nutylÄjimÄ, suderinta Ä¯ kairÄ, galima suderinti jÄ¯ Ä¯ deÅ¡inÄ, ar galima jÄ¯ suderinti centre arba pateisinama, kad jis nukentÄjo abi paraÅ¡tes. Taigi tie, kurie visi duomenys, kuriuos galite naudoti pakeisti tai, kÄ jÅ«sÅ³ tekstas atrodo, ir kaip jis rodomas jÅ«sÅ³ puslapyje. 

JÅ«sÅ³ selektoriai ne turi bÅ«ti tik Å¾ymes. Mes anksÄiau pamaÄiau kÅ«no Å¾ymÄ selektoriÅ³ ir tegus selektoriÅ³ ar atrodo kaip kad. JÅ«s vadinate Å¾ymÄ, ir tada jÅ«s apibrÄÅ¾ti Å¡ios Å¾ymÄs stiliÅ³. Bet jÅ«s taip pat galite padaryti kÄ nors vadinamas ID selektoriÅ³. ID selektoriÅ³ atrodo gana panaÅ¡Å«s. TaÄiau pastebÄti, kad dabar aÅ¡ ne naudoti HTML tegus, aÅ¡ naudoju, Å¡iuo atveju, #unique arba maiÅ¡os unikalus. Jei prisimenate iÅ¡ mÅ«sÅ³ Vaizdo HTML, mes kalbÄjome apie tai, kaip Å¾ymÄs gali turÄti atributus. 

Ir vienas atributas, kuri taikoma kad beveik visi HTML Å¾ymes bet mes ne apie tai kalbÄti, yra kaÅ¾kas vadinamas ID tegus. Taigi tai ypaÄ CPT taikoma tik HTML tegus, kad turi labai specifinÄ ID, kad jÅ«s pavadinimu. Taigi, jei turite kaÅ¾kur JÅ«sÅ³ kodas, kaÅ¾kur JÅ«sÅ³ HTML failÄ, Å¾ymos ir jums nurodyti, kaip Ä¯ Å¡iÄ Å¾ymÄ atributas, ID lygus unikalus, tai ypaÄ stiliÅ³ Äia bus taikomos tik tarp kad tegus su unikalus ID. 

JÅ«s taip pat galite padaryti kÄ nors vadinamas klasÄs selektoriÅ³. Taigi, be turintys ID atributus, taip pat galite pridÄti klasÄs atributÄ HTML Å¾ymes. Ir, kai jÅ«s naudojate klasÄs atributÄ, jis gali bÅ«ti taikomas kelis Å¾odÅ¾ius. Taigi, jei turite keletÄ dalykÅ³, kad yra panaÅ¡Å«s, gal norite pasakyti, atvira Å¾yma bla, bla, bla, bla, klasÄs lygi studentams. Ir tai ypaÄ StiliÅ³ bÅ«tÅ³ taikoma kiekvienam Å¾yma, kurio klasÄ yra studentai. Å iuo atveju, mes reikia nustatyti fono spalva geltona, ir mes norime nustatyti neskaidrumo, kuris yra Å¾yma mes ne kalbÄti apie, bet tik susijusi su kaip skaidrus kaÅ¾kas yra, iki 70%, ir Å¡iuo atveju. 

Yra du variantai RaÅ¡ymo Stiliai. JÅ«s galite juos raÅ¡yti tiesiai Ä¯ HTML pateikdamas stiliÅ³ tarp stiliaus Å¾ymes. Ir tie stiliaus Å¾ymÄs eiti viduje galvos Å¾ymÄs jÅ«sÅ³ tinklalapÄ¯. Bene daugiau pageidaujamÄ bÅ«das tai padaryti tai paraÅ¡yti atskirÄ CSS failÄ, ir tada susieti jÄ¯ Ä¯ savo dokumentuoti naudojant nuorodÄ Å¾ymes. Link Å¾odÅ¾ius, vÄlgi, yra skiriasi nuo hipersaitus, Jei prisimenate iÅ¡ mÅ«sÅ³ vaizdo HTML. Ir susieti Å¾ymÄs yra tai, kaip mes traukti Ä¯ atskirus failus. Tai tarsi kaip lygiaverÄiÅ³ uÅ¾ interneto programavimo #include. 

Taigi leiskite paÅ¾velgti table.HTML iÅ¡vaizdÄ. Jei prisimenate iÅ¡ mÅ«sÅ³ HTML Vaizdo, aÅ¡ parodÅ¾iau AN labai pavyzdys paprasta daugyba stalo, kad atrodÄ gana negraÅ¾i, o gal ten bÅ«das padaryti tai geriau su CSS, kad ji iÅ¡ tikrÅ³jÅ³ atrodo daugiau kaip daugybos lentelÄ, ar kaÅ¾kas kad yra ne tik suklijuoti be faktinio skyriaus tarp eiluÄiÅ³ ir stulpeliÅ³. Taigi leiskite per galvÄ CS50 IDE, ir paÅ¾velgti tuo, kaip CSS gali, rÅ«Å¡iuoti, Ä¯gnybti kÄ mes prieÅ¡ prasidÄjo, ir padaryti jÄ¯ kaÅ¾kas daug geriau. 

Taigi mes Ä¯ CS50 IDE dabar, ir, jei nepaÅ¾Ä¯stamas, mes atsigriebti tai stalas, HTML puslapis. Table.HTML esmÄs tik apibrÄÅ¾ia turinÄ¯ KuriÅ³ multiple-- ji turÄjo bÅ«ti keturiÅ³ iki keturiÅ³ daugybos lentelÄ. Tai gana paprasta. Ir mes manome, kad tai bÅ«tÅ³ atrodo gana gerai organizuotas. Bet iÅ¡ tikrÅ³jÅ³, kai mes perÅ¾iÅ«rÄti Å¡Ä¯ puslapÄ¯, matome, kad tai tipo negraÅ¾i, tiesa? AiÅ¡ku, mes turime eilutes ir stulpelius Äia. Yra keletas atskyrimo rÅ«Å¡iuoti. Bet tai nÄra prasmingas atskyrimas. Mes ne faktiÅ¡kai gauti per daug informacijos Äia. Ir nÄra atskyrimas eilutÄs ir stulpeliai sÄlygas HorizontaliÅ³jÅ³ arba vertikaliÅ³jÅ³ taisykliÅ³. Mes turbÅ«t galÄtÅ³ padaryti Å¡Ä¯ atrodo Å¡iek tiek geriau. Taigi pabandykime. Taigi, aÅ¡ ruoÅ¡iuosi uÅ¾daryti Å¡Ä¯ skirtukÄ Äia. Ir aÅ¡ ruoÅ¡iuosi uÅ¾daryti savo table.HTML, ir aÅ¡ turiu kitÄ versijÄ Äia vadinamas table2.HTML. Mes atidaryti, kad iki. "Puslapio, kÅ«nas yra beveik tas pats, bet aÅ¡ pasikeitÄ Å¡iek tiek virÅ¡uje. Ir aÅ¡ slinkite aukÅ¡tyn Äia. Atkreipkite dÄmesÄ¯, kad Å¡Ä¯ kartÄ, aÅ¡ naudojant Ä¯terptÅ³jÅ³ stiliaus Å¾ymes. AÅ¡ atidarÄ stiliaus tag, ir aÅ¡ dabar apibrÄÅ¾ti CSS stiliÅ³ tik viduje jo. Turiu stiliÅ³, kuris sako, stalÄ. Å tai mano tegus selektoriÅ³. Nesu naudojant taÅ¡kas arba maiÅ¡os, kurios aÅ¡ norÄÄiau daryti, jei aÅ¡ buvo naudojant ID arba A klasÄs jungiklÄ¯. Turiu Å¾ymÄ pasirinkimo here-- lentelÄ. Å is stilius ketina taikomi kiekvieno stalo Å¾yma. Matyt aÅ¡ noriu Ä¯dÄti vienÄ pixel ploÄio, kietas mÄlynos sienos, viduje mano stalo. Tai skamba kaip ji tikriausiai padÄti situacijÄ, tiesa? Mes ketiname turÄti viskas atrodo daug geriau. Taigi tai yra gerai. StilistiÅ¡kai, aÅ¡ tiesiog integruotas mano stiliÅ³ Äia. Tai neabejotinai priimtinas bÅ«das tai padaryti. PaÅ¾iÅ«rÄkime, kÄ tai atrodo. Taigi, aÅ¡ eisiu atgal Äia, ir AÅ¡ bus perÅ¾iÅ«rÄti savo table2.HTML. Na, tai ne visai tai, kÄ aÅ¡ norÄjau, bet tai yra bÅ«tent tai, kÄ mes papraÅ¡Ä. Mes sakÄ, kad Å¡is stilius yra ketina kreiptis Ä¯ mÅ«sÅ³ stalo. MÅ«sÅ³ stalo dabar turi vienÄ pikselÄ¯ ploÄio, kietas mÄlynos sienos aplink jÄ¯. Mes ne faktiÅ¡kai gauti Prie stalo lÄsteles. UÅ¾tenka tik gauti prie stalo. Taigi CSS dirbo. Jis taikomas StiliÅ³ mÅ«sÅ³ stalo. Bet ne visai tai kÄ mes norÄjome tai daryti. Kaip mes gauname tai padaryti tai, kÄ mes norime, kad ji daryti? 

Na, tegul paÅ¾velgti dar vienas versija tai table3.HTML. Taigi, aÅ¡ tik ketina uÅ¾daryti Å¡iuos skirtukus. AÅ¡ ruoÅ¡iuosi eiti atgal per Äia mano byla medÄ¯, ir atverti table3.HTML. VÄlgi, tai vyksta atrodyti gana panaÅ¡us Äia pradÅ¾ioje. TaÄiau pastebÄkite, Å¡Ä¯ kartÄ, o ne naudojant stiliÅ³, integruotas Ä¯ deÅ¡inÄ ten, AÅ¡ ruoÅ¡iuosi grandis StiliÅ³ naudojant link tag. Taigi, aÅ¡, matyt, susiejimas A StiliÅ³ vadinamas tables.CSS, ir tai gerai lygus StiliÅ³ tik means-- gerai, kas tai yra byla, palyginti su tai, kÄ AÅ¡ doing-- yra stiliÅ³, kad aÅ¡ naudojant mano puslapyje. Taigi, jei aÅ¡ tikrai noriu pamatyti, kas Darau su CSS Äia Man reikia eiti atvira, kad table.CSS byla taip pat. Taigi mes grÄ¯Å¾ti per Äia vÄl mÅ«sÅ³ failÅ³ medÄ¯. Yra table.CSS. Mes pop jÄ¯ atidaryti. Dabar mes matome Å¡iek tiek CSS. Matyt, turiu pora dalykÅ³ vyksta Äia. AÅ¡, matyt, norite Ä¯dÄti penkiÅ³ pixel ploÄio, kietas raudonas kraÅ¡telis, aplink mano stalo. Mes jau Å¾inome, kad vyksta tiesiog eiti perimetrÄ. Mes matÄme, kad table2.HTML. Su kiekvienu iÅ¡ eilÄs, aÅ¡ matyt norite nurodyti kad eilutÄ aukÅ¡tis yra 50 pikseliÅ³ aukÅ¡Äio. Taigi kiekvienoje eilutÄje, nepamirÅ¡kite kad tai, kÄ TR Å¾yma nÄra, AÅ¡ todÄl 50 pikseliÅ³ aukÅ¡Äio. 

Galiausiai, turiu Å¡Ä¯ komentarÄ. Ir tai, kaip mes darome komentarus CSS. Tai labai panaÅ¡us Ä¯ areÅ¡tuoti blokas komentarai sintaksÄ velniop Å¾vaigÅ¾dÄ. Visi Ä¯raÅ¡ai norite. NÄra velniop velniop nors CSS. DÄl trumpÅ³ inline komentarus, mes turime Äia naudoti Å¡Ä¯ konkretÅ³ formatÄ. Atrodo, Darau daug dalykÅ³ mano TD Å¾ymes. Ä®siminti TD Å¾ymeles, ar stalo duomenys, kurie iÅ¡ tikrÅ³jÅ³ yra tik viduje stulpeliÅ³ MÅ«sÅ³ eilutÄs, ir, matyt, kiekvieno duomenÅ³ gabalas mano stalo, noriu nustatyti fono spalvÄ juoda, spalva turi bÅ«ti balta, spalva yra Ä¯gyta spalva. Taigi tai bus mano puslapyje tekstas. Noriu didelis Å¡riftÄ, 22 atkreipti Å¡riftÄ, ir aÅ¡ noriu kad ji bÅ«tÅ³ iÅ¡ Å¡riftÅ³, Gruzija. Taigi, aÅ¡ nesiruoÅ¡ia turi numatytÄjÄ¯ Å¡riftÄ. AÅ¡ ruoÅ¡iuosi nurodyti GruzijÄ, kuri yra viena iÅ¡ tÅ³ interneto saugiÅ³ Å¡riftÅ³ kad mes matÄme anksÄiau. AÅ¡ noriu, kad mano tekstas bÅ«tÅ³ suderintas centralizuotai, viduryje akiÅ³, AÅ¡ nenoriu, kad ji turi bÅ«ti palikta suderinta arba Ä¯ deÅ¡inÄ suderinti. Ir aÅ¡ noriu, kad mano stulpelio plotÄ¯ bÅ«ti 50 pikseliÅ³ ploÄio, taip pat. Paimkime paÅ¾velgti kÄ tai atrodo, ir pamatyti, jei tai gal pagerÄjimas. Taigi, aÅ¡ ruoÅ¡iuosi eiti Ä¯ table3.HTML, kuris Prisiminkite, apima table.CSS kaip nuoroda, ir mes jÄ¯ perÅ¾iÅ«rÄti. Tai daug geriau, tiesa? Tai iÅ¡ tikrÅ³jÅ³ pradeda atrodyti Daug daugiau kaip daugybos lentelÄ. Turiu tÄ raudonÄ sienÄ aplink mano stalo, bet dabar AÅ¡ taip pat nurodyta, kad Kiekvienoje eilutÄje yra 50 pikseliÅ³ ploÄio, ar tai 50 taÅ¡kÅ³ tall-- pasiteisinimas me-- kiekviename stulpelyje yra 50 pikseliÅ³ ploÄio. Kiekvienos skilties duomenys, ir tik duomenys, turi juodÄ fonÄ. Å tai kodÄl tie baltos linijos yra ten. Kadangi kosmose tarp visÅ³ tÅ³ lÄsteliÅ³, tai ne Ä¯ sienÄ ir pati, tai tik AÅ¡ tik pildant Ä¯ lÄstelÄs, kurios iÅ¡ tikrÅ³jÅ³ daro lentelÄs sienas, kurios matyt, egzistuoja visi kartu, tai buvo tik plonos baltos linijos. Dabar jie matomi. Dabar jie nusibaigti ekrane. Ir todÄl tai yra labai paprastas StiliÅ³, kad aÅ¡ taikomas, ir dabar mano stalo atrodo daug labiau patinka keturiÅ³ iki keturiÅ³ daugybos lentelÄ, vietoj tiesiog Pogmatwany netvarka, kur viskas yra aiÅ¡kiai eilutes ir stulpelius, bet ne super gerai organizuota. Mes tikrai tik Ä¯brÄÅ¾imas pavirÅ¡iaus kÄ jÅ«s galite padaryti su CSS Äia. Laimei CSS dokumentacija yra gana paprasta. Galite naudoti keletÄ jos atributus, gana daÅ¾nai. Tie, mes kalbÄjome apie anksÄiau Å¡iame video. Yra keletas, kurie jums tikriausiai nebus panaudoti visi. Ir tai gerai, per daug. Bet tiesiog Å¾inau, kad yra daug dokumentacijos ten. Taigi, net jei mes ne apima viskÄ, jÅ«s tikrai ne Ä¯ kairÄ nuo jÅ«sÅ³ paÄiÅ³. Bet CSS yra tikrai Ä¯domus eksperimentuoti su. Ir aÅ¡ norÄÄiau primygtinai rekomenduojame jums Å¾aisti aplink su savo tinklalapius, ir pamatyti, kaip jÅ«s galite padaryti juos atrodyti ir jaustis pagerinti vartotojÄ patirtis LankymÅ«si savo puslapÄ¯. AÅ¡ Doug Lloyd. Tai CS50.