1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:04,500 >> [MUSIC Playing] 3 00:00:04,500 --> 00:00:10,099 4 00:00:10,099 --> 00:00:12,224 ALLISON BUCHHOLTZ-AU: Pra ne jemi në thelb vetëm duke shkuar 5 00:00:12,224 --> 00:00:14,629 për të ju jap një i lodhur e CSS, sepse ne e dimë 6 00:00:14,629 --> 00:00:16,420 se ajo nuk ishte e mbuluar në të gjitha seksionet. 7 00:00:16,420 --> 00:00:20,090 Dhe ne me të vërtetë dëshironi të bëni të sigurtë që ju të djema keni këtë mjet në dispozicionin tuaj, 8 00:00:20,090 --> 00:00:24,790 sepse ajo ka aftësinë për të bërë faqet e internetit tuaj duken shumë prettier. 9 00:00:24,790 --> 00:00:28,660 >> Dhe nëse ju jeni ndërtimin e një faqe interneti, atëherë ju ndoshta dëshironi të bëni atë goxha. 10 00:00:28,660 --> 00:00:31,372 Unë do të thotë, ju nuk keni për të, por unë do të sugjeroj atë. [Qesh] 11 00:00:31,372 --> 00:00:35,430 Nëse ju doni përdoruesit të përdorin atë, ju mund të duan të bëjnë atë një pak [e padëgjueshme]. 12 00:00:35,430 --> 00:00:39,130 Pra, ne jemi duke shkuar për të përpiqen dhe të ju jap vetëm disa mjete themelore dhe të kuptuarit, 13 00:00:39,130 --> 00:00:42,340 kështu që kur ju shkoni jashtë dhe ju jeni hulumtimin gjëra për CSS, 14 00:00:42,340 --> 00:00:45,902 ajo nuk është përfunduar dërdëllisje, si CSS ndonjëherë që të jetë. 15 00:00:45,902 --> 00:00:47,240 >> Tomas Reimers: Po. 16 00:00:47,240 --> 00:00:49,930 Allison tha atë mjaft mirë. 17 00:00:49,930 --> 00:00:53,250 Kështu që unë mendoj se gjëja e parë i jemi duhet të fillojë me të është ajo që është CSS? 18 00:00:53,250 --> 00:00:55,750 Pra, CSS është awesome. 19 00:00:55,750 --> 00:00:56,250 CSS-- 20 00:00:56,250 --> 00:00:58,320 >> ALLISON BUCHHOLTZ-AU: Kjo është Emri i seminarit tonë. 21 00:00:58,320 --> 00:00:58,434 >> Tomas Reimers: Po. 22 00:00:58,434 --> 00:01:00,130 Është me të vërtetë e rëndësishme që ju e kuptoni që nga atëherë. 23 00:01:00,130 --> 00:01:03,090 Nëse ju vetëm të marr me vete një të tillë gjë, kjo është se CSS nëse awesome. 24 00:01:03,090 --> 00:01:06,180 Dy është CSS qëndron për Cascading Style Sheets. 25 00:01:06,180 --> 00:01:10,380 Pra, në thelbin e vet, CSS është një fletë stil, do të thotë 26 00:01:10,380 --> 00:01:13,200 kjo ju lejon të stilit një web faqe. 27 00:01:13,200 --> 00:01:16,609 Dhe pastaj çfarë kjo do të thotë, kjo është një mënyrë për të shtuar stilin për faqet e internetit tuaj. 28 00:01:16,609 --> 00:01:18,900 Pra me stil, ne do të thotë çdo gjë që nuk është structural-- 29 00:01:18,900 --> 00:01:24,350 kështu që gjëra të tilla si ngjyra, sfond images, kufijtë, si, mbushje, 30 00:01:24,350 --> 00:01:25,040 kufijtë. 31 00:01:25,040 --> 00:01:27,310 Ne do të flasim për çfarë të gjitha që do të thotë në një grimë. 32 00:01:27,310 --> 00:01:30,110 >> Pra, ne kemi shkuar vetëm përpara dhe hapi të dy nga ata deri në gedit. 33 00:01:30,110 --> 00:01:32,680 Pra, kjo është index.html. 34 00:01:32,680 --> 00:01:34,800 Dhe kjo është main.css. 35 00:01:34,800 --> 00:01:36,829 Pra main.css ka asgjë. 36 00:01:36,829 --> 00:01:38,412 ALLISON BUCHHOLTZ-AU: Nuk ka stil deri tani. 37 00:01:38,412 --> 00:01:39,245 Tomas Reimers: Asnjë. 38 00:01:39,245 --> 00:01:42,577 Dhe si ju do të shihni, është e një vend me të vërtetë të shëmtuar. 39 00:01:42,577 --> 00:01:44,160 ALLISON BUCHHOLTZ-AU: Është vetëm plain. 40 00:01:44,160 --> 00:01:45,820 Tomas Reimers: Po. 41 00:01:45,820 --> 00:01:49,150 Yeah, kjo nuk është e shëmtuar, kjo është vetëm minimalist. 42 00:01:49,150 --> 00:01:53,430 Dhe atëherë këtu kemi index.html. 43 00:01:53,430 --> 00:01:55,729 Dhe kështu për një të shpejtë radhitje e HTML, Allison, 44 00:01:55,729 --> 00:01:57,270 ju doni të vetëm të flasim për faqe? 45 00:01:57,270 --> 00:01:58,395 >> ALLISON BUCHHOLTZ-AU: Po. 46 00:01:58,395 --> 00:02:01,100 Pra, natyrisht, ne kemi HTML tonë tag, i cili vetëm skedar HTML emrat. 47 00:02:01,100 --> 00:02:07,080 Ne kemi header tonë këtu, me CSS Awesomeness, which-- në qoftë se ju shkoni përsëri. 48 00:02:07,080 --> 00:02:07,720 Ku është ai? 49 00:02:07,720 --> 00:02:09,136 >> Tomas Reimers: Oh. 50 00:02:09,136 --> 00:02:10,301 Yeah, ju mund të shihni. 51 00:02:10,301 --> 00:02:12,092 ALLISON BUCHHOLTZ-AU: Dhe vini re header 52 00:02:12,092 --> 00:02:14,120 është ky tab header drejtë deri këtu. 53 00:02:14,120 --> 00:02:17,130 Dhe pastaj "Hello, bota!" është teksti që ne kemi vetëm 54 00:02:17,130 --> 00:02:19,620 shfaqur në web faqe, të cilat is-- kthehem. 55 00:02:19,620 --> 00:02:21,290 Back. 56 00:02:21,290 --> 00:02:24,287 E cila është vetëm në trupin tonë here-- të plain text. 57 00:02:24,287 --> 00:02:26,120 Gjithashtu, një gjë për të vini re, në qoftë se ju shikoni këtu, 58 00:02:26,120 --> 00:02:29,410 Tomas kaloi up këto dy nga rrëshqitje tonë. 59 00:02:29,410 --> 00:02:32,035 Pra, për aq kohë sa ju keni të gjithë tre nga këto, ju jeni mirë. 60 00:02:32,035 --> 00:02:34,044 Ata mund të jenë në çfarëdo mënyrë ata duan. 61 00:02:34,044 --> 00:02:39,368 Çfarë është më e rëndësishme është vetëm që ju keni secili nga këto tre gjëra. 62 00:02:39,368 --> 00:02:40,340 >> Tomas Reimers: Best. 63 00:02:40,340 --> 00:02:41,111 Shto një lloj doc? 64 00:02:41,111 --> 00:02:42,235 ALLISON BUCHHOLTZ-AU: Po. 65 00:02:42,235 --> 00:02:43,068 Tomas Reimers: Po. 66 00:02:43,068 --> 00:02:43,769 Ftohtë. 67 00:02:43,769 --> 00:02:46,102 ALLISON BUCHHOLTZ-AU: Me sa duket, mics e mi nuk më pëlqen mua. 68 00:02:46,102 --> 00:02:49,650 Tomas Reimers: Oh, na japin një sec vetëm ndërsa Allison ndizet nga mic e saj. 69 00:02:49,650 --> 00:02:50,500 Pra, vërtet. 70 00:02:50,500 --> 00:02:52,030 Pra, ne kemi faqen tonë kryesore. 71 00:02:52,030 --> 00:02:53,890 Kjo është lloj i unstyled. 72 00:02:53,890 --> 00:02:54,780 Ne nuk kemi shumë. 73 00:02:54,780 --> 00:02:57,110 Ne vetëm duhet thelb tekstin. 74 00:02:57,110 --> 00:02:59,470 Ne kemi fletë stil. 75 00:02:59,470 --> 00:03:00,220 Ne kemi titullin. 76 00:03:00,220 --> 00:03:04,020 Pra, vetëm të zhveshur-pa kockë komponentëve të bëni një faqe interneti. 77 00:03:04,020 --> 00:03:08,880 >> Pra nga atje, le të flasim për atë që është CSS 78 00:03:08,880 --> 00:03:11,270 dhe ajo që duket si dhe të gjithë se. 79 00:03:11,270 --> 00:03:12,047 Pra, për that-- 80 00:03:12,047 --> 00:03:13,755 ALLISON BUCHHOLTZ-AU: Mbrapsht në slides. 81 00:03:13,755 --> 00:03:15,200 Tomas Reimers: Kthehu tek slides. 82 00:03:15,200 --> 00:03:17,240 Dhe Allison mund të marrë përsipër. 83 00:03:17,240 --> 00:03:18,720 >> ALLISON BUCHHOLTZ-AU: Woo. 84 00:03:18,720 --> 00:03:19,220 OK. 85 00:03:19,220 --> 00:03:22,360 Pra, në dosjen tuaj CSS, ju jeni do të ketë 86 00:03:22,360 --> 00:03:25,010 shumë nga këto gjëra quajtur selectors. 87 00:03:25,010 --> 00:03:27,420 Kjo do të jetë vetëm Baza e dosjen tuaj CSS. 88 00:03:27,420 --> 00:03:29,480 Është vetëm do të jenë të shumë dhe shumë e këto. 89 00:03:29,480 --> 00:03:30,780 Pra përzgjedhës. 90 00:03:30,780 --> 00:03:32,649 Kjo është vetëm anatomi përgjithësi. 91 00:03:32,649 --> 00:03:35,190 Ne jemi duke shkuar për të shkuar nëpërmjet shembuj, sepse në qoftë se ju kurrë nuk djema 92 00:03:35,190 --> 00:03:38,400 shikuar seksionin tim, unë ndihem si gjëra në abstrakt 93 00:03:38,400 --> 00:03:39,400 vërtetë nuk ka kuptim. 94 00:03:39,400 --> 00:03:41,110 Ajo gjithmonë i ndihmon për të parë shembuj. 95 00:03:41,110 --> 00:03:42,420 >> Pra, ne kemi disa përzgjedhës. 96 00:03:42,420 --> 00:03:49,120 Kjo do të jetë një identifikues për ajo që ne duam stil për të aplikuar për të. 97 00:03:49,120 --> 00:03:52,220 Dhe atëherë ne mund të kemi ndonjë vendosur i rregullave dhe vlerave. 98 00:03:52,220 --> 00:03:55,680 Pra selektorë që ju mund të shihni mund të jetë diçka si trup, 99 00:03:55,680 --> 00:04:00,262 ose paragraf me P, ose header, ose çfarëdo, 100 00:04:00,262 --> 00:04:02,000 çdo gjë që ju doni tags tuaj HTML që të jetë. 101 00:04:02,000 --> 00:04:03,570 >> Pra në këtë rast, ne kemi trupin. 102 00:04:03,570 --> 00:04:06,985 Dhe ne kemi disa rregull, që kjo korrespondon 103 00:04:06,985 --> 00:04:09,610 për çfarë stilin tuaj vlen për të. 104 00:04:09,610 --> 00:04:12,720 Pra në këtë rast, ne kemi ngjyra e sfondit dhe peshë font. 105 00:04:12,720 --> 00:04:16,200 Pra, kjo do të ndryshojë sfond i ndonjë gjë 106 00:04:16,200 --> 00:04:19,640 brenda çdo tag trupit të dosjes tonë HTML. 107 00:04:19,640 --> 00:04:22,810 Dhe ajo do të jap ajo kjo vlerë dritë blu. 108 00:04:22,810 --> 00:04:24,820 >> Kështu ajo do të bëjë sfond blu dritë. 109 00:04:24,820 --> 00:04:28,660 Dhe pastaj çdo gjë brenda trupit është do të ketë një peshë font të guximshme. 110 00:04:28,660 --> 00:04:31,142 Pra, kjo është vetëm do të guximshme të gjithë tekstin tonë. 111 00:04:31,142 --> 00:04:32,970 Dhe kjo është vetëm një përzgjedhës. 112 00:04:32,970 --> 00:04:34,680 Por ju mund të ketë shumë e shumë prej këtyre. 113 00:04:34,680 --> 00:04:38,730 Dhe si ne jemi duke shkuar për të treguar më vonë, pak më shumë në mënyrën se si 114 00:04:38,730 --> 00:04:40,709 që vepra dhe më shumë shembuj atje. 115 00:04:40,709 --> 00:04:41,750 Çdo gjë që ju doni të shtoni? 116 00:04:41,750 --> 00:04:42,499 >> Tomas Reimers: Jo. 117 00:04:42,499 --> 00:04:43,500 Allison mori atë. 118 00:04:43,500 --> 00:04:46,144 Ne jemi vetëm duke shkuar për të prerë deri një shembull këtu në faqen tonë shembull. 119 00:04:46,144 --> 00:04:47,310 Pra, le të vërtetë të marrë këtë. 120 00:04:47,310 --> 00:04:48,620 Është i përsosur. 121 00:04:48,620 --> 00:04:54,460 Kështu që unë jam vetëm do të kopjoni dhe ngjisni se e drejta në dosjen tonë main.css. 122 00:04:54,460 --> 00:04:56,530 Dhe unë jam duke shkuar për të shpëtuar atë. 123 00:04:56,530 --> 00:04:59,190 Dhe pastaj ne do të drejtuar atë. 124 00:04:59,190 --> 00:05:01,600 Pra shënim anë, një nga shumica e gjëra frustruese 125 00:05:01,600 --> 00:05:04,490 është në qoftë se ju nuk ruani një skedar, dhe atëherë ju, si, rifreskoni faqen, 126 00:05:04,490 --> 00:05:07,450 dhe si, pse nuk është Ndryshimi ndodh? 127 00:05:07,450 --> 00:05:07,950 Kjo ndodh. 128 00:05:07,950 --> 00:05:14,230 Pra, këtu kemi parë që kemi bërë tonë website një sfond të lehta blu 129 00:05:14,230 --> 00:05:16,560 dhe disa tekst bolded. 130 00:05:16,560 --> 00:05:20,730 >> Unë gjithashtu duhet të përmendim, në qoftë se ju djema keni pyetje në lidhje me ndonjë gjë 131 00:05:20,730 --> 00:05:23,622 ne jemi duke bërë, ju lutem mos të lirë të na ndalojnë dhe na pyesin. 132 00:05:23,622 --> 00:05:25,330 Ne jemi plotësisht të gatshëm me një arë tjetër pyetje. 133 00:05:25,330 --> 00:05:27,951 134 00:05:27,951 --> 00:05:31,930 >> ALLISON BUCHHOLTZ-AU: Natyrisht, me CSS, çdo gjë ndërton mbi veten. 135 00:05:31,930 --> 00:05:34,107 Pra, nëse një gjë nuk e bën kuptim tani, ne 136 00:05:34,107 --> 00:05:35,690 nuk duan që të ju bog poshtë më vonë. 137 00:05:35,690 --> 00:05:38,390 138 00:05:38,390 --> 00:05:41,930 >> Tomas Reimers: Pra, le të lloj pres këtë. 139 00:05:41,930 --> 00:05:44,210 Pra, ju doni të filloni me përzgjedhës këtu? 140 00:05:44,210 --> 00:05:45,979 >> ALLISON BUCHHOLTZ-AU: Po. 141 00:05:45,979 --> 00:05:48,270 Si unë isha duke thënë më parë, trupi është vetëm përzgjedhës tonë këtu. 142 00:05:48,270 --> 00:05:50,950 Pra, nëse ne do të shkojmë përsëri mbi të ah tonë index--. 143 00:05:50,950 --> 00:05:53,245 >> Tomas Reimers: Cili unë sapo mbyllur. 144 00:05:53,245 --> 00:05:54,530 Më jepni një të dytë. 145 00:05:54,530 --> 00:05:58,286 Pra dokumentit, Open, index.html. 146 00:05:58,286 --> 00:05:59,410 ALLISON BUCHHOLTZ-AU: Best. 147 00:05:59,410 --> 00:06:02,710 Pra, në qoftë se ju të vini re këtu, ne kanë këto tags trupit, e drejtë? 148 00:06:02,710 --> 00:06:06,270 Pra përzgjedhës vetëm korrespondon tags që ne jemi duke folur për. 149 00:06:06,270 --> 00:06:07,670 Pra trupin e drejtë këtu. 150 00:06:07,670 --> 00:06:10,315 Pra, ajo që ne jemi duke thënë është everything-- mund të kthehemi? 151 00:06:10,315 --> 00:06:12,065 Uroj unë mund vetëm si të prekur ekranin. 152 00:06:12,065 --> 00:06:14,410 Ajo do të jetë aq shumë pije freskuese. 153 00:06:14,410 --> 00:06:17,150 >> Pra, çdo gjë brenda atyre tags trupit, që kemi parë 154 00:06:17,150 --> 00:06:19,637 ishte vetëm, si, teksti, dhe trupi në përgjithësi 155 00:06:19,637 --> 00:06:20,970 i referohet, si, sfond. 156 00:06:20,970 --> 00:06:22,720 Nëse ju dëshironi ndonjëherë për të të ndryshuar sfond, 157 00:06:22,720 --> 00:06:25,090 që do të jetë në një tag trupit. 158 00:06:25,090 --> 00:06:27,120 Vetëm i ka këto rregulla aplikohen për ta. 159 00:06:27,120 --> 00:06:32,040 >> Pra, në qoftë se ne ishim për të shkuar në index.html and-- në të vërtetë, 160 00:06:32,040 --> 00:06:33,840 mund të kemi diçka jashtë trupit? 161 00:06:33,840 --> 00:06:37,340 Nëse do të kishte, si, një futboll apo diçka, ajo nuk do të zbatohet për këtë. 162 00:06:37,340 --> 00:06:40,900 Por çdo gjë brenda këto tags trupit është duke shkuar 163 00:06:40,900 --> 00:06:44,960 për t'u prekur nga ky organ përzgjedhës që ne kemi bërë. 164 00:06:44,960 --> 00:06:47,405 Pra, nëse ju do të tipit diçka tjetër there-- 165 00:06:47,405 --> 00:06:49,400 >> Tomas Reimers: Le të përzënë atë shtëpi. 166 00:06:49,400 --> 00:06:55,330 Pra, në qoftë se kemi pasur një div-- kështu që është e vetëm një tag ju mund të keni. 167 00:06:55,330 --> 00:06:56,350 Unë jam duke shkuar për të mbyllur atë. 168 00:06:56,350 --> 00:06:58,280 Ose le të bëjnë këtë një paragraf. 169 00:06:58,280 --> 00:07:01,430 Pra p qëndron për paragrafin. 170 00:07:01,430 --> 00:07:02,560 Dhe brenda këtij paragrafi. 171 00:07:02,560 --> 00:07:05,650 Dhe atëherë unë them: "Ky është teksti". 172 00:07:05,650 --> 00:07:06,369 Ftohtë. 173 00:07:06,369 --> 00:07:09,160 Dhe atëherë unë e bëri ky rregull zbatohet për a paragrafin vend të trupit. 174 00:07:09,160 --> 00:07:12,390 175 00:07:12,390 --> 00:07:17,320 Ju do të shihni se si kjo vlen vetëm për paragrafi i sapo formuar, e drejtë, 176 00:07:17,320 --> 00:07:18,892 jo të gjithë gjë. 177 00:07:18,892 --> 00:07:20,090 A ka kjo kuptim? 178 00:07:20,090 --> 00:07:21,840 >> ALLISON BUCHHOLTZ-AU: Pra, kjo është e gjitha organ, 179 00:07:21,840 --> 00:07:24,450 por tani përzgjedhës tonë vetëm korrespondon me paragrafin. 180 00:07:24,450 --> 00:07:27,050 Pra, ne vetëm duhet të guximshme dhe blu për këtë paragraf të veçantë, 181 00:07:27,050 --> 00:07:30,760 sepse kjo është e vetmja gjë që është i mbyllur brenda etiketë p. 182 00:07:30,760 --> 00:07:35,349 >> Tomas Reimers: ka që e bëjnë kuptim lloj e si gjërat encapsulate gjëra të tjera? 183 00:07:35,349 --> 00:07:38,140 ALLISON BUCHHOLTZ-AU: Gjithashtu, vetëm për të thënë, si, një nga mënyrat më të mira 184 00:07:38,140 --> 00:07:40,889 për të vërtetë të marrë të rehatshme me CSS është të bëjë vetëm gjëra të tilla si kjo, 185 00:07:40,889 --> 00:07:42,050 vetëm try it out. 186 00:07:42,050 --> 00:07:46,700 Është shumë e thjeshtë për të tipit diçka jashtë, goditi Refresh, dhe shikoni se çfarë ndodh. 187 00:07:46,700 --> 00:07:48,940 Dhe si me më CS, eksperimentimi mund shpesh 188 00:07:48,940 --> 00:07:51,790 të çojë në një shumë më të mirë të kuptuarit intuitiv. 189 00:07:51,790 --> 00:07:54,432 Edhe më shumë se ne vetëm, si, duke folur për ju. 190 00:07:54,432 --> 00:07:58,350 >> Tomas Reimers: Absolutisht 100% dakord në këtë pikë. 191 00:07:58,350 --> 00:08:02,430 Pra, në qoftë se ne të kthehemi në këtë, le të fillojë dissecting pikërisht ajo që këta të dy të bëni. 192 00:08:02,430 --> 00:08:04,550 Pra, ne kemi dy rregulla për këtë. 193 00:08:04,550 --> 00:08:07,420 Pra, e para është ngjyra e sfondit. 194 00:08:07,420 --> 00:08:10,590 Dhe ju të shihni se ne kemi vendosur atë barabarte me nje vlere, blu lehta. 195 00:08:10,590 --> 00:08:15,009 >> Pra në CSS, CSS është lloj e shumë e lirshme për mënyrën se si 196 00:08:15,009 --> 00:08:16,300 ju jeni i lejuar për të përcaktuar ngjyrën. 197 00:08:16,300 --> 00:08:17,800 Kështu që ju mund të përcaktojë ato me emër. 198 00:08:17,800 --> 00:08:20,650 Ju gjithashtu mund të bëni diçka si "kuqe". 199 00:08:20,650 --> 00:08:25,270 Dhe pastaj në qoftë se ne të kthehemi në këtë, ju do të shihni se sfondi është i kuq. 200 00:08:25,270 --> 00:08:29,040 Ju gjithashtu mund të merrni really-- unë mendoj ty mund të merrni mjaft kreative me këtë, 201 00:08:29,040 --> 00:08:29,540 nuk mund të ju? 202 00:08:29,540 --> 00:08:31,170 >> ALLISON BUCHHOLTZ-AU: I mendoj se ju mund të përdorni magji. 203 00:08:31,170 --> 00:08:31,250 Nuk mund të ju? 204 00:08:31,250 --> 00:08:32,083 >> Tomas Reimers: Po. 205 00:08:32,083 --> 00:08:32,969 Kështu që ju mund të përdorni magji. 206 00:08:32,969 --> 00:08:34,490 Por unë jam duke menduar emri-i mençur. 207 00:08:34,490 --> 00:08:35,385 A nuk janë atje? 208 00:08:35,385 --> 00:08:37,260 ALLISON BUCHHOLTZ-AU: Ju mund të bëni mjaft pak. 209 00:08:37,260 --> 00:08:43,350 Shumë e shumë si shumica e ngjyrave që ju mund name-- si, unë mendoj salmon është një. 210 00:08:43,350 --> 00:08:45,322 >> Tomas Reimers: Ne jemi salmon gonna të përpiqet. 211 00:08:45,322 --> 00:08:47,530 ALLISON BUCHHOLTZ-AU: I mendoj chartreuse është në atje. 212 00:08:47,530 --> 00:08:48,050 Tomas Reimers: Po. 213 00:08:48,050 --> 00:08:48,550 Shih? 214 00:08:48,550 --> 00:08:50,080 Kështu që ju mund të merrni mjaft kreative. 215 00:08:50,080 --> 00:08:52,246 >> ALLISON BUCHHOLTZ-AU: Ju mund të merrni mjaft kreative. 216 00:08:52,246 --> 00:08:55,750 Si, në qoftë se ju mund të mendoni Emri i ngjyrës, është ndoshta në atje. 217 00:08:55,750 --> 00:08:57,840 Nëse jeni të vërtetë dëshironi gjobë detaje, ju mund të shkoni magji. 218 00:08:57,840 --> 00:08:58,673 >> Tomas Reimers: Po. 219 00:08:58,673 --> 00:08:59,390 Pra heksadecimal. 220 00:08:59,390 --> 00:09:05,280 Nëse ju djema mbani mend këtë përsëri nga PSET tuaj të vjetër, Image Recover, 221 00:09:05,280 --> 00:09:08,300 ju djema dashur të merren me këto vlera magji. 222 00:09:08,300 --> 00:09:15,280 Dhe lloj të radhitje asaj që është, magji ka tri vlerat e ruajtura në të. 223 00:09:15,280 --> 00:09:17,250 Pra, kjo është në grupe prej dy increments. 224 00:09:17,250 --> 00:09:19,300 Dy të parat përfaqësojnë vlerën e kuqe. 225 00:09:19,300 --> 00:09:22,420 Një i dytë paraqet Vlera e gjelbër. 226 00:09:22,420 --> 00:09:25,020 Dhe e fundit është blu? 227 00:09:25,020 --> 00:09:30,050 >> Pra FF ndodh për të përfaqësuar një heksadecimal 255. 228 00:09:30,050 --> 00:09:35,480 Pra, ju keni 255 kuqe, 255 e gjelbër, dhe 0 për blu. 229 00:09:35,480 --> 00:09:37,670 Dhe vlerat variojnë midis 0 dhe 255. 230 00:09:37,670 --> 00:09:38,350 >> AUDIENCA: E drejta. 231 00:09:38,350 --> 00:09:41,472 Pra, në thelb, ne mund të kërkoni internet për çdo ngjyrë që duam, 232 00:09:41,472 --> 00:09:43,912 dhe për të identifikuar faktikisht-njohur ngjyra spektrit combo, 233 00:09:43,912 --> 00:09:45,130 dhe pastaj ne mund të vënë atë në? 234 00:09:45,130 --> 00:09:46,380 ALLISON BUCHHOLTZ-AU: Pikërisht. 235 00:09:46,380 --> 00:09:52,900 Pra, ju keni kontroll të shumë e shumë të plotë mbi ngjyrat që ju dëshironi brenda CSS. 236 00:09:52,900 --> 00:09:55,069 A do të flasim për imazhe sfond më vonë? 237 00:09:55,069 --> 00:09:56,110 Apo ne duam të bëjmë atë? 238 00:09:56,110 --> 00:09:56,240 >> Tomas Reimers: Po. 239 00:09:56,240 --> 00:09:57,010 Absolutisht. 240 00:09:57,010 --> 00:10:00,830 Pra, së pari, vetëm për të treguar se të kuqe dhe të gjelbër është e verdhë. 241 00:10:00,830 --> 00:10:03,120 Dhe në qoftë se keni nevojë për disa për ndihmë të gjetur këtë, ju 242 00:10:03,120 --> 00:10:05,575 mund Google diçka si "mbledhës ngjyra." 243 00:10:05,575 --> 00:10:07,200 ALLISON BUCHHOLTZ-AU: Oh, është kaq i mirë. 244 00:10:07,200 --> 00:10:09,090 Unë dua Color Picker. 245 00:10:09,090 --> 00:10:11,360 >> Tomas Reimers: colorpicker.com është një shembull i mirë. 246 00:10:11,360 --> 00:10:14,580 Dhe këtu, ju do të shihni se ju keni një mbledhës të plotë ngjyra Photoshop-si. 247 00:10:14,580 --> 00:10:14,920 >> ALLISON BUCHHOLTZ-AU: Mm-hm. 248 00:10:14,920 --> 00:10:16,980 Gjithashtu, gjërat e ftohtë jeni ju mund të gjenerojnë skemat ngjyra 249 00:10:16,980 --> 00:10:18,896 kështu që ju nuk e keni, si, përleshje ngjyra. 250 00:10:18,896 --> 00:10:22,780 Tomas Reimers: Dhe pastaj këtu është vlera magji deri këtu. 251 00:10:22,780 --> 00:10:27,800 Kështu që ju gjithmonë mund të gjeni në internet në thelb vende për të marrë vlerën magji nga. 252 00:10:27,800 --> 00:10:31,667 Kjo nuk është lloj i vetëm që, si, ne shoh ngjyrat e botës në numër. 253 00:10:31,667 --> 00:10:34,000 Është më shumë se ne të shkoni në internet dhe për të gjetur se çfarë ngjyre ne duam, 254 00:10:34,000 --> 00:10:36,850 dhe pastaj të marrë numrin poshtë. 255 00:10:36,850 --> 00:10:39,590 Për shkak se ajo është vetëm një të vërtetë e lehtë mënyrë për referencë gjërat në CS. 256 00:10:39,590 --> 00:10:40,350 >> ALLISON BUCHHOLTZ-AU: Dhe pastaj nuk ka also-- 257 00:10:40,350 --> 00:10:41,630 I harroj emrin e saktë të faqes. 258 00:10:41,630 --> 00:10:43,838 Por ka patjetër, unë mendoj, diçka nga Adobe 259 00:10:43,838 --> 00:10:48,350 që gjeneron skemat ngjyra për ju, e cila është me të vërtetë e ftohtë, sepse ju 260 00:10:48,350 --> 00:10:50,580 definitely-- është ndonjëherë vështirë të kuptoj, 261 00:10:50,580 --> 00:10:53,729 oh, nëse unë dua që të përdorin këtë ngjyrë, çfarë mund të jetë një tjetër i dobishëm 262 00:10:53,729 --> 00:10:56,395 për të përdorur diku tjetër në faqen time për të, si, e bëjnë atë të mirë dhe kohezive. 263 00:10:56,395 --> 00:11:00,430 264 00:11:00,430 --> 00:11:04,260 >> Tomas Reimers: Allison-së duke folur për një nga Adobe quajtur Kuler, unë mendoj. 265 00:11:04,260 --> 00:11:04,885 Është K-U-L-E-R. 266 00:11:04,885 --> 00:11:06,259 ALLISON BUCHHOLTZ-AU: Unë mendoj kështu. 267 00:11:06,259 --> 00:11:07,610 Unë jam goxha i sigurt se është një. 268 00:11:07,610 --> 00:11:11,050 >> Tomas Reimers: ime e preferuar ka qenë gjithmonë Skema Color Designer. 269 00:11:11,050 --> 00:11:13,998 >> ALLISON BUCHHOLTZ-AU: Ooh. 270 00:11:13,998 --> 00:11:16,010 >> Tomas Reimers: Cili është now-- 271 00:11:16,010 --> 00:11:16,860 >> ALLISON BUCHHOLTZ-AU: Ah, kjo është e bukur. 272 00:11:16,860 --> 00:11:18,818 >> Tomas Reimers: Dhe ju mund të them se në thelb, si, 273 00:11:18,818 --> 00:11:21,700 Unë dua tre ngjyra pranë njëri-tjetrit. 274 00:11:21,700 --> 00:11:25,030 Dhe pastaj le të bëjë diçka të mirë. 275 00:11:25,030 --> 00:11:29,210 Dhe pastaj ju mund të merrni një shembull e asaj që mund të duket si. 276 00:11:29,210 --> 00:11:32,470 Dhe pastaj në qoftë se ju rri pezull mbi ndonjë nga ata, kjo ju jep vlerën magji. 277 00:11:32,470 --> 00:11:35,010 >> Pra, vetëm si një mënyrë e mirë për të filluar duke menduar për skemat ngjyra 278 00:11:35,010 --> 00:11:39,570 apo çfarë ngjyra në një faqe interneti mund të shkojnë mirë së bashku. 279 00:11:39,570 --> 00:11:45,655 Për shkak se mund të jetë e habitshme jo aq e lehtë për të marr si ju mendoni. 280 00:11:45,655 --> 00:11:48,280 Dhe pastaj gjë tjetër i ftohtë Unë e kam gjetur gjithmonë në lidhje me këtë faqe interneti 281 00:11:48,280 --> 00:11:51,480 është në qoftë se ju goditi Shembuj, ajo do të tregojnë se çfarë një website shembull 282 00:11:51,480 --> 00:11:54,800 mund të duket si duke përdorur këtë skemë të ngjyrave. 283 00:11:54,800 --> 00:11:56,270 Anyway. 284 00:11:56,270 --> 00:11:57,863 >> Kthehu në aktuale CSS. 285 00:11:57,863 --> 00:12:01,112 ALLISON BUCHHOLTZ-AU: Por natyrisht, ne di këto referenca mund të jenë të dobishme. 286 00:12:01,112 --> 00:12:03,195 Tomas Reimers: Jo, ata definitivisht mund të jetë e dobishme. 287 00:12:03,195 --> 00:12:04,720 Pra sundimin e dytë, Allison? 288 00:12:04,720 --> 00:12:05,844 >> ALLISON BUCHHOLTZ-AU: Po. 289 00:12:05,844 --> 00:12:08,280 Rregulli i dytë është vetëm që korrespondon me font tonë. 290 00:12:08,280 --> 00:12:11,520 Pra, pesha font është vetëm lloj of-- kështu peshë do 291 00:12:11,520 --> 00:12:15,220 të jetë në qoftë se ju doni vetëm, si, normal ose, si, fonts hollë, 292 00:12:15,220 --> 00:12:17,251 apo në këtë rast, si, të guximshme. 293 00:12:17,251 --> 00:12:17,750 Unë harroj. 294 00:12:17,750 --> 00:12:21,557 Çfarë është nëse do të donit it-- është atje një e hollë se vetëm, si, normal? 295 00:12:21,557 --> 00:12:24,140 Tomas Reimers: Unë nuk bëj në të vërtetë di nëse ka një të hollë. 296 00:12:24,140 --> 00:12:24,680 ALLISON BUCHHOLTZ-AU: I harroj. 297 00:12:24,680 --> 00:12:26,300 Peshë kështu font ne në mënyrë tipike vetëm përdorni për të guximshme. 298 00:12:26,300 --> 00:12:29,010 Nëse ju doni të merrni të vërtetë në ajo, ne jemi duke shkuar për të treguar ju. 299 00:12:29,010 --> 00:12:34,317 W3Schools ka të gjitha të ndryshme gjëra që ju mund të bëni për fonts. 300 00:12:34,317 --> 00:12:36,900 Por në thelb, në qoftë se ju doni ndonjëherë për të ndryshuar ndonjë gjë në lidhje me font, 301 00:12:36,900 --> 00:12:39,330 ajo gjithmonë do të jetë, si, font-diçka. 302 00:12:39,330 --> 00:12:43,450 Pra, kjo do të jetë si, font-familjes në qoftë se ju jeni duke u përpjekur të ndryshojë llojin aktuale. 303 00:12:43,450 --> 00:12:47,390 Ajo do të jetë font-style në qoftë se ju doni të bëni atë si kursiv, 304 00:12:47,390 --> 00:12:49,710 ose Italics, ose gjësend. 305 00:12:49,710 --> 00:12:53,570 Ose edhe font-ngjyra, në qoftë se kemi dashur të ndryshojë këtë. 306 00:12:53,570 --> 00:12:55,621 >> Tomas Reimers: Yup. 307 00:12:55,621 --> 00:12:56,925 Kështu që ju mund të ndryshojë atë. 308 00:12:56,925 --> 00:12:59,360 Dhe lloj i vetëm për të radhitje tani, kështu që ju mund të 309 00:12:59,360 --> 00:13:01,400 të shohim se kemi selektorin e deri këtu. 310 00:13:01,400 --> 00:13:03,000 Ne kemi këto formatimin e teksteve kaçurrel. 311 00:13:03,000 --> 00:13:06,735 Dhe pastaj ne kemi rregulla përkufizuar nga pikpresje. 312 00:13:06,735 --> 00:13:08,100 A ka kjo kuptim? 313 00:13:08,100 --> 00:13:09,130 Vërtet? 314 00:13:09,130 --> 00:13:10,500 Ftohtë. 315 00:13:10,500 --> 00:13:13,200 Pra, nëse kjo është e good-- 316 00:13:13,200 --> 00:13:14,424 >> ALLISON BUCHHOLTZ-AU: Back. 317 00:13:14,424 --> 00:13:17,590 Tomas Reimers: Le të flasim në mënyrë specifike për atë se çfarë selektorë kemi. 318 00:13:17,590 --> 00:13:19,790 'Shkak tani ne kemi lloj i vetëm treguar tags. 319 00:13:19,790 --> 00:13:21,696 Por ju djema mund të shohin atë bindës. 320 00:13:21,696 --> 00:13:23,570 Thuaj ju keni dy paragrafë në një faqe dhe jush 321 00:13:23,570 --> 00:13:26,087 duan të jenë në gjendje të stilit një por jo tjetri, 322 00:13:26,087 --> 00:13:29,170 ju nuk e vetëm duan të kufizojnë veten për të duhet të përdor HTML ndryshme aktual 323 00:13:29,170 --> 00:13:33,410 tags për t'i dhënë atyre stile të ndryshme. 324 00:13:33,410 --> 00:13:35,995 >> Pra, ne kemi tre themelore Llojet e selektorë. 325 00:13:35,995 --> 00:13:37,120 ALLISON BUCHHOLTZ-AU: Po. 326 00:13:37,120 --> 00:13:39,828 Pra, ne kemi tag, i cili është çfarë ne kemi qenë duke folur për tani. 327 00:13:39,828 --> 00:13:42,430 Pra, kjo është lloj i si trupin tuaj apo f. 328 00:13:42,430 --> 00:13:46,280 Dhe pastaj ne kemi klasë, e cila është kur ne define atë në dosjen tonë CSS, 329 00:13:46,280 --> 00:13:49,907 ajo është gjithmonë do të jetë dot, çfarëdo ju doni emrin e klasës tuaj të jetë. 330 00:13:49,907 --> 00:13:51,490 Dhe kjo mund të aplikojnë për gjëra të shumta. 331 00:13:51,490 --> 00:13:54,610 332 00:13:54,610 --> 00:13:57,610 >> Thuaj ju keni pesë paragrafë dhe dy të tre prej tyre 333 00:13:57,610 --> 00:14:00,580 duhet të vetëquajtur të njëjtën gjë, ju do të aplikoni një klasë me të. 334 00:14:00,580 --> 00:14:03,040 Dhe kjo është vetëm mënyrë ne bëjmë atë. 335 00:14:03,040 --> 00:14:05,600 Ne do të ju jap një shembull të ku ky fakt tregon deri. 336 00:14:05,600 --> 00:14:11,030 Por në qoftë se keni pasur ndoshta disa tag p, pas saj, ju do të shkruani, 337 00:14:11,030 --> 00:14:14,170 klasë është e barabartë me çfarëdo klasa ju doni të aplikoni për të. 338 00:14:14,170 --> 00:14:19,280 Pra, çfarëdo Selectors e klasës që ne duam për të aplikuar në këtë paragraf të veçantë, 339 00:14:19,280 --> 00:14:21,300 ne mund të shkruani vetëm si kjo. 340 00:14:21,300 --> 00:14:24,080 Sigurisht, unë mendoj një shembull do ta bëjë shumë më konkret. 341 00:14:24,080 --> 00:14:27,270 >> Një tjetër që kemi është id, që kemi treguar 342 00:14:27,270 --> 00:14:29,707 me një hash, apo paund, ose hashtag. 343 00:14:29,707 --> 00:14:30,790 Tomas Reimers: Octothorpe. 344 00:14:30,790 --> 00:14:32,430 ALLISON BUCHHOLTZ-AU: Octothorpe. 345 00:14:32,430 --> 00:14:34,550 Që punon, too. 346 00:14:34,550 --> 00:14:36,640 Dhe kjo duhet të jetë me të vërtetë unik. 347 00:14:36,640 --> 00:14:39,880 Ata duhet të zbatohet vetëm për një gjë në faqen tuaj. 348 00:14:39,880 --> 00:14:43,820 Pra, nëse kjo është një paragraf të veçantë, ose disa pika në një listë, ose çfarëdo, 349 00:14:43,820 --> 00:14:45,090 kjo duhet të jetë unik. 350 00:14:45,090 --> 00:14:48,730 Dhe në të njëjtën mënyrë që ne vetëm them, si, klasë = "class1 class2" 351 00:14:48,730 --> 00:14:51,577 kjo mund të jetë vetëm id e çdo gjë që ne kemi. 352 00:14:51,577 --> 00:14:52,410 Tomas Reimers: Po. 353 00:14:52,410 --> 00:14:54,330 Pra, le të flasim patjetër për shembuj këtu. 354 00:14:54,330 --> 00:14:58,170 Dhe unë jam vetëm do të zhyten drejt përsëri në kodin. 355 00:14:58,170 --> 00:15:02,090 Pra, le të shohim në HTML tonë. 356 00:15:02,090 --> 00:15:03,960 Dhe kështu që ne tani kemi një paragraf. 357 00:15:03,960 --> 00:15:05,510 Ky është teksti. 358 00:15:05,510 --> 00:15:09,151 Unë jam vetëm duke shkuar për të modifikuar ajo. "Ky është teksti 1." 359 00:15:09,151 --> 00:15:11,150 Dhe atëherë ne jemi duke shkuar për kanë një "Ky është teksti 2." 360 00:15:11,150 --> 00:15:12,525 >> ALLISON BUCHHOLTZ-AU: dyti një. 361 00:15:12,525 --> 00:15:13,540 Tomas Reimers: Yup. 362 00:15:13,540 --> 00:15:16,810 Pra, ne tani kemi "Ky është teksti 2", e drejtë? 363 00:15:16,810 --> 00:15:21,560 Dhe ne jemi duke shkuar për të parë se në qoftë se ne ringarkoni faqe, ajo që ne jemi duke shkuar për të gjetur 364 00:15:21,560 --> 00:15:23,067 është që ne jemi gonna find-- 365 00:15:23,067 --> 00:15:24,150 ALLISON BUCHHOLTZ-AU: Ooh. 366 00:15:24,150 --> 00:15:24,983 Tomas Reimers: Po. 367 00:15:24,983 --> 00:15:27,570 Ne jemi duke shkuar për të gjetur një "Ky është Teksti 1, "dhe" Ky është teksti 2. " 368 00:15:27,570 --> 00:15:28,650 >> ALLISON BUCHHOLTZ-AU: Dhe ngjyrë nga bukuroshe të verdhë. 369 00:15:28,650 --> 00:15:31,066 >> Tomas Reimers: Dhe ju do të shihni se përzgjedhës tonë të drejtë tani, 370 00:15:31,066 --> 00:15:34,940 e cila vlen për të p-së, ose paragrafë, ndikon në dy prej tyre, 371 00:15:34,940 --> 00:15:38,700 sepse të dy ata takohen kusht që ata janë të dy një tag p. 372 00:15:38,700 --> 00:15:40,360 Kjo ka kuptim të përgjithshëm. 373 00:15:40,360 --> 00:15:43,340 Pra, pyetja është, mirë, çfarë në qoftë se ne të kërkuar për të vetëm të marrë një të tillë? 374 00:15:43,340 --> 00:15:46,350 Pra tamam si Allison ishte duke thënë, ne kemi dy mënyra të tjera për të bërë atë. 375 00:15:46,350 --> 00:15:47,320 Unë jam duke shkuar për të filluar me id. 376 00:15:47,320 --> 00:15:48,405 >> ALLISON BUCHHOLTZ-AU: Le të fillojmë me id. 377 00:15:48,405 --> 00:15:50,405 >> Tomas Reimers: Dhe të dy e këto janë atribute. 378 00:15:50,405 --> 00:15:53,200 Pra atributet ekzistojnë në HTML. 379 00:15:53,200 --> 00:15:55,600 Dhe ajo që ata janë, është diçka që ju të shtoni 380 00:15:55,600 --> 00:15:58,840 brenda tag-un i cili është ndarë nga emri tag. 381 00:15:58,840 --> 00:16:01,301 Kështu që ju mund të kenë atribute të shumta. 382 00:16:01,301 --> 00:16:01,800 Vërtet? 383 00:16:01,800 --> 00:16:03,950 >> ALLISON BUCHHOLTZ-AU: Unë kam qenë vetëm duke shkuar të thuhet, nga shembulli juaj nga PSET 7, 384 00:16:03,950 --> 00:16:06,650 në qoftë se ndonjë nga ju të përpiqemi të lidhur gjërat në qendër, 385 00:16:06,650 --> 00:16:08,550 ju mund të keni përdorur "Teksti lidhur = qendër." 386 00:16:08,550 --> 00:16:10,550 Dhe keni vënë re atë ndoshta duhet të kishte përqëndruar 387 00:16:10,550 --> 00:16:12,650 teksti juaj ose bar tuaj navigacion. 388 00:16:12,650 --> 00:16:15,499 Pra, kjo është vetëm edhe një atribut që ju mund të jetë njohur me të. 389 00:16:15,499 --> 00:16:18,040 Tomas Reimers: Ka një bandë e atributet që ju do të shihni. 390 00:16:18,040 --> 00:16:18,539 Vërtet. 391 00:16:18,539 --> 00:16:21,250 Ashtu si referencë e mirë për PSET 7. 392 00:16:21,250 --> 00:16:23,150 Ne kemi id. 393 00:16:23,150 --> 00:16:25,080 Ju gjithashtu mund të keni klasë, gjëra të tilla si kjo. 394 00:16:25,080 --> 00:16:27,250 Një tag vetme mund të ketë shumë atribute. 395 00:16:27,250 --> 00:16:33,140 Pra, duke filluar me id, le të pretendojë ne duan të kenë një id of-- unë nuk e di. 396 00:16:33,140 --> 00:16:35,140 Ne do të thërrasë atë special, sepse ky, ne jemi 397 00:16:35,140 --> 00:16:37,867 do të bëjë të guximshme, dhe nënvizoj, dhe çdo gjë. 398 00:16:37,867 --> 00:16:39,950 ALLISON BUCHHOLTZ-AU: Është e gonna të jetë super i veçantë. 399 00:16:39,950 --> 00:16:42,360 Tomas Reimers: Pra kjo një, ne kemi id vecanta. 400 00:16:42,360 --> 00:16:48,140 Pra, mënyra për të zgjedhur atë, atëherë, është e në main.css, në vend se të ketë një kod p, 401 00:16:48,140 --> 00:16:51,500 ju bëni #special, OK? 402 00:16:51,500 --> 00:16:55,538 Dhe që zgjedh gjë me id speciale. 403 00:16:55,538 --> 00:16:57,295 A ka kjo kuptim për të gjithë? 404 00:16:57,295 --> 00:16:57,920 AUDIENCA: Po. 405 00:16:57,920 --> 00:16:59,110 Tomas Reimers: Best. 406 00:16:59,110 --> 00:17:04,440 Pra, tani në qoftë se ne do të shkojmë përsëri, ne do see-- uh. 407 00:17:04,440 --> 00:17:06,240 Vërtet. 408 00:17:06,240 --> 00:17:09,460 Ne do të shohim se ai vetëm zgjedh një me id speciale. 409 00:17:09,460 --> 00:17:10,622 Vërtet? 410 00:17:10,622 --> 00:17:11,900 Tinguj cool. 411 00:17:11,900 --> 00:17:12,570 Po. 412 00:17:12,570 --> 00:17:15,456 >> AUDIENCA: A mund të ketë diçka një atribut i të dy klasë dhe një id? 413 00:17:15,456 --> 00:17:16,359 >> Tomas Reimers: Po. 414 00:17:16,359 --> 00:17:16,900 AUDIENCA: OK. 415 00:17:16,900 --> 00:17:20,887 Dhe pastaj çfarë ndodh në qoftë se ju atëherë jepni ajo disa rregulla në CSS se konflikti? 416 00:17:20,887 --> 00:17:21,970 Tomas Reimers: Absolutisht. 417 00:17:21,970 --> 00:17:23,940 Ne jemi definitivisht do për të folur për këtë. 418 00:17:23,940 --> 00:17:31,890 Pra, pikërisht ajo që ju po merrnin në, ju gjithashtu mund të ketë klasa. 419 00:17:31,890 --> 00:17:36,380 Pra, le të pretendojë kam pasur tre paragrafët dhe unë 420 00:17:36,380 --> 00:17:38,730 donte të stilit parë dy por jo treti. 421 00:17:38,730 --> 00:17:42,850 Well, ideja juaj i parë mund të jetë, mirë, unë mund të japin vetëm një të dytë një id. 422 00:17:42,850 --> 00:17:45,590 Por ju nuk mund të, sepse një id, tamam si Allison ishte duke thënë, 423 00:17:45,590 --> 00:17:47,330 duhet të jetë unik. 424 00:17:47,330 --> 00:17:50,860 >> Pra, në vend të një id, çfarë ju mund të përdorin është që ju mund të përdorni një klasë. 425 00:17:50,860 --> 00:17:57,880 Dhe një class-- çfarë ai i lejon ju të bëni është të thënë në thelb, 426 00:17:57,880 --> 00:17:59,610 ky takon si pjese e nje grupi. 427 00:17:59,610 --> 00:18:02,410 Në këtë rast, grupi ynë quhet e veçantë. 428 00:18:02,410 --> 00:18:06,500 Dhe ajo që ne jemi duke shkuar për të bërë atëherë është ne jemi duke shkuar për say-- vend se paund, 429 00:18:06,500 --> 00:18:08,070 ne jemi duke shkuar për të përdorur dot. 430 00:18:08,070 --> 00:18:08,740 OK? 431 00:18:08,740 --> 00:18:11,950 Dhe vini re se funt dhe dot ekzistojnë vetëm brenda file CSS, 432 00:18:11,950 --> 00:18:12,797 jo brenda HTML. 433 00:18:12,797 --> 00:18:13,880 ALLISON BUCHHOLTZ-AU: Po. 434 00:18:13,880 --> 00:18:15,185 Dallim i rëndësishëm. 435 00:18:15,185 --> 00:18:17,510 >> Tomas Reimers: Unë kam kishte aq shumë luftë, 436 00:18:17,510 --> 00:18:23,990 sepse kam vënë hash në HTML dhe atëherë vetëm ndjerë budalla për një kohë të gjatë. 437 00:18:23,990 --> 00:18:27,470 Shih se si ajo zgjedh të dy ato me atë klasë? 438 00:18:27,470 --> 00:18:28,210 Ftohtë. 439 00:18:28,210 --> 00:18:29,950 >> Tani, gjërat mund të ketë klasa të shumta. 440 00:18:29,950 --> 00:18:32,790 Le të thonë se unë të kërkuar për të bërë së pari dy kanë një sfond të verdhë 441 00:18:32,790 --> 00:18:36,770 dhe e dyta dy kanë një ngjyrë font e blu. 442 00:18:36,770 --> 00:18:37,270 OK. 443 00:18:37,270 --> 00:18:39,735 Unë vërtetë nuk e di pse unë do të doni të bëni atë, por unë mund të. 444 00:18:39,735 --> 00:18:42,401 >> ALLISON BUCHHOLTZ-AU: nuk Mund rekomanduar atë për faqen tuaj te internetit. 445 00:18:42,401 --> 00:18:43,880 Por për qëllimet tona, ajo do të bëjë. 446 00:18:43,880 --> 00:18:46,294 >> Tomas Reimers: Kjo nuk është një skemë e mirë ngjyrë. 447 00:18:46,294 --> 00:18:49,210 ALLISON BUCHHOLTZ-AU: E pra, të verdhë dhe blu janë ngjyrat e mia të larta shkollore. 448 00:18:49,210 --> 00:18:50,947 Unë nuk e di, pse. 449 00:18:50,947 --> 00:18:53,530 Tomas Reimers: Allison së lartë Shkolla kishte një skemë të madhe të ngjyrave. 450 00:18:53,530 --> 00:18:54,520 [Qeshura] 451 00:18:54,520 --> 00:18:59,120 Pra, atëherë çfarë mund të quajmë këtë është Le të thërrasë this-- kështu që ne kemi Speciale 452 00:18:59,120 --> 00:19:00,030 dhe ne kemi Pretty. 453 00:19:00,030 --> 00:19:02,405 Unë sugjeroj, për këtë, ju përdorni Emrat shumë më përshkruese. 454 00:19:02,405 --> 00:19:05,820 ALLISON BUCHHOLTZ-AU: Po, unë do të e quajnë këtë, si, të verdhë ose blu. 455 00:19:05,820 --> 00:19:08,314 >> Tomas Reimers: Ne nuk jemi të vërtetë të bërë një faqe interneti të vërtetë, 456 00:19:08,314 --> 00:19:09,730 cila është arsyeja pse ne nuk jemi duke bërë atë. 457 00:19:09,730 --> 00:19:11,521 Por në qoftë se ju në të vërtetë kishte një website të vërtetë, ju 458 00:19:11,521 --> 00:19:16,220 mund të ketë, si, header artikull, Përmbajtja artikull, fjala e parë, 459 00:19:16,220 --> 00:19:21,920 gjëra të tilla si kjo, të cilat lejojnë ju që të jetë shumë më përshkrues. 460 00:19:21,920 --> 00:19:23,550 Këto janë me të vërtetë vetëm si variabla. 461 00:19:23,550 --> 00:19:28,390 Ata duhet të jenë të emëruar në mënyrë të ku ju mund, like-- yeah, si i tillë. 462 00:19:28,390 --> 00:19:29,470 Perfect. 463 00:19:29,470 --> 00:19:30,480 >> Pra ngjyra e sfondit. 464 00:19:30,480 --> 00:19:35,920 Dhe pastaj ne do të say-- kështu mënyrë për të ndryshuar ngjyrën është vetëm "ngjyrë". 465 00:19:35,920 --> 00:19:38,412 Dhe ne jemi duke shkuar për të bërë atë blu. 466 00:19:38,412 --> 00:19:40,150 Kjo është e ftohtë. 467 00:19:40,150 --> 00:19:42,640 Pra, tani ne kemi dy të parët kanë të veçantë. 468 00:19:42,640 --> 00:19:45,972 Një tjetër do të kanë "klasë = goxha." 469 00:19:45,972 --> 00:19:49,180 ALLISON BUCHHOLTZ-AU: Dhe pastaj ju do të dua të shtoj "mjaft" me atë të mesme. 470 00:19:49,180 --> 00:19:49,971 Tomas Reimers: Yup. 471 00:19:49,971 --> 00:19:52,970 Dhe pastaj në atë të mesëm, për të shtuar "goxha," çfarë ndodh 472 00:19:52,970 --> 00:19:56,880 është që ju vetëm duhet një hapësirë. 473 00:19:56,880 --> 00:19:59,800 Pra atribut klasës është një listë hapësirë-ndara 474 00:19:59,800 --> 00:20:02,450 të gjitha klasat e që zbatohen për atë tag. 475 00:20:02,450 --> 00:20:02,959 OK? 476 00:20:02,959 --> 00:20:05,750 Kjo nuk është si ky njeri i takon një lloj klase të veçantë të quajtur 477 00:20:05,750 --> 00:20:07,180 "Special, hapësirë, goxha." 478 00:20:07,180 --> 00:20:10,870 Ajo i përket dy classes-- të veçantë dhe të bukur. 479 00:20:10,870 --> 00:20:12,492 Po? 480 00:20:12,492 --> 00:20:14,360 Ftohtë. 481 00:20:14,360 --> 00:20:17,010 >> Dhe pastaj, nëse ne shikojmë në atë që ndodh, ne jemi 482 00:20:17,010 --> 00:20:21,850 do të shohim se i pari ka sfond të verdhë, teksti i zi. 483 00:20:21,850 --> 00:20:22,450 One-- i dytë 484 00:20:22,450 --> 00:20:26,160 >> ALLISON BUCHHOLTZ-AU: --has bold sfond të verdhë me tekst blu. 485 00:20:26,160 --> 00:20:29,330 Dhe një jonë e fundit vetëm ka Teksti blu që ne të caktuar për të. 486 00:20:29,330 --> 00:20:30,870 >> Tomas Reimers: Best? 487 00:20:30,870 --> 00:20:32,491 Si punojnë Selectors? 488 00:20:32,491 --> 00:20:32,990 Awesome. 489 00:20:32,990 --> 00:20:34,720 >> ALLISON BUCHHOLTZ-AU: A duam të flasim për konfliktin tani atëherë? 490 00:20:34,720 --> 00:20:35,780 >> Tomas Reimers: Pra, vërtet. 491 00:20:35,780 --> 00:20:36,310 Absolutisht. 492 00:20:36,310 --> 00:20:38,380 Pra, çfarë ndodh në qoftë se ju kanë një konflikt, apo jo? 493 00:20:38,380 --> 00:20:44,740 Le të pretendojë një të parë krijon diçka like-- 494 00:20:44,740 --> 00:20:47,240 ALLISON BUCHHOLTZ-AU: Ndoshta kjo e ndryshon sfond? 495 00:20:47,240 --> 00:20:48,090 Tomas Reimers: Po. 496 00:20:48,090 --> 00:20:51,699 Pra, ne jemi duke shkuar për të bërë "goxha" të ndryshuar sfond salmon. 497 00:20:51,699 --> 00:20:54,740 ALLISON BUCHHOLTZ-AU: Ju jeni vetëm me të gjitha ngjyrat e mëdha sot, Tomas. 498 00:20:54,740 --> 00:20:55,573 Tomas Reimers: Po. 499 00:20:55,573 --> 00:20:58,200 Sepse unë kuptova unë mund përdorni salmon si një ngjyrë të vërtetë. 500 00:20:58,200 --> 00:21:00,270 Pra, ne jemi vetëm duke shkuar për të bërë këtë. 501 00:21:00,270 --> 00:21:01,770 Unë gjithashtu mendoj Sunset është një ngjyrë e vërtetë. 502 00:21:01,770 --> 00:21:03,103 AUDIENCA: Sunset është një ngjyrë e vërtetë? 503 00:21:03,103 --> 00:21:04,572 ALLISON BUCHHOLTZ-AU: Le të provoni. 504 00:21:04,572 --> 00:21:07,735 Tomas Reimers: Pas këtë demo vetëm për shkak se në rast ajo messes up, 505 00:21:07,735 --> 00:21:08,943 Unë nuk dua të jenë të debugging. 506 00:21:08,943 --> 00:21:11,580 Pra, ne e dimë salmon është një ngjyrë e vërtetë. 507 00:21:11,580 --> 00:21:15,626 Kështu që çdo supozime mbi çfarë do të ndodhë? 508 00:21:15,626 --> 00:21:17,522 >> ALLISON BUCHHOLTZ-AU: Çdo ide? 509 00:21:17,522 --> 00:21:20,002 >> Audienca: [padëgjueshme]. 510 00:21:20,002 --> 00:21:20,920 >> Tomas Reimers: Po. 511 00:21:20,920 --> 00:21:22,150 Kështu që ju mori atë saktësisht e drejtë. 512 00:21:22,150 --> 00:21:24,930 Në thelb, ajo merr rregull e kaluar se ai është dhënë. 513 00:21:24,930 --> 00:21:27,860 >> ALLISON BUCHHOLTZ-AU: Pra ky është ku Cascading hyn në fuqi. 514 00:21:27,860 --> 00:21:31,080 >> Tomas Reimers: Pra, mbani mend se si ne kishte se Cascading Style Sheets? 515 00:21:31,080 --> 00:21:33,660 Pra nga kjo, ne lloj të thotë se ne kemi një bandë e rregullave 516 00:21:33,660 --> 00:21:37,115 që të aplikojnë në krye të njëri-tjetrit, dhe ata gjithashtu mund të pranoj njëri-tjetrin. 517 00:21:37,115 --> 00:21:39,380 >> ALLISON BUCHHOLTZ-AU: Pra çfarëdo e në fund 518 00:21:39,380 --> 00:21:41,540 do të shkel çdo gjë është në krye. 519 00:21:41,540 --> 00:21:45,842 Ju mund të keni rregulla që plotësisht mohoj diçka paraprakisht. 520 00:21:45,842 --> 00:21:48,300 Kjo është edhe arsyeja pse ju doni të jenë të të kujdesshëm kur ju jeni styling, 521 00:21:48,300 --> 00:21:51,465 kështu që ju nuk jeni duke krijuar rregulla që ju jeni vetëm krejtësisht thelbësor. 522 00:21:51,465 --> 00:21:53,340 >> Tomas Reimers: Apo ndoshta ju doni të prishësh rregullat. 523 00:21:53,340 --> 00:21:53,920 >> ALLISON BUCHHOLTZ-AU: Apo ndoshta ju bëni. 524 00:21:53,920 --> 00:21:54,300 Po. 525 00:21:54,300 --> 00:21:57,175 >> Tomas Reimers: Pretendon ju keni një klasë e cila vlen për gjërat më të madhe, 526 00:21:57,175 --> 00:22:01,220 por le të thonë se ju doni për të ndryshuar ngjyrë sfond të kuq dhe të font 527 00:22:01,220 --> 00:22:03,140 peshë të guximshme për më gjëra, por për një, 528 00:22:03,140 --> 00:22:06,098 ju doni vetëm ngjyrën e sfondit të jenë të kuqe por ju doni të gjithë tjetër 529 00:22:06,098 --> 00:22:09,990 Pronat, ju mund të bëni diçka si "font-weight = normal" 530 00:22:09,990 --> 00:22:12,760 i cili më pas do të prish këtë ndryshim të guximshme. 531 00:22:12,760 --> 00:22:14,480 Vërtet? 532 00:22:14,480 --> 00:22:17,250 Përsëri, mënyra më e mirë, unë mendoj Allison, tha ajo, është vetëm praktikë. 533 00:22:17,250 --> 00:22:18,080 >> ALLISON BUCHHOLTZ-AU: Eksperimentimi. 534 00:22:18,080 --> 00:22:20,090 >> Tomas Reimers: Praktika, praktikë, praktikë, dhe eksperiment. 535 00:22:20,090 --> 00:22:22,950 Unë e di shumë njerëz që mendojnë CSS është vetëm një shumë e mend-dhe-check 536 00:22:22,950 --> 00:22:25,580 në fund të ditës, ku nëse ju doni të bëni something-- si, 537 00:22:25,580 --> 00:22:27,663 ju keni një ide të përafërt, por ju ende ndoshta duhet 538 00:22:27,663 --> 00:22:31,390 për të provoni atë për t'u siguruar ju e dini se çfarë ajo duket si. 539 00:22:31,390 --> 00:22:34,482 >> AUDIENCA: Kur ju jeni duke aplikuar klasa, më shumë se një 540 00:22:34,482 --> 00:22:37,339 në të njëjtin paragraf ose seksion, e bën atë 541 00:22:37,339 --> 00:22:39,505 marrë parasysh atë mënyrë që ju mund të llojin e tyre në thonjëza? 542 00:22:39,505 --> 00:22:40,992 >> Tomas Reimers: Jo, jo në të gjitha. 543 00:22:40,992 --> 00:22:45,764 >> ALLISON BUCHHOLTZ-AU: Ajo që ka rëndësi është rendi brenda fletë tuaj stil CSS. 544 00:22:45,764 --> 00:22:47,430 AUDIENCA: A mund të përsëris pyetjen? 545 00:22:47,430 --> 00:22:50,680 Tomas Reimers: Oh. 546 00:22:50,680 --> 00:22:53,990 ALLISON BUCHHOLTZ-AU: Brenda e klasës, klasat, kur ju jeni duke i dhënë 547 00:22:53,990 --> 00:22:56,964 diçka në HTML, bën ka rëndësi që rendi ata janë në? 548 00:22:56,964 --> 00:22:58,130 Nuk ka rëndësi rendin. 549 00:22:58,130 --> 00:23:02,915 Ajo që ka rëndësi është e rendit të Selectors të klasës brenda CSS tuaj, 550 00:23:02,915 --> 00:23:04,306 brenda fletë tuaj stil. 551 00:23:04,306 --> 00:23:06,982 >> Tomas Reimers: i mirë Sound? 552 00:23:06,982 --> 00:23:08,532 >> ALLISON BUCHHOLTZ-AU: bukuroshe. 553 00:23:08,532 --> 00:23:11,539 >> Tomas Reimers: Dhe pastaj ne jemi duke shkuar për të vazhduar to-- 554 00:23:11,539 --> 00:23:13,330 ALLISON BUCHHOLTZ-AU: Çfarë kemi pas? 555 00:23:13,330 --> 00:23:14,245 Unë harroj. 556 00:23:14,245 --> 00:23:16,087 Oh, ne vetëm kemi shembuj. 557 00:23:16,087 --> 00:23:17,295 Por ne kemi bërë lloj i atyre. 558 00:23:17,295 --> 00:23:18,990 Ne e kemi bërë shembuj të fluturojnë. 559 00:23:18,990 --> 00:23:20,540 >> Tomas Reimers: Ne kemi marrë për të kombinoni shpejt të selectors. 560 00:23:20,540 --> 00:23:22,790 >> ALLISON BUCHHOLTZ-AU: Oh, ne të merrni për të kombinuar selectors. 561 00:23:22,790 --> 00:23:25,260 Tomas Reimers: Pra disa shembuj është që ne kemi 562 00:23:25,260 --> 00:23:29,630 # Pound dog--, ose hashtag, ose octothorpe, apo çfarëdo 563 00:23:29,630 --> 00:23:32,050 ju doni të telefononi that-- mprehtë. 564 00:23:32,050 --> 00:23:34,875 >> ALLISON BUCHHOLTZ-AU: qen Sharp. 565 00:23:34,875 --> 00:23:36,470 >> Tomas Reimers: Atëherë ju keni .pets. 566 00:23:36,470 --> 00:23:39,059 567 00:23:39,059 --> 00:23:41,600 Diçka ka një id e qenit, ka vetëm një qen në faqe. 568 00:23:41,600 --> 00:23:43,870 Diçka ka një id të mace, ka vetëm një mace. 569 00:23:43,870 --> 00:23:45,665 Nuk mund të jetë shumë kafshët shtëpiake në faqe. 570 00:23:45,665 --> 00:23:47,570 Kjo është arsyeja pse ne kemi dhënë se klasa. 571 00:23:47,570 --> 00:23:48,740 Ju keni një shembull të p. 572 00:23:48,740 --> 00:23:50,490 Dhe pastaj kështu një nga Shembulli i fundit, që 573 00:23:50,490 --> 00:23:53,790 është diçka që ne nuk kemi biseduar rreth, është ajo që ndodh kur ju të kombinuar ato. 574 00:23:53,790 --> 00:23:54,580 Pra p.pets. 575 00:23:54,580 --> 00:23:57,510 576 00:23:57,510 --> 00:24:02,950 >> Kështu që për këtë, le të kthehemi në Kodi dhe futur another-- vërtet. 577 00:24:02,950 --> 00:24:04,290 Pra, përsëri këtu. 578 00:24:04,290 --> 00:24:04,850 >> ALLISON BUCHHOLTZ-AU: I të ndjehen si kjo është really-- 579 00:24:04,850 --> 00:24:08,105 si vetëm duke kërkuar përmes shembujve është me të vërtetë mënyra për të mësuar këtë. 580 00:24:08,105 --> 00:24:09,360 Pra, kjo është ajo që ne jemi duke bërë. 581 00:24:09,360 --> 00:24:14,030 >> Tomas Reimers: Pra, le të pretendojë ne vetëm dëshironi të zgjidhni tekstin 2, të drejtë? 582 00:24:14,030 --> 00:24:16,530 Pra, ne definitivisht nuk mund bëni që me një id. 583 00:24:16,530 --> 00:24:19,620 E pra, ne mund të bëjmë atë me një id, por ajo nuk ka një id. 584 00:24:19,620 --> 00:24:22,490 Unë mund të shtoj një, por le të pretendojë se unë nuk dua të shtoj një të tillë 585 00:24:22,490 --> 00:24:24,910 ose ajo tashmë ka diçka tjetër. 586 00:24:24,910 --> 00:24:26,516 Unë nuk mund ta bëjë atë me këtë. 587 00:24:26,516 --> 00:24:28,870 Tag nuk është aspak unik, e drejtë? 588 00:24:28,870 --> 00:24:30,670 Dhe as është klasë. 589 00:24:30,670 --> 00:24:32,314 Por ju mund të kombinohen këto gjëra. 590 00:24:32,314 --> 00:24:35,230 Le të thonë se ne të kërkuar për të bërë diçka e cila vlen vetëm për gjërat që 591 00:24:35,230 --> 00:24:39,420 kanë Special të klasës dhe të cilat kanë klasë goxha. 592 00:24:39,420 --> 00:24:48,150 >> Pra, çfarë ju mund të bëni është në main.css, ju mund të them, le të parë të fshini këtë. 593 00:24:48,150 --> 00:24:50,240 Ju mund të kombinohen këto. 594 00:24:50,240 --> 00:24:51,430 Kështu që ju mund të bëni kushtet speciale. 595 00:24:51,430 --> 00:24:52,110 Nuk ka hapësirë. 596 00:24:52,110 --> 00:24:54,770 Vetëm .special.pretty. 597 00:24:54,770 --> 00:25:00,550 Çfarë kjo do të thotë është diçka që është edhe i veçantë dhe mjaft. 598 00:25:00,550 --> 00:25:01,900 A ka kjo kuptim? 599 00:25:01,900 --> 00:25:04,190 Dhe në qoftë se ne do të shkojmë këtu, çfarë ju jeni do të shoh 600 00:25:04,190 --> 00:25:09,734 është ky rregull vlen vetëm për dyta, e cila ka dy nga ato. 601 00:25:09,734 --> 00:25:11,400 Dhe ju mund të bëni atë për shumë gjëra. 602 00:25:11,400 --> 00:25:13,270 Ju mund të say-- le të pretendoj unë vetëm të kërkuar 603 00:25:13,270 --> 00:25:18,300 për të bërë gjëra të cilat kanë të klasës goxha dhe të cilat janë gjithashtu një paragraf tag. 604 00:25:18,300 --> 00:25:19,920 Pra p.pretty. 605 00:25:19,920 --> 00:25:23,585 Le të pretendojë se kam pasur diçka mjaft në trup tag. 606 00:25:23,585 --> 00:25:25,850 OK? 607 00:25:25,850 --> 00:25:28,490 Unë mund të kandidojë këtë dhe unë mund të shihni se kjo është vetëm 608 00:25:28,490 --> 00:25:32,720 do të zbatohet për gjëra të cilat janë të Paragrafët me klasën e bukur. 609 00:25:32,720 --> 00:25:35,650 Dhe ju mund të kombinohen këto, në thelb, si shumë si ju dëshironi. 610 00:25:35,650 --> 00:25:38,580 Kështu që ju mund vetëm të vënë ato së bashku. 611 00:25:38,580 --> 00:25:39,604 A ka kjo kuptim? 612 00:25:39,604 --> 00:25:41,770 ALLISON BUCHHOLTZ-AU: Pra ky lloj është më e dobishme 613 00:25:41,770 --> 00:25:45,490 kur, Tomas u thënë më herët, ndoshta ju keni një faqe interneti shumë të komplikuar, 614 00:25:45,490 --> 00:25:48,050 dhe ju tashmë keni një shumë i këtyre rregulla të shkruara, 615 00:25:48,050 --> 00:25:51,170 dhe ju vetëm duhet të kombinohen dy nga para. 616 00:25:51,170 --> 00:25:55,350 Ashtu si në vend të shkruar një tërësi përzgjedhës i ri dhe ndryshimin e tij atje, 617 00:25:55,350 --> 00:25:58,592 vetëm ju mund të kombinohen ato ku ajo përputhet. 618 00:25:58,592 --> 00:26:00,670 >> Tomas Reimers: Ose ju mund të gjeni out-- ndonjëherë 619 00:26:00,670 --> 00:26:04,290 ka një klasë që bën ngjyra font-së si blu, 620 00:26:04,290 --> 00:26:06,740 dhe ka një tjetër klasë që bën blu sfond. 621 00:26:06,740 --> 00:26:07,840 Dhe kjo thjesht nuk do të funksionojë. 622 00:26:07,840 --> 00:26:10,924 Pra, ju shkruaj një rast të veçantë, ku, like-- por në qoftë se ajo ka të dy, çfarë ju jeni 623 00:26:10,924 --> 00:26:13,548 do të bëni është që ju jeni do të e bëjnë këtë një këtë hije e blu 624 00:26:13,548 --> 00:26:15,310 dhe kjo e kjo hije tjetër e blu. 625 00:26:15,310 --> 00:26:15,580 E drejtë? 626 00:26:15,580 --> 00:26:17,955 >> ALLISON BUCHHOLTZ-AU: Mirë për ato llojet e përjashtimeve. 627 00:26:17,955 --> 00:26:21,220 Tomas Reimers: Pra, për mendoj për problemet 628 00:26:21,220 --> 00:26:25,000 që mund të lindin kur ju të kombinuar ato. 629 00:26:25,000 --> 00:26:27,020 Ftohtë. 630 00:26:27,020 --> 00:26:29,692 Pra, përsëri në prezantimin tonë. 631 00:26:29,692 --> 00:26:31,400 ALLISON BUCHHOLTZ-AU: Ne jemi pothuajse atje. 632 00:26:31,400 --> 00:26:34,022 Tomas Reimers: Dhe kjo ka ndaluar lidh. 633 00:26:34,022 --> 00:26:36,494 ALLISON BUCHHOLTZ-AU: Oh, jo. 634 00:26:36,494 --> 00:26:39,125 ALLISON BUCHHOLTZ-AU: CS në zyrë, internet shkon poshtë. 635 00:26:39,125 --> 00:26:40,360 Oh, ironia. 636 00:26:40,360 --> 00:26:45,620 >> Tomas Reimers: Pra për fat të mirë, ne mund të paraqesë pa internet, unë mendoj, 637 00:26:45,620 --> 00:26:47,380 sepse ne kemi të gjitha slides këtu. 638 00:26:47,380 --> 00:26:49,304 Pra, le të flasim për marrëdhënie e etiketave. 639 00:26:49,304 --> 00:26:50,470 ALLISON BUCHHOLTZ-AU: E drejta. 640 00:26:50,470 --> 00:26:52,660 Pra, vetëm lloj të shkuar off e asaj që tha Tomas, 641 00:26:52,660 --> 00:26:54,180 kjo është vetëm një tjetër mënyrë për të bërë atë. 642 00:26:54,180 --> 00:26:57,840 Pra, ne kemi disa prind përzgjedhës me një përzgjedhës fëmijëve. 643 00:26:57,840 --> 00:27:02,815 Pra, në këtë shembull këtu, ne kemi disa Trupi me një navbar klasës, butonin klasë. 644 00:27:02,815 --> 00:27:03,315 Ah. 645 00:27:03,315 --> 00:27:03,990 >> Tomas Reimers: Oh, më vjen keq. 646 00:27:03,990 --> 00:27:06,180 >> ALLISON BUCHHOLTZ-AU: Dhe në thelb, çfarë do të thotë kjo 647 00:27:06,180 --> 00:27:11,070 është të zgjidhni të gjithë fëmijët, si të gjitha këto llojet e selektorë, 648 00:27:11,070 --> 00:27:13,040 brenda këtij përzgjedhës mëmë. 649 00:27:13,040 --> 00:27:16,004 Dhe ata janë të vetmit ajo ndonjëherë do të aplikojë për të. 650 00:27:16,004 --> 00:27:17,755 Unë nuk e di nëse ju të ketë një mënyrë më të mirë of-- 651 00:27:17,755 --> 00:27:19,504 Tomas Reimers: Kështu që unë me mend rrugën për të menduar 652 00:27:19,504 --> 00:27:22,440 lidhje me këtë është të mbani mend se si para ne lloj i pëlqen të vënë ato së bashku. 653 00:27:22,440 --> 00:27:26,340 Dhe pastaj kjo do të thotë një element që ndeshjet të gjitha këto. 654 00:27:26,340 --> 00:27:29,530 Çfarë kjo është thënë është, unë doni ju që të shkojë gjithçka 655 00:27:29,530 --> 00:27:33,220 brenda some-- unë dua ju për të gjetur një përzgjedhës. 656 00:27:33,220 --> 00:27:35,670 Dhe pastaj brenda se, unë dua ju që të shkojë me gjëra të reja. 657 00:27:35,670 --> 00:27:36,170 E drejtë? 658 00:27:36,170 --> 00:27:40,900 Pra në CSS, kjo është e gjitha në lidhje me lloj duke qenë në gjendje që të shkojë me këto objekte. 659 00:27:40,900 --> 00:27:43,050 Dhe ju mund të provoni që të shkojë artikuj brenda sende të tjera. 660 00:27:43,050 --> 00:27:46,510 >> Pra, le të bëjë në fakt një shembull, dhe ne mendojmë se do të qartësojë. 661 00:27:46,510 --> 00:27:53,090 Pra, le të pretendojë ne kemi të veçantë, special goxha, çfarëdo. 662 00:27:53,090 --> 00:27:55,690 Dhe pastaj ne kemi një lidhje, OK? 663 00:27:55,690 --> 00:27:59,780 664 00:27:59,780 --> 00:28:02,370 Pra mbani mend, a është një lidhje. 665 00:28:02,370 --> 00:28:03,900 Kjo nuk do të shkojnë kudo. 666 00:28:03,900 --> 00:28:11,500 Dhe ne jemi duke shkuar për të dhënë atë Lidhje klasë, I guess. 667 00:28:11,500 --> 00:28:13,335 Le të jap atë e class-- më jepni një ide. 668 00:28:13,335 --> 00:28:14,460 ALLISON BUCHHOLTZ-AU: Best. 669 00:28:14,460 --> 00:28:16,420 Tomas Reimers: Coo-- le të shkoj kjo klasë goxha. 670 00:28:16,420 --> 00:28:16,930 Përse jo? 671 00:28:16,930 --> 00:28:17,971 >> ALLISON BUCHHOLTZ-AU: OK. 672 00:28:17,971 --> 00:28:23,040 Tomas Reimers: Pra, gjërat tani goxha 673 00:28:23,040 --> 00:28:26,000 do të bëjnë sfond blu, ngjyra e sfondit e salmon. 674 00:28:26,000 --> 00:28:27,969 Kjo ka kuptim. 675 00:28:27,969 --> 00:28:28,760 Dhe në qoftë se ne bëjmë this-- 676 00:28:28,760 --> 00:28:29,620 >> ALLISON BUCHHOLTZ-AU: A doni të shtoni tekstin 677 00:28:29,620 --> 00:28:31,078 kështu hyperlink në të vërtetë tregon deri? 678 00:28:31,078 --> 00:28:35,088 Tomas Reimers: Kjo do të ishte një thirrje e mirë. 679 00:28:35,088 --> 00:28:37,921 ALLISON BUCHHOLTZ-AU: 'e drejtë Cause tani ne jemi vetëm gonna të merrni asgjë. 680 00:28:37,921 --> 00:28:39,690 Tomas Reimers: Pra kjo është një lidhje. 681 00:28:39,690 --> 00:28:42,202 "Kjo është një lidhje". 682 00:28:42,202 --> 00:28:45,820 Oh, dhe kjo është duke shkuar të jetë një tjetër lidhje. 683 00:28:45,820 --> 00:28:47,280 Le të dhënë atë të klasës "cool". 684 00:28:47,280 --> 00:28:50,295 Ju jeni të drejtë. 685 00:28:50,295 --> 00:28:50,795 Ftohtë. 686 00:28:50,795 --> 00:28:53,590 687 00:28:53,590 --> 00:28:56,010 Kështu që tani për tani ne jemi duke shkuar për të rrëmbyer këtë. 688 00:28:56,010 --> 00:28:57,269 Ne jemi duke shkuar për të hedhur një të tillë. 689 00:28:57,269 --> 00:28:59,060 Ne kemi një në tag special, dhe ne gjithashtu 690 00:28:59,060 --> 00:29:01,150 do të kemi një në të bukur tag. 691 00:29:01,150 --> 00:29:05,449 Dhe tani ajo që ne jemi duke shkuar për bëni është që ne jemi duke shkuar për të bërë cool-- 692 00:29:05,449 --> 00:29:06,490 çfarë ne duam që ajo të bëj? 693 00:29:06,490 --> 00:29:10,347 694 00:29:10,347 --> 00:29:12,180 ALLISON BUCHHOLTZ-AU: A mund ta bëjë atë më të mëdha? 695 00:29:12,180 --> 00:29:13,800 Tomas Reimers: Le të jepte një kufi. 696 00:29:13,800 --> 00:29:14,840 ALLISON BUCHHOLTZ-AU: Ne mund të kufirit. 697 00:29:14,840 --> 00:29:15,673 Tomas Reimers: Po. 698 00:29:15,673 --> 00:29:18,560 Pra, ne jemi duke shkuar për të bërë diçka si, is-- kufirit dhe ne jemi 699 00:29:18,560 --> 00:29:20,971 shkuar për të shpjeguar këtë të gjithë në një të dytë. 700 00:29:20,971 --> 00:29:21,470 Për now-- 701 00:29:21,470 --> 00:29:24,592 >> ALLISON BUCHHOLTZ-AU: Për modelin kuti. 702 00:29:24,592 --> 00:29:27,300 Tomas Reimers: Por tani për tani, ne jemi vetëm duke shkuar për të dhënë atë një kufi. 703 00:29:27,300 --> 00:29:29,580 Pra, çka do të thotë është se ju jeni do të shohim këto lidhje. 704 00:29:29,580 --> 00:29:32,788 Dhe ju do të jeni për të parë se ata kanë këto, si, kufijtë shëmtuara të zeza, të cilat 705 00:29:32,788 --> 00:29:33,820 është e ftohtë. 706 00:29:33,820 --> 00:29:34,500 >> ALLISON BUCHHOLTZ-AU: Faqja jonë e internetit është aq e bukur. 707 00:29:34,500 --> 00:29:35,333 >> Tomas Reimers: Po. 708 00:29:35,333 --> 00:29:38,930 Faqja jonë e internetit është awesome. 709 00:29:38,930 --> 00:29:41,585 Pra, këto dy janë lidhje, dhe ato shfaqen. 710 00:29:41,585 --> 00:29:44,160 Tani le të pretendojë I vetëm të kërkuar për të bërë këtë 711 00:29:44,160 --> 00:29:50,072 në qoftë se ajo nuk ishte brenda diçka e cila kishte një sfond të salmon. 712 00:29:50,072 --> 00:29:52,280 Pra, mos harroni se ky ka një sfond të salmon, 713 00:29:52,280 --> 00:29:54,000 sepse është i klasës të bukur. 714 00:29:54,000 --> 00:29:59,777 >> Por ne duam të themi se vetëm fitilin të cilat janë në klasë të veçantë, jo në klasë 715 00:29:59,777 --> 00:30:02,890 goxha, duhet të keni se kufirit. 716 00:30:02,890 --> 00:30:12,549 E pra, çfarë ju mund të bëni është që ju Mund të them, kushtet speciale, hapësirë, .cool. 717 00:30:12,549 --> 00:30:15,590 Dhe çfarë që e bën, kur ju mendoni për këtë, është ajo e në thelb duke thënë: 718 00:30:15,590 --> 00:30:19,530 OK, gjeni mua çdo gjë që përputhet special. 719 00:30:19,530 --> 00:30:24,104 Pastaj brenda atyre tags, gjeni mua çdo gjë që është e ftohtë. 720 00:30:24,104 --> 00:30:27,270 ALLISON BUCHHOLTZ-AU: Pra, një mënyrë tjetër që mund të jetë e mirë për të menduar për këtë, 721 00:30:27,270 --> 00:30:29,810 duke e çuar atë në C, është ashtu si idenë e fushës. 722 00:30:29,810 --> 00:30:34,020 Pra, kur ju keni disa përzgjedhës, si ato 723 00:30:34,020 --> 00:30:38,460 që ne kemi qenë duke punuar për para kësaj, tërë web faqen tuaj, të gjithë të HTML tuaj 724 00:30:38,460 --> 00:30:40,180 është brenda fushëveprimit tuaj, apo jo? 725 00:30:40,180 --> 00:30:43,090 Por, kur kemi këto marrëdhëniet prind-fëmijë, 726 00:30:43,090 --> 00:30:47,130 kjo është si në qoftë se ju jeni duke ngushtimi ku ju jeni duke kërkuar për një vend të veçantë, 727 00:30:47,130 --> 00:30:50,540 si në qoftë se, si, ne jemi duke shikuar brenda një funksion specifik në vend 728 00:30:50,540 --> 00:30:52,007 i skedarit tonë të gjithë. 729 00:30:52,007 --> 00:30:55,090 Audienca: Pra, me këtë në mendje, do të ajo të kishte rëndësi nëse ne kishim changed-- 730 00:30:55,090 --> 00:30:56,423 ALLISON BUCHHOLTZ-AU: Urdhri? 731 00:30:56,423 --> 00:30:59,320 AUDIENCA: --the klasë në CSS të .cool, hapësirë, kushtet speciale? 732 00:30:59,320 --> 00:31:01,153 ALLISON BUCHHOLTZ-AU: Po, sepse atëherë kjo 733 00:31:01,153 --> 00:31:04,420 do të thoja, fushëveprimi atë për çdo gjë që ka të ftohtë, 734 00:31:04,420 --> 00:31:07,235 dhe pastaj të shohim në çfarë has-- Unë do të thotë, si, në këtë rast, 735 00:31:07,235 --> 00:31:08,860 Unë nuk mendoj se kjo do të kishte ndryshuar atë. 736 00:31:08,860 --> 00:31:10,318 >> Tomas Reimers: Po të kishim thënë çfarë? 737 00:31:10,318 --> 00:31:10,906 Më vjen keq. 738 00:31:10,906 --> 00:31:12,660 >> ALLISON BUCHHOLTZ-AU: Nëse ne Shtrirja atë të ftohtë dhe pastaj 739 00:31:12,660 --> 00:31:14,550 shikoni për gjëra nga i veçantë, ajo do të jetë e njëjtë, në të vërtetë. 740 00:31:14,550 --> 00:31:16,260 >> Tomas Reimers: Pra, ajo nuk do të jetë. 741 00:31:16,260 --> 00:31:16,590 >> ALLISON BUCHHOLTZ-AU: Kjo nuk do? 742 00:31:16,590 --> 00:31:17,590 Oh, oh mirë. 743 00:31:17,590 --> 00:31:18,090 Unë jam i gabuar. 744 00:31:18,090 --> 00:31:21,480 >> Tomas Reimers: Pra arsyeja kjo është different-- mistake-- i zakonshëm 745 00:31:21,480 --> 00:31:27,140 është se tani vetëm lidhje ka ftohtë, e drejtë? 746 00:31:27,140 --> 00:31:32,176 I guess pyetja ime për ju djema është, çfarë në këtë faqe po kompletohet nga .cool? 747 00:31:32,176 --> 00:31:35,984 748 00:31:35,984 --> 00:31:38,340 Ka dy tags këtu, apo jo? 749 00:31:38,340 --> 00:31:39,770 Cili është ky njeri dhe ky njeri. 750 00:31:39,770 --> 00:31:40,590 Të dy ndeshje cool. 751 00:31:40,590 --> 00:31:42,200 Asgjë tjetër bën. 752 00:31:42,200 --> 00:31:46,460 Pra, nëse ju tha, .cool, hapësirë, kushtet speciale, ajo që ju jeni do të them është, 753 00:31:46,460 --> 00:31:48,824 brenda këtyre tags, çfarë është e veçantë? 754 00:31:48,824 --> 00:31:49,865 ALLISON BUCHHOLTZ-AU: Hm. 755 00:31:49,865 --> 00:31:51,800 Kjo është ajo që it-- e drejtë. 756 00:31:51,800 --> 00:31:52,310 Sepse kjo është si vetëm diçka këtu. 757 00:31:52,310 --> 00:31:53,310 >> Tomas Reimers: Pra, ajo zgjedh asgjë. 758 00:31:53,310 --> 00:31:56,530 >> ALLISON BUCHHOLTZ-AU: Ndërsa me të veçantë, ne jemi brenda këtyre tags këtu. 759 00:31:56,530 --> 00:31:57,971 >> Tomas Reimers: Ata dhe ato. 760 00:31:57,971 --> 00:31:58,512 AUDIENCA: OK. 761 00:31:58,512 --> 00:31:58,920 Pra, këto tags nga sulmues çaj? 762 00:31:58,920 --> 00:31:59,740 >> Tomas Reimers: Po. 763 00:31:59,740 --> 00:32:01,150 A ka kjo kuptim? 764 00:32:01,150 --> 00:32:03,685 Si është në thelb duke u përpjekur për të ngushtuar qëllimin. 765 00:32:03,685 --> 00:32:04,810 ALLISON BUCHHOLTZ-AU: Po. 766 00:32:04,810 --> 00:32:06,870 Unë mendoj se është ndoshta Mënyra më e lehtë për të menduar për këtë. 767 00:32:06,870 --> 00:32:09,270 >> Tomas Reimers: Pra, kemi gjetur këtë, dhe kemi gjetur kjo të dy krahasohen veçantë. 768 00:32:09,270 --> 00:32:11,400 Dhe atëherë ne jemi duke i kërkuar, brenda këta njerëz, çfarë është e ftohtë? 769 00:32:11,400 --> 00:32:12,941 Dhe brenda këtij njërit, flladin e këtij dikujt. 770 00:32:12,941 --> 00:32:14,500 Në kuadër të kësaj një, asgjë nuk është e ftohtë. 771 00:32:14,500 --> 00:32:16,250 Pra, kjo është vetëm tag që mbetet. 772 00:32:16,250 --> 00:32:20,112 >> ALLISON BUCHHOLTZ-AU: Ndërsa ftohtë është vetëm brenda këtyre a tags atje. 773 00:32:20,112 --> 00:32:21,070 Tomas Reimers: Pikërisht. 774 00:32:21,070 --> 00:32:22,403 Dhe çfarë është i veçantë brenda ato? 775 00:32:22,403 --> 00:32:22,930 Asgjë. 776 00:32:22,930 --> 00:32:25,270 Tani, ajo që unë do të them është në qoftë se nuk kishte hapësirë, 777 00:32:25,270 --> 00:32:29,880 ju jeni duke i kërkuar se çfarë është e ftohtë dhe special-- apo çfarë është goxha dhe të veçanta, apo jo? 778 00:32:29,880 --> 00:32:35,370 Nëse ju them .special.pretty, kjo është njëjtë si .pretty.special. 779 00:32:35,370 --> 00:32:39,220 >> Sepse çfarë të hiqni hapësirë ​​është duke i kërkuar është, kur ju thoni kushtet speciale, 780 00:32:39,220 --> 00:32:40,970 ju jeni duke kërkuar, OK, që ato janë të veçanta? 781 00:32:40,970 --> 00:32:43,780 Dhe pastaj e atyre, që ato janë gjithashtu goxha, 782 00:32:43,780 --> 00:32:47,010 cili është i njëjtë, gramatikisht, si pyetur, çfarë është goxha, 783 00:32:47,010 --> 00:32:49,500 dhe pastaj nga ata, çfarë është edhe i veçantë? 784 00:32:49,500 --> 00:32:50,000 E drejtë? 785 00:32:50,000 --> 00:32:53,099 Kjo është diferenca e çfarë është brenda çfarë është. 786 00:32:53,099 --> 00:32:53,640 AUDIENCA: OK. 787 00:32:53,640 --> 00:32:54,473 Tomas Reimers: Po. 788 00:32:54,473 --> 00:32:56,670 789 00:32:56,670 --> 00:32:58,030 Awesome. 790 00:32:58,030 --> 00:33:00,426 Pra, me këtë në mendje then-- 791 00:33:00,426 --> 00:33:01,800 >> ALLISON BUCHHOLTZ-AU: Unë mendoj kaluar ynë gjë është (IN dashuroj BRITISH Accent) 792 00:33:01,800 --> 00:33:02,510 modeli kuti. 793 00:33:02,510 --> 00:33:05,992 >> Tomas Reimers: box-- [Chuckles] Unë e dua mënyrën Allison thotë se. 794 00:33:05,992 --> 00:33:06,950 Pra modelin kuti gjë. 795 00:33:06,950 --> 00:33:09,644 >> ALLISON BUCHHOLTZ-AU: Vetëm kanë një kuti, unë do të jetë modeli juaj kuti. 796 00:33:09,644 --> 00:33:11,310 Tomas Reimers: Pra, le të flasim për këtë. 797 00:33:11,310 --> 00:33:14,070 Deri tani ne kemi shpenzuar shumë e kohës duke folur për selektorë. 798 00:33:14,070 --> 00:33:16,944 Deri tani, ju djema ndoshta janë, si, mjeshtra të selectors-- ju e dini, 799 00:33:16,944 --> 00:33:21,510 si për të zgjedhur saktësisht përmbajtjen që ju doni për të manipuluar në ekranin tuaj. 800 00:33:21,510 --> 00:33:24,740 >> Pra, tani pyetja është, si saktësisht mund të manipulojnë atë? 801 00:33:24,740 --> 00:33:27,010 Kështu që unë mendoj më themelore mënyrë për të menduar për atë 802 00:33:27,010 --> 00:33:30,294 është, mirë, çfarë saktësisht është një element në CSS? 803 00:33:30,294 --> 00:33:32,585 Ne kemi shpenzuar shumë kohë duke folur për, çfarë është një tag, 804 00:33:32,585 --> 00:33:36,140 apo çfarë është më themelore përfaqësim i një tag? 805 00:33:36,140 --> 00:33:39,870 806 00:33:39,870 --> 00:33:45,170 >> Një mënyrë e mirë për të menduar për që është, çfarë formë është salmon? 807 00:33:45,170 --> 00:33:47,295 Çfarë formë është, si, sfond salmon ngjyrë? 808 00:33:47,295 --> 00:33:47,880 >> AUDIENCA: Kjo është një drejtkëndësh. 809 00:33:47,880 --> 00:33:49,040 >> Tomas Reimers: Kjo është një drejtkëndësh, e drejtë? 810 00:33:49,040 --> 00:33:50,956 >> ALLISON BUCHHOLTZ-AU: Nuk ishte një pyetje mashtrim. 811 00:33:50,956 --> 00:33:51,870 [Qeshura] 812 00:33:51,870 --> 00:33:54,670 >> Tomas Reimers: Jo duke u përpjekur për mashtrim ju djema kjo vonë. 813 00:33:54,670 --> 00:33:57,510 Pra, ne e kemi këtë drejtkëndësh. 814 00:33:57,510 --> 00:33:59,140 Dhe tag është një p, e drejtë? 815 00:33:59,140 --> 00:34:02,280 Kështu që na jep të mira Besimi se paragrafi 816 00:34:02,280 --> 00:34:07,440 është e përfaqësuar si një drejtkëndësh, në paktën në mendjen e shfletuesit, i cili 817 00:34:07,440 --> 00:34:08,715 ajo është. 818 00:34:08,715 --> 00:34:11,423 >> ALLISON BUCHHOLTZ-AU: Unë do të thotë, shfletues janë zakonisht drejtkëndëshe, 819 00:34:11,423 --> 00:34:13,440 kështu që ka kuptim. 820 00:34:13,440 --> 00:34:18,750 >> Tomas Reimers: Ideja këtu është se të gjithë tags brenda CSS 821 00:34:18,750 --> 00:34:21,790 janë të përfaqësuara si një drejtkëndësh. 822 00:34:21,790 --> 00:34:25,699 Dhe çdo drejtkëndësh ka katër pjesë sipas CSS, OK? 823 00:34:25,699 --> 00:34:27,830 Ju keni përmbajtjen aktuale. 824 00:34:27,830 --> 00:34:29,644 Kjo është ku teksti qëndron. 825 00:34:29,644 --> 00:34:30,470 >> ALLISON BUCHHOLTZ-AU: Ndoshta foto e juaj. 826 00:34:30,470 --> 00:34:31,303 >> Tomas Reimers: Po. 827 00:34:31,303 --> 00:34:33,860 Ju kanë mbushje, i cili është vetëm një lloj hapësirë ​​të bardhë. 828 00:34:33,860 --> 00:34:35,085 Atëherë ju keni një kufi. 829 00:34:35,085 --> 00:34:37,710 Dhe pastaj ju keni diferencë, e cila është hapësirë ​​e bardhë jashtë e që. 830 00:34:37,710 --> 00:34:39,460 Kështu që nuk ka kuptim për të gjithë, kështu që ne jemi 831 00:34:39,460 --> 00:34:42,500 do të flasim për atë për një të dytë. 832 00:34:42,500 --> 00:34:47,570 Pra të drejtë këtu, ajo që ne jemi duke shkuar për të bërë po ne jemi duke shkuar për të krijuar disa divs, OK? 833 00:34:47,570 --> 00:34:48,420 Më falni ndërsa I-- 834 00:34:48,420 --> 00:34:51,506 >> ALLISON BUCHHOLTZ-AU: Ndjehem pëlqen ne duhet të vënë një foto të bukur në. 835 00:34:51,506 --> 00:34:52,520 >> Tomas Reimers: Ne patjetër duhet. 836 00:34:52,520 --> 00:34:53,389 >> ALLISON BUCHHOLTZ-AU: Ndjehem si gjithë të 837 00:34:53,389 --> 00:34:54,870 mund të përfitojnë nga një foto e bukur, është e gjitha. 838 00:34:54,870 --> 00:34:56,774 >> Tomas Reimers: A mund të të gjithë përfitojnë nga a-- 839 00:34:56,774 --> 00:34:57,648 >> AUDIENCA: Po, i sigurt. 840 00:34:57,648 --> 00:34:58,790 Tomas Reimers: OK, cool. 841 00:34:58,790 --> 00:35:02,254 Pra, ne duhet të vënë një cute foto në diku. 842 00:35:02,254 --> 00:35:05,295 ALLISON BUCHHOLTZ-AU: Ndjehem si një lepur bukur mund të jetë e dobishme tani. 843 00:35:05,295 --> 00:35:06,190 Tomas Reimers: Sigurisht. 844 00:35:06,190 --> 00:35:06,950 ALLISON BUCHHOLTZ-AU: Fundi i javës. 845 00:35:06,950 --> 00:35:07,390 Kanë diçka adorab-- 846 00:35:07,390 --> 00:35:08,520 >> Tomas Reimers: Si bout një kotele? 847 00:35:08,520 --> 00:35:09,220 >> ALLISON BUCHHOLTZ-AU: Një kotele punon, too. 848 00:35:09,220 --> 00:35:11,300 >> Tomas Reimers: Cool, sepse ka një vend për këtë. 849 00:35:11,300 --> 00:35:12,300 Ajo që quhet PlaceKitten. 850 00:35:12,300 --> 00:35:14,719 ALLISON BUCHHOLTZ-AU: Kjo është e madhe. 851 00:35:14,719 --> 00:35:15,510 Tomas Reimers: Po. 852 00:35:15,510 --> 00:35:18,040 ALLISON BUCHHOLTZ-AU: Vetëm për, si, images placeholder në faqen tuaj te internetit. 853 00:35:18,040 --> 00:35:18,914 Tomas Reimers: Mm-hm. 854 00:35:18,914 --> 00:35:21,520 Ka gjithashtu PlacePuppy. 855 00:35:21,520 --> 00:35:22,832 Dhe nuk ka PlaceBacon. 856 00:35:22,832 --> 00:35:24,340 >> ALLISON BUCHHOLTZ-AU: PlaceBacon? 857 00:35:24,340 --> 00:35:25,350 Really? 858 00:35:25,350 --> 00:35:28,190 >> Tomas Reimers: Oh, ne nuk bëjmë kanë qasje në internet këtu. 859 00:35:28,190 --> 00:35:29,875 >> ALLISON BUCHHOLTZ-AU: [rënkimet] 860 00:35:29,875 --> 00:35:30,375 Tragjike. 861 00:35:30,375 --> 00:35:32,333 Tomas Reimers: Në rast të kundërt, Unë do të ju tregojnë djema 862 00:35:32,333 --> 00:35:33,870 si për të vënë imazhet në faqen tuaj te internetit. 863 00:35:33,870 --> 00:35:36,370 Ne jemi duke shkuar për të përpiqen për të marrë këtë pune para se ne duhet të shkojmë. 864 00:35:36,370 --> 00:35:38,660 Por tani për tani, ne jemi vetëm do të flasim në ngjyra pastaj. 865 00:35:38,660 --> 00:35:39,820 Ne duam të vënë fotot e kittens-- 866 00:35:39,820 --> 00:35:40,210 >> ALLISON BUCHHOLTZ-AU: Ne e bëmë. 867 00:35:40,210 --> 00:35:43,110 >> Tomas Reimers: --the internet-së poshtë për momentin të qenë. 868 00:35:43,110 --> 00:35:47,820 Pra, ne kemi dy divs, dhe ne jemi duke shkuar për t'i dhënë atyre dy IDS. 869 00:35:47,820 --> 00:35:51,380 870 00:35:51,380 --> 00:35:56,760 Ne jemi duke shkuar për të thirrur atë "I parë" dhe "i dytë". 871 00:35:56,760 --> 00:36:01,184 Pra id = "parë". 872 00:36:01,184 --> 00:36:02,850 Dhe ne jemi duke shkuar për t'i dhënë atyre dy ngjyra. 873 00:36:02,850 --> 00:36:08,424 Pra, si nuk kemi të zgjidhni diçka me një id të "parë"? 874 00:36:08,424 --> 00:36:09,840 ALLISON BUCHHOLTZ-AU: Dot apo hash? 875 00:36:09,840 --> 00:36:10,730 AUDIENCA: Sharp. 876 00:36:10,730 --> 00:36:12,940 Tomas Reimers: Sharp, të përsosur. 877 00:36:12,940 --> 00:36:14,950 Sharp, hash, çfarëdo we-- 878 00:36:14,950 --> 00:36:15,680 >> ALLISON BUCHHOLTZ-AU: Shumë gjëra për të thirrur atë. 879 00:36:15,680 --> 00:36:16,430 >> Tomas Reimers: OK. 880 00:36:16,430 --> 00:36:19,800 Ne jemi duke shkuar për të zgjidhur më hashtag, dhe kjo është ajo që ne jemi duke shkuar për të shkuar me të. 881 00:36:19,800 --> 00:36:20,300 OK? 882 00:36:20,300 --> 00:36:20,735 >> ALLISON BUCHHOLTZ-AU: hashtag. 883 00:36:20,735 --> 00:36:22,340 >> Tomas Reimers: Pra hashtag-së parë. 884 00:36:22,340 --> 00:36:24,506 >> ALLISON BUCHHOLTZ-AU: Pra ju mund të cicëroj seminar-- 885 00:36:24,506 --> 00:36:27,582 CSS hashtag, hashtag cool. 886 00:36:27,582 --> 00:36:29,040 Tomas Reimers: hashtag Awesomeness. 887 00:36:29,040 --> 00:36:30,730 ALLISON BUCHHOLTZ-AU: Hashtag Awesomeness, po. 888 00:36:30,730 --> 00:36:31,480 Tomas Reimers: OK. 889 00:36:31,480 --> 00:36:33,660 Pra, ne kemi "e parë" dhe "të dytë." 890 00:36:33,660 --> 00:36:37,697 Pra, së pari, ne do të kemi një ngjyrë sfond të kuq. 891 00:36:37,697 --> 00:36:39,030 ALLISON BUCHHOLTZ-AU: Uh, zorrës së trashë. 892 00:36:39,030 --> 00:36:40,281 Tomas Reimers: Yup. 893 00:36:40,281 --> 00:36:42,281 ALLISON BUCHHOLTZ-AU: Do të jetë e juaj spot-checker. 894 00:36:42,281 --> 00:36:43,960 Tomas Reimers: Allison-së mori mua. 895 00:36:43,960 --> 00:36:45,830 Background-color i blue-- 896 00:36:45,830 --> 00:36:46,810 >> Tomas Reimers: Purple! 897 00:36:46,810 --> 00:36:47,726 >> Tomas Reimers: Purple. 898 00:36:47,726 --> 00:36:48,830 ALLISON BUCHHOLTZ-AU: Po. 899 00:36:48,830 --> 00:36:50,630 Purple-së ngjyra ime e preferuar, dhe ne nuk e kanë përdorur atë ende. 900 00:36:50,630 --> 00:36:51,546 >> Tomas Reimers: Violet. 901 00:36:51,546 --> 00:36:53,361 ALLISON BUCHHOLTZ-AU: Violet. 902 00:36:53,361 --> 00:36:53,860 Që punon. 903 00:36:53,860 --> 00:36:56,482 904 00:36:56,482 --> 00:36:59,880 >> Tomas Reimers: Pra, ne jemi do të ketë dy divs. 905 00:36:59,880 --> 00:37:01,654 Ata do të jetë krejtësisht bosh. 906 00:37:01,654 --> 00:37:03,070 Ne ndoshta duhet të ketë disa tekst. 907 00:37:03,070 --> 00:37:05,580 908 00:37:05,580 --> 00:37:09,815 Pra, "i parë" do të jetë "HELLO". 909 00:37:09,815 --> 00:37:10,940 Dhe "i dytë" do të say-- 910 00:37:10,940 --> 00:37:11,110 >> ALLISON BUCHHOLTZ-AU: Mirupafshim. 911 00:37:11,110 --> 00:37:12,514 >> AUDIENCA: - "WORLD." 912 00:37:12,514 --> 00:37:14,122 Përshëndetje, lamtumirë. 913 00:37:14,122 --> 00:37:16,580 ALLISON BUCHHOLTZ-AU: Pashë ata në koncert javë të tjera. 914 00:37:16,580 --> 00:37:17,705 Tomas Reimers: The Beatles? 915 00:37:17,705 --> 00:37:20,242 ALLISON BUCHHOLTZ-AU: Për reals. 916 00:37:20,242 --> 00:37:21,200 Ata nuk janë që e madhe. 917 00:37:21,200 --> 00:37:24,084 918 00:37:24,084 --> 00:37:24,750 Unë nuk e pëlqen atë. 919 00:37:24,750 --> 00:37:26,060 >> Tomas Reimers: Ne kemi "HELLO" dhe "Mirupafshim". 920 00:37:26,060 --> 00:37:29,102 Dhe përsëri, CSS është vetëm awesome, sepse ajo njeh ngjyrat tona. 921 00:37:29,102 --> 00:37:30,810 A nuk duhet të edhe shqetësohen se ato ekzistojnë. 922 00:37:30,810 --> 00:37:33,194 Ata e bëjnë. 923 00:37:33,194 --> 00:37:35,130 >> ALLISON BUCHHOLTZ-AU: Ato ekzistojnë. 924 00:37:35,130 --> 00:37:39,560 >> Tomas Reimers: Pra CSS unë mendoj ka 255 fjalë për të folur për ngjyra. 925 00:37:39,560 --> 00:37:42,986 Nëse ju mund të mendoni për një ngjyrë jashtë ato 255, si, unë do të impresionuar. 926 00:37:42,986 --> 00:37:44,110 ALLISON BUCHHOLTZ-AU: Po. 927 00:37:44,110 --> 00:37:45,560 Unë mendoj se ju djema mund të ketë të vijë vetëm në të drejtë pas. 928 00:37:45,560 --> 00:37:47,727 >> Tomas Reimers: Pra këtu, ju do të shihni ne kemi dy kuti 929 00:37:47,727 --> 00:37:49,143 e drejtë në krye të njëri-tjetrit, apo jo? 930 00:37:49,143 --> 00:37:50,200 HELLO dhe lamtumirë. 931 00:37:50,200 --> 00:37:51,460 >> ALLISON BUCHHOLTZ-AU: Nuk ka hapësirë ​​në mes. 932 00:37:51,460 --> 00:37:53,390 Ata janë vetëm smooshed e drejtë në krye të njëri-tjetrit. 933 00:37:53,390 --> 00:37:55,973 >> Tomas Reimers: Pra, gjëja e parë Unë mendoj që ne duhet të flasim për 934 00:37:55,973 --> 00:38:02,960 është le të edhe say-- vërtet. 935 00:38:02,960 --> 00:38:08,020 Pra, CSS paraqet ato si lloj të kutive. 936 00:38:08,020 --> 00:38:10,100 Dhe si kuti, ata kanë përmbajtje. 937 00:38:10,100 --> 00:38:14,540 Dhe përmbajtja e drejtë tani është lloj i HELLO ose Mirupafshim dhe kjo është ajo. 938 00:38:14,540 --> 00:38:15,040 OK? 939 00:38:15,040 --> 00:38:19,790 >> Pra, një nga gjërat e para që ju mund të bëni është që ju mund të shtoni mbushje. 940 00:38:19,790 --> 00:38:25,610 Mbushje thotë hapësirë ​​sa më shumë ajo duhet të largohen në çdo anë. 941 00:38:25,610 --> 00:38:29,200 Pra, le të thonë se unë dua të them 10 pixels në çdo anë. 942 00:38:29,200 --> 00:38:31,234 Dhe unë do të pres që në një të dytë. 943 00:38:31,234 --> 00:38:33,150 ALLISON BUCHHOLTZ-AU: Të gjitha këto gjëra këtu 944 00:38:33,150 --> 00:38:36,980 do të jetë kryesisht në pixel për pjesën tjetër të seminarit. 945 00:38:36,980 --> 00:38:40,980 Ju jeni do të shohim se ajo ka disa hapësira rreth tij, e drejtë? 946 00:38:40,980 --> 00:38:46,360 Pra, çfarë ju nuk e shihni këtu është se ka ky lloj i padukshëm i mbushje 947 00:38:46,360 --> 00:38:49,600 në çdo anë, e cila thotë, si, OK, ju keni kutinë tuaj të content-- 948 00:38:49,600 --> 00:38:51,680 >> ALLISON BUCHHOLTZ-AU: A doni për të vetëm të tërheq lart inspektojë element? 949 00:38:51,680 --> 00:38:53,659 >> Tomas Reimers: Po, kjo është një ide e mirë. 950 00:38:53,659 --> 00:38:56,700 ALLISON BUCHHOLTZ-AU: Gjithashtu, unë gjej që të inspektojë element është një mënyrë e mirë 951 00:38:56,700 --> 00:39:01,280 të kuptoj se nëse diçka është duke shkuar gabuar, diçka e papritur ndodh, 952 00:39:01,280 --> 00:39:04,570 inspektimin tags dhe duke parë atë kjo është si overwritten është e dobishme. 953 00:39:04,570 --> 00:39:05,940 >> Tomas Reimers: Kështu që unë nuk jam i sigurt në qoftë se ju djema mund të shihni këtë ngjyrë. 954 00:39:05,940 --> 00:39:06,470 Mund të ju? 955 00:39:06,470 --> 00:39:10,120 Ju do të shihni këtë mbushje në llojin e buzë. 956 00:39:10,120 --> 00:39:13,410 Dhe pastaj ju shihni aktual Përmbajtja në blu, e drejtë? 957 00:39:13,410 --> 00:39:16,820 Pra, kjo është shumë e bazat e modelit kuti. 958 00:39:16,820 --> 00:39:17,674 Ju keni përmbajtjen. 959 00:39:17,674 --> 00:39:18,590 Pastaj ju keni mbushje. 960 00:39:18,590 --> 00:39:20,440 >> AUDIENCA: Pse nuk ju vetëm përdorni kutinë brenda the-- 961 00:39:20,440 --> 00:39:21,606 >> ALLISON BUCHHOLTZ-AU: E drejta. 962 00:39:21,606 --> 00:39:24,745 Për shkak se ajo është vetëm zgjedhjen element tani. 963 00:39:24,745 --> 00:39:26,050 >> Tomas Reimers: Yup. 964 00:39:26,050 --> 00:39:27,060 Gjëra të tjera. 965 00:39:27,060 --> 00:39:29,780 Pra, le të flasim për atë komandë mbushje për një të dytë. 966 00:39:29,780 --> 00:39:36,380 Pra, në CSS, matjet duhet të kemi një njësi. 967 00:39:36,380 --> 00:39:39,740 Pra, së pari ju keni shumë. 968 00:39:39,740 --> 00:39:41,460 Pra në këtë rast, ne kemi thënë 10. 969 00:39:41,460 --> 00:39:44,780 Dhe pastaj një tjetër ne kemi thënë është pixels, px. 970 00:39:44,780 --> 00:39:49,160 Ato të tjera ju mund të kemi janë gjëra të tilla si centimetra, inç. 971 00:39:49,160 --> 00:39:51,367 Ju mund të bëni gjëra të pëlqen, çfarë është 10 inç? 972 00:39:51,367 --> 00:39:52,700 Dhe kjo do të jetë qesharake. 973 00:39:52,700 --> 00:39:52,990 >> ALLISON BUCHHOLTZ-AU: Oh, djalë. 974 00:39:52,990 --> 00:39:53,460 >> AUDIENCA: Whoa. 975 00:39:53,460 --> 00:39:54,460 >> Tomas DHE ALLISON: Po. 976 00:39:54,460 --> 00:39:57,840 Tomas Reimers: Pra, kjo është e gjitha mbushje. 977 00:39:57,840 --> 00:39:59,255 Unë jam duke shkuar për të shkuar mbrapa në pixels. 978 00:39:59,255 --> 00:40:01,754 >> ALLISON BUCHHOLTZ-AU: Pixels priren të jenë, si, standardit. 979 00:40:01,754 --> 00:40:04,589 Kur ju shikoni në një shumë e faqeve, ata kryesisht punojnë në pixel. 980 00:40:04,589 --> 00:40:07,755 Tomas Reimers: Pra, ju jeni do të shoh ose pixels-- ato të tjera që shikoni 981 00:40:07,755 --> 00:40:13,952 është em, e cila është një em është e barabartë me lartësinë e shkronjave 982 00:40:13,952 --> 00:40:15,160 të cilat ju jeni duke përdorur. 983 00:40:15,160 --> 00:40:16,201 >> ALLISON BUCHHOLTZ-AU: Mm. 984 00:40:16,201 --> 00:40:17,574 985 00:40:17,574 --> 00:40:20,740 Tomas Reimers: Kjo është një mënyrë e mirë për të thënë, si, unë dua sa më shumë hapësirë ​​si font tim 986 00:40:20,740 --> 00:40:21,514 është duke marrë. 987 00:40:21,514 --> 00:40:23,180 ALLISON BUCHHOLTZ-AU: A nuk e di se. 988 00:40:23,180 --> 00:40:25,747 Ju mësoni diçka të re çdo ditë. 989 00:40:25,747 --> 00:40:27,955 Tomas Reimers: Ka një shumë e matjeve në CS. 990 00:40:27,955 --> 00:40:29,260 Unë sugjeroj që ju të shikoni ato. 991 00:40:29,260 --> 00:40:32,122 Për të gjitha rastet e tua, unë mendoj pixels duhet të jetë i mjaftueshëm. 992 00:40:32,122 --> 00:40:33,830 Dhe ata janë gjithashtu çfarë ju jeni do të shoh 993 00:40:33,830 --> 00:40:36,520 në shumicën e shembujve të bërë online. 994 00:40:36,520 --> 00:40:38,320 Pra, ne do të lënë atë në pixels. 995 00:40:38,320 --> 00:40:42,420 >> Ju gjithashtu mund të, unë duhet të say-- kështu grupe mbushje gjitha të paddings. 996 00:40:42,420 --> 00:40:49,789 Ju gjithashtu mund të bëjë diçka si "Padding-top" për të vetëm set-- 997 00:40:49,789 --> 00:40:52,080 ALLISON BUCHHOLTZ-AU: Ndoshta ne do të merrni tonë "Hello" shpinën. 998 00:40:52,080 --> 00:40:55,480 Tomas Reimers: --to vetëm vendosur mbushje në krye dhe asgjë tjetër. 999 00:40:55,480 --> 00:40:59,560 Pra të katër komandat janë mbushje-top, mbushje-fund, mbushje-la, 1000 00:40:59,560 --> 00:41:00,310 dhe mbushje të djathtë. 1001 00:41:00,310 --> 00:41:02,470 >> ALLISON BUCHHOLTZ-AU: Ashtu si ju do të presin për një kuti. 1002 00:41:02,470 --> 00:41:03,530 >> Tomas Reimers: Po. 1003 00:41:03,530 --> 00:41:05,240 Asgjë shumë i çmendur atje. 1004 00:41:05,240 --> 00:41:08,230 A ka kjo kuptim? 1005 00:41:08,230 --> 00:41:11,990 Kështu që është e mbushje. 1006 00:41:11,990 --> 00:41:14,110 Unë jam duke shkuar për të vendosur të gjithë të paddings mbrapa në 10. 1007 00:41:14,110 --> 00:41:17,010 Dhe atëherë unë jam duke shkuar për të lëvizur në kufi. 1008 00:41:17,010 --> 00:41:21,130 >> Pra, çfarë është kufiri është Kufiri është një komandë i pazakontë. 1009 00:41:21,130 --> 00:41:24,450 Ajo merr lloj të tre gjëra në të njëjtën kohë. 1010 00:41:24,450 --> 00:41:28,930 Pra, së pari është se si e madhe ju duan që ajo të jetë si një matje. 1011 00:41:28,930 --> 00:41:30,662 Përsëri, unë jam vetëm duke përdorur pixels. 1012 00:41:30,662 --> 00:41:32,620 Dhe gjëja e fundit që unë duhet të shtoni në matjet 1013 00:41:32,620 --> 00:41:35,270 është një gjë e cila nuk ka nevojë për një njësi është 0. 1014 00:41:35,270 --> 00:41:37,390 Kjo është në të vërtetë i gabuar për të dhënë 0 një njësi, 1015 00:41:37,390 --> 00:41:41,940 sepse 0 është 0 nëpër inç, pixels, centimetra, çfarëdo. 1016 00:41:41,940 --> 00:41:43,960 E gjitha do të thotë vetëm 0, e drejtë? 1017 00:41:43,960 --> 00:41:46,710 Pra, së pari ju t'i jepte matjes. 1018 00:41:46,710 --> 00:41:48,650 >> Pastaj ju dhënë atë stil. 1019 00:41:48,650 --> 00:41:49,869 Kështu që unë jam duke shkuar për të thënë "të ngurta". 1020 00:41:49,869 --> 00:41:51,410 Dhe ne do të flasim për atë që do të thotë. 1021 00:41:51,410 --> 00:41:54,290 Dhe pastaj së fundi, ju t'i jepte një ngjyrë. 1022 00:41:54,290 --> 00:41:56,850 Kështu që unë jam duke shkuar për të thënë "të zezë". 1023 00:41:56,850 --> 00:41:59,637 Dhe të gjitha këto janë gjëra që ne kemi tani parë më parë, me përjashtim të stilit, 1024 00:41:59,637 --> 00:42:00,720 por ne do të flasim për këtë. 1025 00:42:00,720 --> 00:42:04,120 Kështu që ju djema keni parë matje, dhe ju keni parë ngjyrat. 1026 00:42:04,120 --> 00:42:10,410 Dhe ajo që ndodh është që ne të merrni këtë Kufiri i bukur i zi rreth tij, e drejtë? 1027 00:42:10,410 --> 00:42:11,620 Ju djema të parë se si ne e bëmë këtë? 1028 00:42:11,620 --> 00:42:12,760 >> AUDIENCA: Po. 1029 00:42:12,760 --> 00:42:14,850 >> Tomas Reimers: Best. 1030 00:42:14,850 --> 00:42:17,370 Pra, çfarë është kjo? 1031 00:42:17,370 --> 00:42:19,160 Pra, para së gjithash, kjo është një pixel. 1032 00:42:19,160 --> 00:42:20,880 Kjo është e qartë sa duhet, apo jo? 1033 00:42:20,880 --> 00:42:23,254 Si, kjo është një pixel trasha. 1034 00:42:23,254 --> 00:42:26,170 Apo do të ishte një pixel, por unë jam i zoomed në, kështu që është pak më shumë 1035 00:42:26,170 --> 00:42:26,490 se kaq. 1036 00:42:26,490 --> 00:42:27,967 >> ALLISON BUCHHOLTZ-AU: Dhe ne kemi kjo rezolutë TV qesharake. 1037 00:42:27,967 --> 00:42:29,460 >> Tomas Reimers: Po. 1038 00:42:29,460 --> 00:42:33,640 Ju mund të bëjë atë më të mëdha, më të vogla, çfarëdo. 1039 00:42:33,640 --> 00:42:35,630 Kështu që këtu është një kufi dy-pixel. 1040 00:42:35,630 --> 00:42:38,810 Ju do të shihni se është dy herë më i trashë. 1041 00:42:38,810 --> 00:42:40,172 Gjë tjetër që ju duhet është ngjyra. 1042 00:42:40,172 --> 00:42:41,130 Kjo nuk është interesante. 1043 00:42:41,130 --> 00:42:42,710 Unë nuk jam duke shkuar për të folur për këtë, me të vërtetë. 1044 00:42:42,710 --> 00:42:45,110 >> ALLISON BUCHHOLTZ-AU: Por stil mund të jetë vetëm pak interesante. 1045 00:42:45,110 --> 00:42:45,980 >> Tomas Reimers: Po. 1046 00:42:45,980 --> 00:42:48,560 Pra stil, ka pak ato që unë shoh përdorur zakonisht. 1047 00:42:48,560 --> 00:42:55,690 Dikujt Parë e ngurta, njëra e ardhshme të me pika, dhe thye e dikujt të kaluar. 1048 00:42:55,690 --> 00:42:59,290 Dhe këtu është e pasur. 1049 00:42:59,290 --> 00:43:02,980 Ju do të shihni se ata janë të një bandë e dots, e drejtë? 1050 00:43:02,980 --> 00:43:09,030 Një mënyrë e mirë për të lloj të merrni një kufi të bukur shkuar, dashes janë gjithashtu goxha popullor. 1051 00:43:09,030 --> 00:43:11,580 1052 00:43:11,580 --> 00:43:13,600 >> ALLISON BUCHHOLTZ-AU: Dhe pastaj sigurisht, unë jam 1053 00:43:13,600 --> 00:43:16,660 i sigurt ka mjaft të tjera stilet që ju mund të merrni. 1054 00:43:16,660 --> 00:43:20,000 Dhe ne kemi një grup të madh të lidhjet në fund për ju djema 1055 00:43:20,000 --> 00:43:23,470 për të lloj të lexoj dhe shikoni në më ftohtë CSS. 1056 00:43:23,470 --> 00:43:25,954 >> Tomas Reimers: Dhe pastaj Gjëja e fundit, ne jemi 1057 00:43:25,954 --> 00:43:27,870 do të flasim për Modelet kuti vërtetë të shpejtë. 1058 00:43:27,870 --> 00:43:30,070 Oh, dhe pastaj të kufirit, tamam si mbushje, 1059 00:43:30,070 --> 00:43:33,270 ju gjithashtu keni gjëra të tilla si Kufiri-majtas, djathtas-kufitar, kufirit-top, 1060 00:43:33,270 --> 00:43:37,590 kufirit-fund, që të lejojë të ju për të marrë në një kufi të caktuar. 1061 00:43:37,590 --> 00:43:40,650 Kështu që këtu është vetëm kufi majtas-përcaktuar. 1062 00:43:40,650 --> 00:43:43,060 A që ka kuptim? 1063 00:43:43,060 --> 00:43:46,170 >> ALLISON BUCHHOLTZ-AU: Kjo është një cool mënyrë për të theksuar gjërat ose shtoni 1064 00:43:46,170 --> 00:43:47,545 Linjat mes elementeve të ndryshme. 1065 00:43:47,545 --> 00:43:48,670 Tomas Reimers: Absolutisht. 1066 00:43:48,670 --> 00:43:50,940 Pra, kjo është kufiri ynë. 1067 00:43:50,940 --> 00:43:52,790 Dhe diferencë e dikujt të kaluar. 1068 00:43:52,790 --> 00:43:55,892 Si mbushje diferencë-së përveç se nuk është within-- 1069 00:43:55,892 --> 00:43:57,975 ALLISON BUCHHOLTZ-AU: Është e jo rreth elementit tuaj 1070 00:43:57,975 --> 00:44:00,840 por në të vërtetë e gjithë tëra të kuti që ne kemi qenë duke parë. 1071 00:44:00,840 --> 00:44:02,770 >> Tomas Reimers: Po. 1072 00:44:02,770 --> 00:44:04,090 Allison thotë fare mirë. 1073 00:44:04,090 --> 00:44:07,550 Kjo nuk është, si, brenda tuaj element, është rreth të gjithë kutinë. 1074 00:44:07,550 --> 00:44:10,900 Kjo do të thotë gjëra të tilla si background nuk zbatohen për të. 1075 00:44:10,900 --> 00:44:13,550 Dhe kjo në thelb thotë, si, unë nuk dua asgjë 1076 00:44:13,550 --> 00:44:15,230 në këtë hapësirë ​​shumë për mua. 1077 00:44:15,230 --> 00:44:17,470 Pra, si këtu ne kemi një diferencë prej 10 pixels. 1078 00:44:17,470 --> 00:44:23,100 Pra asgjë brenda 10 pixels duhet të jetë pranë meje. 1079 00:44:23,100 --> 00:44:26,210 Kjo është lloj i saj hapësirë ​​por lloj i jo. 1080 00:44:26,210 --> 00:44:29,215 Pra, kjo është shumë e bazat e modelit kuti. 1081 00:44:29,215 --> 00:44:30,090 A ka kjo kuptim? 1082 00:44:30,090 --> 00:44:33,830 1083 00:44:33,830 --> 00:44:34,550 Cool, cool. 1084 00:44:34,550 --> 00:44:35,800 ALLISON BUCHHOLTZ-AU: mbresëlënës. 1085 00:44:35,800 --> 00:44:37,890 Kështu që tani unë mendoj se ne vetëm kanë burime tona të ftohtë 1086 00:44:37,890 --> 00:44:41,220 se ne do të marrin ju djema përmes shumë shpejt. 1087 00:44:41,220 --> 00:44:44,815 Dhe ne do të actually-- mirë, nuk kemi internetin ende? 1088 00:44:44,815 --> 00:44:47,860 >> Tomas Reimers: Le të të shohim nëse unë mund të hapur up-- 1089 00:44:47,860 --> 00:44:50,040 më lejoni vetëm të shohim nëse unë mund të merrni në internet shpejt 1090 00:44:50,040 --> 00:44:53,317 ndërsa Allison flet për ndonjë gjë Allison dëshiron të flas për. 1091 00:44:53,317 --> 00:44:55,150 ALLISON BUCHHOLTZ-AU: Pra basically-- unë nuk bëj 1092 00:44:55,150 --> 00:44:57,930 e di se çfarë tjetër unë mund të them në këtë pikë. 1093 00:44:57,930 --> 00:45:01,340 Por këto janë disa burime të vërtetë të mirë. 1094 00:45:01,340 --> 00:45:04,629 Këto janë ato që Tomas dhe unë kam përdorur 1095 00:45:04,629 --> 00:45:06,420 dhe se ne në të vërtetë përdoret për të prep për këtë. 1096 00:45:06,420 --> 00:45:09,940 W3Schools është një që ju djema duhet të keni parë më parë. 1097 00:45:09,940 --> 00:45:12,440 Ne e rekomandojmë atë për një shumë gjëra me CSS. 1098 00:45:12,440 --> 00:45:15,060 Unë e di unë rekomandoj atë për të seksion ime gjithë kohën. 1099 00:45:15,060 --> 00:45:21,050 >> Një nga gjërat e mëdha është se ajo ju lejon të lloj të luajnë me CSS 1100 00:45:21,050 --> 00:45:23,830 dhe të shohim ndryshimet menjëherë në këtë, 1101 00:45:23,830 --> 00:45:25,920 si, me dy dritare të parë që ajo ka. 1102 00:45:25,920 --> 00:45:29,980 Pra, ju nuk duhet të shqetësohen për ngritjen e vet faqen tuaj web, 1103 00:45:29,980 --> 00:45:33,090 ose ngritjen vhost në tuaj aplikim lokal dhe host lokale, 1104 00:45:33,090 --> 00:45:34,980 dhe për të gjetur të gjitha këto gjëra të punës. 1105 00:45:34,980 --> 00:45:36,830 Ajo është ngulitur drejtë brenda faqes. 1106 00:45:36,830 --> 00:45:39,042 >> Dhe kjo ka këto pak Mësimet që ju mund të 1107 00:45:39,042 --> 00:45:40,750 shkoni nëpër të mësuar më shumë për selektorë, 1108 00:45:40,750 --> 00:45:44,610 ose të mësojnë për manipulimin tuaj font, apo një sfond, ose një imazh. 1109 00:45:44,610 --> 00:45:46,990 Dhe ju keni këto Rezultatet e menjëhershëm që ju 1110 00:45:46,990 --> 00:45:49,310 nuk keni për të bërë ndonjë punë të tjera të prep për. 1111 00:45:49,310 --> 00:45:51,060 Kështu që unë dua W3Schools. 1112 00:45:51,060 --> 00:45:51,960 Është i pabesueshëm. 1113 00:45:51,960 --> 00:45:52,670 A është duke punuar? 1114 00:45:52,670 --> 00:45:52,950 >> Tomas Reimers: Po. 1115 00:45:52,950 --> 00:45:53,720 Jo, nuk është. 1116 00:45:53,720 --> 00:45:55,636 A doni mua për të provoni dhe rinisni kompjuterin tim? 1117 00:45:55,636 --> 00:45:56,410 A duam ne të duam to-- 1118 00:45:56,410 --> 00:46:01,490 >> ALLISON BUCHHOLTZ-AU: Unë do të thotë, mirë, kjo do të jetë online. 1119 00:46:01,490 --> 00:46:02,740 Të gjitha slides do të jetë online. 1120 00:46:02,740 --> 00:46:05,470 Kështu që unë vetëm të rekomandoj duke bërë këto. 1121 00:46:05,470 --> 00:46:07,880 >> Kjo është e madhe sa vetëm si një mashtrojnë fletë. 1122 00:46:07,880 --> 00:46:10,690 Është vetëm gjithë themelore urdhëron që ju keni. 1123 00:46:10,690 --> 00:46:13,070 Është e madhe kur ju jeni të parë duke filluar nga faqen tuaj te internetit. 1124 00:46:13,070 --> 00:46:15,080 Sepse ndoshta ju nuk e bëni doni të merrni në të gjitha 1125 00:46:15,080 --> 00:46:17,355 mortajë prej rëre i vërtetë dizajn-rëndë stuff. 1126 00:46:17,355 --> 00:46:20,230 Ju vetëm duhet të format atë në një mënyrë të se lloj i ka kuptim dhe vullnetin 1127 00:46:20,230 --> 00:46:21,490 të bërë për momentin. 1128 00:46:21,490 --> 00:46:23,580 Dhe në qoftë se ju vërtet doni për të marrë në të, unë e di 1129 00:46:23,580 --> 00:46:27,240 kjo është, si, njëri prej Referencat preferuar Tomás-së. 1130 00:46:27,240 --> 00:46:30,130 Ne ishim duke e përdorur atë për të prep, dhe është i pabesueshëm. 1131 00:46:30,130 --> 00:46:33,030 Është Zhvilluesish nga Mozilla. 1132 00:46:33,030 --> 00:46:36,490 >> Tomas Reimers: Pra Mozilla janë njerëzit që e bëjnë Firefox-in. 1133 00:46:36,490 --> 00:46:40,290 Dhe kjo është vetëm zhvilluesi i tyre referencë, e cila unë mendoj se është awesome. 1134 00:46:40,290 --> 00:46:44,870 Dhe kjo ka një mrekullueshme lista e burimeve. 1135 00:46:44,870 --> 00:46:45,530 Pra, ne have-- 1136 00:46:45,530 --> 00:46:48,060 >> ALLISON BUCHHOLTZ-AU: Dhe pastaj shënim fundit është 1137 00:46:48,060 --> 00:46:50,120 kur ju jeni duke u përpjekur për të të hartuar faqen tuaj te internetit, 1138 00:46:50,120 --> 00:46:53,550 marrin frymëzim nga gjëra që ju mendoni se janë goxha. 1139 00:46:53,550 --> 00:46:56,340 Inspektuar element, inspektuar kodin burim 1140 00:46:56,340 --> 00:46:59,370 mund të jenë super të dobishme për duke u përpjekur të kuptoj se 1141 00:46:59,370 --> 00:47:02,080 se si të stilit faqen tuaj. 1142 00:47:02,080 --> 00:47:04,540 >> Shpesh, unë ndjehem si më i mirë mënyrë, përveç eksperimentimi, 1143 00:47:04,540 --> 00:47:06,290 është vetëm për të parë në gjëra që janë goxha. 1144 00:47:06,290 --> 00:47:09,810 Më duket e vërtetë e vështirë për të vetëm lloj i projektimit gjëra në tuaj, 1145 00:47:09,810 --> 00:47:11,090 veçanërisht në fillim. 1146 00:47:11,090 --> 00:47:14,740 Pra ju lutem shikoni në faqet e internetit që ju të gëzojnë duke kërkuar në. 1147 00:47:14,740 --> 00:47:16,880 Kuptoj se çfarë bën ata tërheqës për ju. 1148 00:47:16,880 --> 00:47:19,170 Dhe pastaj të ndjehen të lirë për të përpiqen dhe të përsëris se. 1149 00:47:19,170 --> 00:47:20,410 >> Tomas Reimers: E drejta. 1150 00:47:20,410 --> 00:47:23,120 Edhe si faqet e internetit si kjo, ju mund të shihni 1151 00:47:23,120 --> 00:47:25,460 ka patjetër një div në krye. 1152 00:47:25,460 --> 00:47:29,920 Dhe atëherë ju keni një tjetër div brenda këtu, e cila është CSS Awesomeness. 1153 00:47:29,920 --> 00:47:32,480 Dhe atëherë ju keni një bandë e lidhjeve këtu. 1154 00:47:32,480 --> 00:47:34,770 Nëse jeni të vërtetë vetëm të inspektojë elemente, ju mund të lloj nga 1155 00:47:34,770 --> 00:47:38,520 të fillojnë për të parë se çfarë të bëjë faqet e internetit duken si, dhe se si mund unë 1156 00:47:38,520 --> 00:47:40,493 rikrijuar se në qoftë se unë të kërkuar për të. 1157 00:47:40,493 --> 00:47:41,890 A ka kjo kuptim? 1158 00:47:41,890 --> 00:47:43,670 Pra, ne vetëm duhet tre minuta të mbetura. 1159 00:47:43,670 --> 00:47:46,380 Pra pyetje? 1160 00:47:46,380 --> 00:47:47,650 Ndonjë prej tyre? 1161 00:47:47,650 --> 00:47:48,350 Po. 1162 00:47:48,350 --> 00:47:50,780 >> AUDIENCA: Për ngjyra drejtkëndësh, si do të ju 1163 00:47:50,780 --> 00:47:53,499 have-- në qoftë se ju nuk e duan atë duke shkuar nëpër tërë faqen, do të mund 1164 00:47:53,499 --> 00:47:56,400 ju kanë bërë të shkojnë përtej vetëm gjysmë faqe apo vetëm teksti? 1165 00:47:56,400 --> 00:47:59,660 >> Tomas Reimers: Po, absolutisht. 1166 00:47:59,660 --> 00:48:02,780 Pra më lejoni të shohim në të vërtetë. 1167 00:48:02,780 --> 00:48:04,670 Unë kam dy ide. 1168 00:48:04,670 --> 00:48:07,265 Pra, para së gjithash, ju mund të përdorë gjithashtu edhe përqindjes. 1169 00:48:07,265 --> 00:48:08,140 >> AUDIENCA: Really? 1170 00:48:08,140 --> 00:48:11,260 >> ALLISON BUCHHOLTZ-AU: Pra diçka të kërkoni është pozicionuar relative. 1171 00:48:11,260 --> 00:48:13,385 Kjo është diçka që ne e nuk kanë kohë për të marrë në, 1172 00:48:13,385 --> 00:48:16,392 por kjo është diçka që unë patjetër rekomandoj ju djema checking out. 1173 00:48:16,392 --> 00:48:17,580 >> Tomas Reimers: percents Kështu. 1174 00:48:17,580 --> 00:48:21,524 Dhe të shohim se si ne e bëri atë vetëm 50% e gjeresise? 1175 00:48:21,524 --> 00:48:24,190 ALLISON BUCHHOLTZ-AU: Nëse ju në të vërtetë e di numrin e pixels, 1176 00:48:24,190 --> 00:48:25,780 ju mund të jenë më të saktë në këtë mënyrë. 1177 00:48:25,780 --> 00:48:27,200 Ju mund të shëndoshë rreth me të. 1178 00:48:27,200 --> 00:48:27,700 Por 50%. 1179 00:48:27,700 --> 00:48:31,970 Nëse ne do të ndrysho shfletuesin tonë, kjo do ta bënte atë më të vogla. 1180 00:48:31,970 --> 00:48:35,250 >> Tomas Reimers: pra, është e në thelb të 50% të drejtë tani, unë mendoj. 1181 00:48:35,250 --> 00:48:38,820 Kjo është 50%, dhe pastaj diferencë është shtuar për këtë. 1182 00:48:38,820 --> 00:48:40,100 CSS ka një shumë të quirks. 1183 00:48:40,100 --> 00:48:43,195 Deri tani kjo është 50% e faqes gjerësisë. 1184 00:48:43,195 --> 00:48:46,860 Por mos harroni se ju keni 10 pixels hequr nga çdo anë. 1185 00:48:46,860 --> 00:48:49,700 Pra, në qoftë se ju ishin të lëvizin atë kundër buzë e majtë të shfletuesit, 1186 00:48:49,700 --> 00:48:51,550 atëherë ajo do të duken si 50%. 1187 00:48:51,550 --> 00:48:53,884 Përsëri, si i tha, CSS mund të jetë një shumë e me mend-dhe-kontroll. 1188 00:48:53,884 --> 00:48:56,049 Si, ju mendoni se diçka është e do të sillen në një mënyrë, 1189 00:48:56,049 --> 00:48:57,805 por ajo sillet një mënyrë krejtësisht të ndryshme. 1190 00:48:57,805 --> 00:48:59,420 >> ALLISON BUCHHOLTZ-AU: Dhe ju vetëm të merrni më të zgjuar, 1191 00:48:59,420 --> 00:49:02,020 dhe ju vetëm të marrë një më të mirë intuitë për të si ju lëvizin së bashku. 1192 00:49:02,020 --> 00:49:02,730 >> Tomas Reimers: Dhe kjo merr më keq dhe më keq. 1193 00:49:02,730 --> 00:49:03,496 Pra, kjo është me të vërtetë vetëm një garë. 1194 00:49:03,496 --> 00:49:05,454 >> ALLISON BUCHHOLTZ-AU: Kjo është super inkurajues. 1195 00:49:05,454 --> 00:49:07,070 Ne duam që ata të pëlqen CSS. 1196 00:49:07,070 --> 00:49:08,810 >> Tomas Reimers: CSS është awesome. 1197 00:49:08,810 --> 00:49:10,354 Mos harroni se. 1198 00:49:10,354 --> 00:49:11,020 Pyetje të tjera? 1199 00:49:11,020 --> 00:49:14,297 >> ALLISON BUCHHOLTZ-AU: një gjë. 1200 00:49:14,297 --> 00:49:14,880 Çdo gjë tjetër? 1201 00:49:14,880 --> 00:49:15,140 Ftohtë. 1202 00:49:15,140 --> 00:49:15,690 >> Tomas Reimers: mbresëlënës. 1203 00:49:15,690 --> 00:49:18,523 >> ALLISON BUCHHOLTZ-AU: E pra, në qoftë se ju djema keni ndonjë pyetje më vonë, 1204 00:49:18,523 --> 00:49:20,919 ne jemi gjithmonë në dispozicion si për zakonisht. 1205 00:49:20,919 --> 00:49:22,960 Ju ndoshta do të shihni disa na i për projektet përfundimtare 1206 00:49:22,960 --> 00:49:24,280 dhe patjetër në hackathon. 1207 00:49:24,280 --> 00:49:25,200 >> Tomas Reimers: Absolutisht. 1208 00:49:25,200 --> 00:49:25,720 Dhe në panair. 1209 00:49:25,720 --> 00:49:26,560 >> ALLISON BUCHHOLTZ-AU: Dhe në panair. 1210 00:49:26,560 --> 00:49:26,840 Oh. 1211 00:49:26,840 --> 00:49:28,130 >> Tomas Reimers: Pres që të duke parë të gjithë e awesome-- tuaj 1212 00:49:28,130 --> 00:49:29,420 >> ALLISON BUCHHOLTZ-AU: Ne do të shohim të gjitha faqet e internetit tuaj awesome 1213 00:49:29,420 --> 00:49:30,572 që do të jetë e bukur. 1214 00:49:30,572 --> 00:49:32,780 Tomas Reimers: Ju mund gjithmonë shih, si, faqet e internetit 1215 00:49:32,780 --> 00:49:36,234 që kishte, si, CSS mirë dhe pastaj si ata që nuk kanë të përpiqet të bëjë CSS. 1216 00:49:36,234 --> 00:49:39,150 ALLISON BUCHHOLTZ-AU: Gjithashtu, një tjetër gjë, një gjë më shumë për të parë në 1217 00:49:39,150 --> 00:49:40,445 është Bootstrapping. 1218 00:49:40,445 --> 00:49:41,805 Pra bootstrap është e madhe. 1219 00:49:41,805 --> 00:49:42,240 >> Tomas Reimers: Google që nëse you-- 1220 00:49:42,240 --> 00:49:43,573 >> ALLISON BUCHHOLTZ-AU: Google ajo. 1221 00:49:43,573 --> 00:49:44,340 Është i pabesueshëm. 1222 00:49:44,340 --> 00:49:45,620 Ju do të love it. 1223 00:49:45,620 --> 00:49:48,000 Dhe tani që ju keni një kuptim themelor i CSS, 1224 00:49:48,000 --> 00:49:50,340 ajo do të bëjë shumë më tepër kuptim. 1225 00:49:50,340 --> 00:49:50,890 Awesome. 1226 00:49:50,890 --> 00:49:51,480 Faleminderit, djema. 1227 00:49:51,480 --> 00:49:53,330 >> Tomas Reimers: Ju faleminderit aq shumë. 1228 00:49:53,330 --> 00:49:54,219