1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:04,500 >> [Jwe mizik] 3 00:00:04,500 --> 00:00:10,099 4 00:00:10,099 --> 00:00:12,224 ALLISON BUCHHOLTZ-AU: Se konsa, nou ap fondamantalman jis ale 5 00:00:12,224 --> 00:00:14,629 ba ou yon fatige nan CSS, paske nou konnen 6 00:00:14,629 --> 00:00:16,420 ke li pa te kouvri nan tout seksyon yo. 7 00:00:16,420 --> 00:00:20,090 Apre sa, nou reyèlman vle asire w ke ou nèg gen zouti sa a jete ou, 8 00:00:20,090 --> 00:00:24,790 paske li gen kapasite nan fè sit ou gade pi bèl pase. 9 00:00:24,790 --> 00:00:28,660 >> Men, si w ap bati yon sit entènèt, Lè sa a, pwobableman ou vle fè li bèl. 10 00:00:28,660 --> 00:00:31,372 Mwen vle di, ou pa bezwen, men mwen ta sijere li. [Ri] 11 00:00:31,372 --> 00:00:35,430 Si ou vle itilizatè yo sèvi ak li, ou ta ka vle fè li yon ti kras [fèbl]. 12 00:00:35,430 --> 00:00:39,130 Se konsa, nou ap ale nan eseye ak ba ou jis kèk zouti debaz ak konpreyansyon, 13 00:00:39,130 --> 00:00:42,340 se konsa ke lè ou ale deyò epi w ap fè rechèch sou bagay sa yo sou CSS, 14 00:00:42,340 --> 00:00:45,902 li pa nan ranpli bavardaj, tankou CSS pafwa yo dwe. 15 00:00:45,902 --> 00:00:47,240 >> TOMAS Reimers: Yeah. 16 00:00:47,240 --> 00:00:49,930 Allison te di li trè byen. 17 00:00:49,930 --> 00:00:53,250 Se konsa, mwen devine nan premye bagay nou ta dwe kòmanse avèk se sa ki CSS? 18 00:00:53,250 --> 00:00:55,750 Se konsa, CSS se pè. 19 00:00:55,750 --> 00:00:56,250 CSS-- 20 00:00:56,250 --> 00:00:58,320 >> ALLISON BUCHHOLTZ-AU: Sa se non an nan seminè nou an. 21 00:00:58,320 --> 00:00:58,434 >> TOMAS Reimers: Yeah. 22 00:00:58,434 --> 00:01:00,130 Li nan reyèlman enpòtan ke ou konprann ke pa lè sa a. 23 00:01:00,130 --> 00:01:03,090 Si ou sèlman pran yon sèl bagay, li a ki CSS si pè. 24 00:01:03,090 --> 00:01:06,180 De se CSS kanpe pou Kaskad Dra Style. 25 00:01:06,180 --> 00:01:10,380 Se konsa, nan nwayo li yo, CSS se yon fèy style, sa vle di 26 00:01:10,380 --> 00:01:13,200 li pèmèt ou style yon paj entènèt. 27 00:01:13,200 --> 00:01:16,609 Lè sa a, ki sa sa vle di, li nan yon fason yo ajoute style nan sit entènèt ou. 28 00:01:16,609 --> 00:01:18,900 Se konsa, pa style, nou vle di tout bagay ki pa nan structural-- 29 00:01:18,900 --> 00:01:24,350 se konsa bagay sa yo tankou koulè, background imaj, sou fwontyè, tankou, padding, 30 00:01:24,350 --> 00:01:25,040 marges. 31 00:01:25,040 --> 00:01:27,310 Nou pral pale sou sa tout sa ki vle di nan yon ti jan. 32 00:01:27,310 --> 00:01:30,110 >> Se konsa, nou te jis ale pi devan epi louvri tou de nan sa moute nan jdi. 33 00:01:30,110 --> 00:01:32,680 Se konsa, sa a se index.html. 34 00:01:32,680 --> 00:01:34,800 Lè sa a se main.css. 35 00:01:34,800 --> 00:01:36,829 Se konsa, pa gen anyen main.css. 36 00:01:36,829 --> 00:01:38,412 ALLISON BUCHHOLTZ-AU: Non style byen lwen tèlman. 37 00:01:38,412 --> 00:01:39,245 TOMAS Reimers: Okenn. 38 00:01:39,245 --> 00:01:42,577 Ak jan ou pral wè, li nan yon sit reyèlman lèd. 39 00:01:42,577 --> 00:01:44,160 ALLISON BUCHHOLTZ-AU: Se jis plenn. 40 00:01:44,160 --> 00:01:45,820 TOMAS Reimers: Yeah. 41 00:01:45,820 --> 00:01:49,150 Yeah, li pa lèd, li nan jis minimalist. 42 00:01:49,150 --> 00:01:53,430 Lè sa a, isit la nou gen index.html. 43 00:01:53,430 --> 00:01:55,729 Se konsa, pou yon rapid Rekapitilasyon nan HTML, Allison, 44 00:01:55,729 --> 00:01:57,270 ou vle jis pale sou paj la? 45 00:01:57,270 --> 00:01:58,395 >> ALLISON BUCHHOLTZ-AU: Yeah. 46 00:01:58,395 --> 00:02:01,100 Se konsa, evidamman, nou gen HTML nou an tag, ki jis non dosye HTML. 47 00:02:01,100 --> 00:02:07,080 Nou gen header nou yo isit la, ak CSS Awesomeness, which-- si ou ale tounen. 48 00:02:07,080 --> 00:02:07,720 Ki kote se sa? 49 00:02:07,720 --> 00:02:09,136 >> TOMAS Reimers: Oh. 50 00:02:09,136 --> 00:02:10,301 Yeah, ou ka wè. 51 00:02:10,301 --> 00:02:12,092 ALLISON BUCHHOLTZ-AU: Ak Avi header nan 52 00:02:12,092 --> 00:02:14,120 se sa a header tab dwa moute isit la. 53 00:02:14,120 --> 00:02:17,130 Lè sa a, "Alo, mond!" se tèks la ke nou gen jis 54 00:02:17,130 --> 00:02:19,620 montre sou entènèt la paj, ki is-- ale tounen. 55 00:02:19,620 --> 00:02:21,290 Retounen. 56 00:02:21,290 --> 00:02:24,287 Ki se jis nan kò nou an isit lan-- tèks la klè. 57 00:02:24,287 --> 00:02:26,120 Epitou, yon sèl bagay yo remake, si ou gade isit la, 58 00:02:26,120 --> 00:02:29,410 Tomas chanje moute sa yo de soti nan glise nou an. 59 00:02:29,410 --> 00:02:32,035 Se konsa, osi lontan ke ou gen tout twa nan sa yo, w ap amann. 60 00:02:32,035 --> 00:02:34,044 Yo ka nan tou sa lòd yo vle. 61 00:02:34,044 --> 00:02:39,368 Ki sa ki nan pi enpòtan an se sèlman sa ou gen chak nan twa bagay sa yo. 62 00:02:39,368 --> 00:02:40,340 >> TOMAS Reimers: Cool. 63 00:02:40,340 --> 00:02:41,111 Ajoute yon kalite doc? 64 00:02:41,111 --> 00:02:42,235 ALLISON BUCHHOLTZ-AU: Yeah. 65 00:02:42,235 --> 00:02:43,068 TOMAS Reimers: Yeah. 66 00:02:43,068 --> 00:02:43,769 Cool. 67 00:02:43,769 --> 00:02:46,102 ALLISON BUCHHOLTZ-AU: Aparamman, mikro m 'pa renmen m'. 68 00:02:46,102 --> 00:02:49,650 TOMAS Reimers: Oh, ban nou yon sec jis pandan y ap Allison switch soti MIC li. 69 00:02:49,650 --> 00:02:50,500 Se konsa, yeah. 70 00:02:50,500 --> 00:02:52,030 Se konsa, nou gen paj prensipal nou an. 71 00:02:52,030 --> 00:02:53,890 Li nan kalite unstyled. 72 00:02:53,890 --> 00:02:54,780 Nou pa gen anpil. 73 00:02:54,780 --> 00:02:57,110 Nou jis gen fondamantalman tèks. 74 00:02:57,110 --> 00:02:59,470 Nou gen fèy la style. 75 00:02:59,470 --> 00:03:00,220 Nou gen tit la. 76 00:03:00,220 --> 00:03:04,020 Se konsa, jis fè-os eleman fè yon sit entènèt. 77 00:03:04,020 --> 00:03:08,880 >> Se konsa, soti nan gen, se pou yo pale sou sa CSS se 78 00:03:08,880 --> 00:03:11,270 ak sa li sanble ak nan tout sa. 79 00:03:11,270 --> 00:03:12,047 Se konsa, pou that-- 80 00:03:12,047 --> 00:03:13,755 ALLISON BUCHHOLTZ-AU: Retounen nan glisad yo. 81 00:03:13,755 --> 00:03:15,200 TOMAS Reimers: Retounen nan glisad yo. 82 00:03:15,200 --> 00:03:17,240 Epi Allison ka pran sou. 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 Se konsa, nan dosye CSS ou a, w ap ale nan gen 86 00:03:22,360 --> 00:03:25,010 yon anpil nan bagay sa yo rele seleksyon. 87 00:03:25,010 --> 00:03:27,420 Sa pral jis pou nan baz nan dosye CSS ou. 88 00:03:27,420 --> 00:03:29,480 Li nan jis pral fè anpil ak anpil sa yo. 89 00:03:29,480 --> 00:03:30,780 Se konsa, seleksyon. 90 00:03:30,780 --> 00:03:32,649 Sa a se jis anatomi la an jeneral. 91 00:03:32,649 --> 00:03:35,190 Nou pral yo ale nan egzanp, paske si ou nèg pa janm 92 00:03:35,190 --> 00:03:38,400 gade seksyon m 'yo, mwen santi mwen tankou bagay sa yo nan abstrè a 93 00:03:38,400 --> 00:03:39,400 pa reyèlman fè sans. 94 00:03:39,400 --> 00:03:41,110 Li toujou ede yo wè egzanp yo. 95 00:03:41,110 --> 00:03:42,420 >> Se konsa, nou gen kèk seleksyon. 96 00:03:42,420 --> 00:03:49,120 Sa k ap pase yo dwe kèk idantifyan pou ki sa nou vle style la pou aplike pou. 97 00:03:49,120 --> 00:03:52,220 Lè sa a, nou ka gen nenpòt mete nan règ ak valè. 98 00:03:52,220 --> 00:03:55,680 Se konsa, seleksyon ki ou ta ka wè ta kapab yon bagay tankou kò, 99 00:03:55,680 --> 00:04:00,262 oswa paragraf ak P, oswa header, oswa kèlkeswa sa, 100 00:04:00,262 --> 00:04:02,000 tou sa ou vle Tags HTML ou yo dwe. 101 00:04:02,000 --> 00:04:03,570 >> Se konsa, nan ka sa a, nou gen nan kò moun. 102 00:04:03,570 --> 00:04:06,985 Epi nou gen kèk règ, ki sa a koresponn 103 00:04:06,985 --> 00:04:09,610 nan sa style ou aplike a. 104 00:04:09,610 --> 00:04:12,720 Se konsa, nan ka sa a, nou gen koulè background ak font pwa. 105 00:04:12,720 --> 00:04:16,200 Se konsa, sa ki pral chanje background nan nan anyen 106 00:04:16,200 --> 00:04:19,640 nan nenpòt tag kò nan dosye HTML nou an. 107 00:04:19,640 --> 00:04:22,810 Epi li pral bay li sa a valè ble limyè. 108 00:04:22,810 --> 00:04:24,820 >> Se konsa, li pral fè a background limyè ble. 109 00:04:24,820 --> 00:04:28,660 Lè sa a, anyen nan kò se ale nan gen yon pwa font karaktè fonse. 110 00:04:28,660 --> 00:04:31,142 Se konsa, li jis ale nan fonse tout tèks nou an. 111 00:04:31,142 --> 00:04:32,970 Lè sa a se jis yon sèl seleksyon. 112 00:04:32,970 --> 00:04:34,680 Men, ou te kapab gen anpil anpil nan sa yo. 113 00:04:34,680 --> 00:04:38,730 E kòm nou ap ale nan montre pita, yon ti jan ti kras pi plis nan ki jan 114 00:04:38,730 --> 00:04:40,709 ki travay ak plis egzanp la. 115 00:04:40,709 --> 00:04:41,750 Nenpòt bagay ou vle ajoute? 116 00:04:41,750 --> 00:04:42,499 >> TOMAS Reimers: No 117 00:04:42,499 --> 00:04:43,500 Allison te resevwa li. 118 00:04:43,500 --> 00:04:46,144 Nou jis ap ale nan koupe moute yon egzanp isit la sou sit egzanp nou an. 119 00:04:46,144 --> 00:04:47,310 Se konsa, kite a aktyèlman pran sa a. 120 00:04:47,310 --> 00:04:48,620 Li nan pafè. 121 00:04:48,620 --> 00:04:54,460 Se konsa, mwen jis ale nan kopi ak keratin ki dwat nan dosye main.css nou an. 122 00:04:54,460 --> 00:04:56,530 Men, mwen pral pou konsève pou li. 123 00:04:56,530 --> 00:04:59,190 Lè sa a, nou pral kouri li. 124 00:04:59,190 --> 00:05:01,600 Se konsa, bò nòt, youn nan la pifò bagay sa yo fwistre 125 00:05:01,600 --> 00:05:04,490 se si ou pa sove yon dosye, ak lè sa a ou, tankou, Reload paj la, 126 00:05:04,490 --> 00:05:07,450 ak renmen, poukisa se pa chanjman nan rive? 127 00:05:07,450 --> 00:05:07,950 Li k ap pase. 128 00:05:07,950 --> 00:05:14,230 Se konsa, isit la nou te wè ke nou te fè nou an sit entènèt yon fon ble limyè 129 00:05:14,230 --> 00:05:16,560 ak kèk gra tèks. 130 00:05:16,560 --> 00:05:20,730 >> Mwen ta dwe tou mansyone, si ou nèg gen kesyon sou anyen 131 00:05:20,730 --> 00:05:23,622 n ap fè, tanpri santi gratis yo sispann nou epi mande nou. 132 00:05:23,622 --> 00:05:25,330 Nou totalman vle nan jaden kesyon. 133 00:05:25,330 --> 00:05:27,951 134 00:05:27,951 --> 00:05:31,930 >> ALLISON BUCHHOLTZ-AU: Li evidan, ak CSS, tout bagay bati sou tèt li. 135 00:05:31,930 --> 00:05:34,107 Se konsa, si yon sèl bagay pa fè sa fè sans kounye a, nou 136 00:05:34,107 --> 00:05:35,690 pa vle ke marè ou desann pita. 137 00:05:35,690 --> 00:05:38,390 138 00:05:38,390 --> 00:05:41,930 >> TOMAS Reimers: Se konsa, kite a kalite sèksyone sa a. 139 00:05:41,930 --> 00:05:44,210 Se konsa, ou vle kòmanse ak seleksyon an isit la? 140 00:05:44,210 --> 00:05:45,979 >> ALLISON BUCHHOLTZ-AU: Yeah. 141 00:05:45,979 --> 00:05:48,270 Kòm mwen te di anvan, kò se jis seleksyon nou an isit la. 142 00:05:48,270 --> 00:05:50,950 Se konsa, si nou tounen sou nan ah index-- nou an. 143 00:05:50,950 --> 00:05:53,245 >> TOMAS Reimers: Ki Mwen jis fèmen. 144 00:05:53,245 --> 00:05:54,530 Ban m 'yon dezyèm fwa. 145 00:05:54,530 --> 00:05:58,286 Se konsa, File, Open, index.html. 146 00:05:58,286 --> 00:05:59,410 ALLISON BUCHHOLTZ-AU: Cool. 147 00:05:59,410 --> 00:06:02,710 Se konsa, si w remake isit la, nou gen sa yo Tags kò, dwa? 148 00:06:02,710 --> 00:06:06,270 Se konsa, seleksyon an jis koresponn ak etikèt yo ke nou ap pale de. 149 00:06:06,270 --> 00:06:07,670 Se konsa, kò dwa isit la. 150 00:06:07,670 --> 00:06:10,315 Se konsa, sa nou ap di la a se everything-- ka nou tounen? 151 00:06:10,315 --> 00:06:12,065 Mwen swete mwen te kapab jis tankou manyen ekran an. 152 00:06:12,065 --> 00:06:14,410 Li ta dwe tèlman pi fre. 153 00:06:14,410 --> 00:06:17,150 >> Se konsa, anyen nan sa yo Tags kò, ki nou te wè 154 00:06:17,150 --> 00:06:19,637 te jis, tankou, tèks la, ansanm ak tout kò a an jeneral 155 00:06:19,637 --> 00:06:20,970 refere a, tankou, background nan. 156 00:06:20,970 --> 00:06:22,720 Si ou janm vle chanje background nan, 157 00:06:22,720 --> 00:06:25,090 ki k ap pase yo dwe nan yon tag kò. 158 00:06:25,090 --> 00:06:27,120 Jis gen règleman sa yo aplike nan yo. 159 00:06:27,120 --> 00:06:32,040 >> Se konsa, si nou te pou yo ale nan index.html and-- aktyèlman, 160 00:06:32,040 --> 00:06:33,840 nou ka gen yon bagay deyò nan kò a? 161 00:06:33,840 --> 00:06:37,340 Si nou te gen, tankou, yon footer oswa yon bagay, li pa ta aplike nan sa a. 162 00:06:37,340 --> 00:06:40,900 Men, anyen ki nan sa yo Tags kò ki pral 163 00:06:40,900 --> 00:06:44,960 yo dwe afekte pa kò sa a seleksyon ke nou te fè fè yo. 164 00:06:44,960 --> 00:06:47,405 Se konsa, si ou te tape yon lòt bagay there-- 165 00:06:47,405 --> 00:06:49,400 >> TOMAS Reimers: Se pou nou kondwi ki lakay ou. 166 00:06:49,400 --> 00:06:55,330 Se konsa, si nou te gen yon div-- pou ki nan jis yon lòt tag ou ka gen. 167 00:06:55,330 --> 00:06:56,350 Mwen pral fèmen li. 168 00:06:56,350 --> 00:06:58,280 Oswa kite a fè sa a yon paragraf. 169 00:06:58,280 --> 00:07:01,430 Se konsa, p kanpe pou paragraf. 170 00:07:01,430 --> 00:07:02,560 Ak nan ki paragraf. 171 00:07:02,560 --> 00:07:05,650 Lè sa a, mwen di, "Sa a se tèks." 172 00:07:05,650 --> 00:07:06,369 Cool. 173 00:07:06,369 --> 00:07:09,160 Lè sa a, mwen te fè règ sa a aplike a yon paragraf olye nan kò a. 174 00:07:09,160 --> 00:07:12,390 175 00:07:12,390 --> 00:07:17,320 Ou pral wè li montre kouman li aplike sèlman nan paragraf la fèk fòme, dwa, 176 00:07:17,320 --> 00:07:18,892 Men tout bagay la. 177 00:07:18,892 --> 00:07:20,090 ki fè sans? 178 00:07:20,090 --> 00:07:21,840 >> ALLISON BUCHHOLTZ-AU: Se konsa, sa a se tout kò, 179 00:07:21,840 --> 00:07:24,450 men kounye a seleksyon nou jis koresponn ak paragraf la. 180 00:07:24,450 --> 00:07:27,050 Se konsa, nou jis gen fonse ak ble pou sa a paragraf espesifik, 181 00:07:27,050 --> 00:07:30,760 paske sa a se bagay la sèlman ki se ki fèmen nan tag nan p. 182 00:07:30,760 --> 00:07:35,349 >> TOMAS Reimers: ki fè sans sòt nan ki jan bagay sa yo ankapsulasyon lòt bagay? 183 00:07:35,349 --> 00:07:38,140 ALLISON BUCHHOLTZ-AU: Epitou, jis yo di, tankou, youn nan fason ki pi bon 184 00:07:38,140 --> 00:07:40,889 reyèlman jwenn konfòtab ak CSS se jis fè bagay sa yo tankou sa a, 185 00:07:40,889 --> 00:07:42,050 jis eseye li soti. 186 00:07:42,050 --> 00:07:46,700 Li trè senp yo tape yon bagay soti, frape Refresh, ak wè sa ki rive. 187 00:07:46,700 --> 00:07:48,940 Ak menm jan ak pi CS, eksperimantasyon ka souvan 188 00:07:48,940 --> 00:07:51,790 mennen nan yon pi bon entwisyon konpreyansyon. 189 00:07:51,790 --> 00:07:54,432 Menm plis konsa pase nou jis, tankou, ap pale ak ou. 190 00:07:54,432 --> 00:07:58,350 >> TOMAS Reimers: Absoliman 100% dakò sou pwen sa a. 191 00:07:58,350 --> 00:08:02,430 Se konsa, si nou tounen nan sa a, kite la kòmanse diseke ekzakteman ki sa sa yo de fè. 192 00:08:02,430 --> 00:08:04,550 Se konsa, nou gen de règ sou sa. 193 00:08:04,550 --> 00:08:07,420 Se konsa, youn nan premye se koulè background. 194 00:08:07,420 --> 00:08:10,590 Epi ou wè ke nou te mete l ' egal a yon valè, limyè ble. 195 00:08:10,590 --> 00:08:15,009 >> Se konsa, nan CSS, CSS se sòt nan trè ki lach sou ki jan 196 00:08:15,009 --> 00:08:16,300 w ap pèmèt yo defini koulè. 197 00:08:16,300 --> 00:08:17,800 Se konsa, ou ka defini yo pa non. 198 00:08:17,800 --> 00:08:20,650 Ou kapab tou fè yon bagay tankou "wouj." 199 00:08:20,650 --> 00:08:25,270 Lè sa a, si nou tounen nan sa a, ou ap wè ke background nan se wouj. 200 00:08:25,270 --> 00:08:29,040 Ou kapab tou jwenn really-- Mwen panse ke ou ka jwenn bèl kreyatif ak sa a, 201 00:08:29,040 --> 00:08:29,540 pa kapab ou? 202 00:08:29,540 --> 00:08:31,170 >> ALLISON BUCHHOLTZ-AU: Mwen panse ou ka itilize Egzagòn. 203 00:08:31,170 --> 00:08:31,250 Èske pa ou? 204 00:08:31,250 --> 00:08:32,083 >> TOMAS Reimers: Yeah. 205 00:08:32,083 --> 00:08:32,969 Se konsa, ou ka sèvi ak Egzagòn. 206 00:08:32,969 --> 00:08:34,490 Men, mwen ap panse non-ki gen bon konprann. 207 00:08:34,490 --> 00:08:35,385 Eske yo pa gen? 208 00:08:35,385 --> 00:08:37,260 ALLISON BUCHHOLTZ-AU: Ou ka fè byen yon kèk. 209 00:08:37,260 --> 00:08:43,350 Bèl anpil tankou pifò koulè ke ou ka name-- tankou, mwen panse ke somon se youn. 210 00:08:43,350 --> 00:08:45,322 >> TOMAS Reimers: Nou ap pral somon eseye. 211 00:08:45,322 --> 00:08:47,530 ALLISON BUCHHOLTZ-AU: Mwen panse kouv se nan la. 212 00:08:47,530 --> 00:08:48,050 TOMAS Reimers: Yeah. 213 00:08:48,050 --> 00:08:48,550 Wè? 214 00:08:48,550 --> 00:08:50,080 Se konsa, ou ka jwenn bèl kreyatif. 215 00:08:50,080 --> 00:08:52,246 >> ALLISON BUCHHOLTZ-AU: Ou te kapab jwenn bèl kreyatif. 216 00:08:52,246 --> 00:08:55,750 Tankou, si ou ka panse a nan Non koulè, li la pwobableman nan la. 217 00:08:55,750 --> 00:08:57,840 Si ou reyèlman vle amann detay, ou ka ale Egzagòn. 218 00:08:57,840 --> 00:08:58,673 >> TOMAS Reimers: Yeah. 219 00:08:58,673 --> 00:08:59,390 Se konsa, ekzadesimal. 220 00:08:59,390 --> 00:09:05,280 Si ou nèg sonje sa a tounen soti nan pset fin vye granmoun ou a, imaj Reprann, 221 00:09:05,280 --> 00:09:08,300 ou nèg te gen fè fas ak valè Egzagòn sa yo. 222 00:09:08,300 --> 00:09:15,280 Ak sòt de Rekapitilasyon sa se sa ki, Egzagòn gen twa valè ki estoke nan li. 223 00:09:15,280 --> 00:09:17,250 Se konsa, li nan gwoup nan de ogmantasyon. 224 00:09:17,250 --> 00:09:19,300 De nan premye reprezante valè a wouj. 225 00:09:19,300 --> 00:09:22,420 Yon sèl nan dezyèm reprezante valè a vèt. 226 00:09:22,420 --> 00:09:25,020 Ak youn an pase a se ble? 227 00:09:25,020 --> 00:09:30,050 >> Se konsa, FF k ap pase nan reprezante yon ekzadesimal 255. 228 00:09:30,050 --> 00:09:35,480 Se konsa, ou gen 255 wouj, 255 vèt, ak 0 pou ble. 229 00:09:35,480 --> 00:09:37,670 Ak valè varye ant 0 ak 255. 230 00:09:37,670 --> 00:09:38,350 >> ODYANS: Dwa. 231 00:09:38,350 --> 00:09:41,472 Se konsa, esansyèlman, nou te ka rechèch entènèt la pou nenpòt ki koulè nou vle, 232 00:09:41,472 --> 00:09:43,912 epi idantifye aktyèlman-li te ye nan koulè spectre liste, 233 00:09:43,912 --> 00:09:45,130 ak Lè sa a nou te ka mete l 'nan? 234 00:09:45,130 --> 00:09:46,380 ALLISON BUCHHOLTZ-AU: Egzakteman. 235 00:09:46,380 --> 00:09:52,900 Se konsa, ou gen bèl anpil kontwòl konplè sou koulè yo ou vle nan CSS. 236 00:09:52,900 --> 00:09:55,069 Èske nou pwal pale osijè imaj background pita? 237 00:09:55,069 --> 00:09:56,110 Oubyen èske nou vle fè sa? 238 00:09:56,110 --> 00:09:56,240 >> TOMAS Reimers: Yeah. 239 00:09:56,240 --> 00:09:57,010 Absoliman. 240 00:09:57,010 --> 00:10:00,830 Se konsa, premye, jis yo montre ke wouj ak vèt se jòn. 241 00:10:00,830 --> 00:10:03,120 Men, si ou bezwen kèk èd pou jwenn sa a, ou 242 00:10:03,120 --> 00:10:05,575 kapab yon bagay Google tankou "piker koulè." 243 00:10:05,575 --> 00:10:07,200 ALLISON BUCHHOLTZ-AU: Oh, li nan tèlman bon. 244 00:10:07,200 --> 00:10:09,090 Mwen renmen Koulè selèkteur. 245 00:10:09,090 --> 00:10:11,360 >> TOMAS Reimers: colorpicker.com se yon bon egzanp. 246 00:10:11,360 --> 00:10:14,580 Ak isit la, ou ap wè ke ou gen yon plen fotoschop-tankou koulè piker. 247 00:10:14,580 --> 00:10:14,920 >> ALLISON BUCHHOLTZ-AU: Milimèt-HM. 248 00:10:14,920 --> 00:10:16,980 Epitou, bagay sa yo fre yo se ou ka jenere plan koulè 249 00:10:16,980 --> 00:10:18,896 pou ke ou pa genyen, tankou, eurte koulè. 250 00:10:18,896 --> 00:10:22,780 TOMAS Reimers: Lè sa a, isit la nan valè Egzagòn moute a isit la. 251 00:10:22,780 --> 00:10:27,800 Se konsa, ou ka toujou jwenn sou entènèt fondamantalman kote yo jwenn valè a Egzagòn nan. 252 00:10:27,800 --> 00:10:31,667 Li pa nan sòt de ki jis, tankou, nou wè koulè yo nan mond lan nan chif yo. 253 00:10:31,667 --> 00:10:34,000 Li nan plis ke nou ale sou entènèt epi jwenn sa ki koulè nou vle, 254 00:10:34,000 --> 00:10:36,850 ak Lè sa a pran nimewo a desann. 255 00:10:36,850 --> 00:10:39,590 Paske li nan jis yon reyèlman fasil fason yo referans bagay sa yo nan CS. 256 00:10:39,590 --> 00:10:40,350 >> ALLISON BUCHHOLTZ-AU: Lè sa a, gen nan also-- 257 00:10:40,350 --> 00:10:41,630 Mwen bliye non an egzak nan sit la. 258 00:10:41,630 --> 00:10:43,838 Men, gen nan definitivman, mwen panse, yon bagay soti nan Adobe 259 00:10:43,838 --> 00:10:48,350 ki jenere plan koulè pou ou, ki se vrèman fre, paske ou 260 00:10:48,350 --> 00:10:50,580 definitely-- li a pafwa difisil yo konnen ki, 261 00:10:50,580 --> 00:10:53,729 oh, si mwen vle sèvi ak sa a koulè, sa ki ta ka yon lòt yon sèl itil 262 00:10:53,729 --> 00:10:56,395 yo sèvi ak yon lòt kote sou sit mwen an, tankou, fè li bèl ak limenm. 263 00:10:56,395 --> 00:11:00,430 264 00:11:00,430 --> 00:11:04,260 >> TOMAS Reimers: Allison nan ap pale de youn pa Adobe rele Kuler, mwen panse ke. 265 00:11:04,260 --> 00:11:04,885 Li nan K-U-L-E-R. 266 00:11:04,885 --> 00:11:06,259 ALLISON BUCHHOLTZ-AU: Mwen panse ke sa. 267 00:11:06,259 --> 00:11:07,610 Mwen se trè asire w ke nan yon sèl la. 268 00:11:07,610 --> 00:11:11,050 >> TOMAS Reimers: pi renmen mwen gen toujou Koulè Scheme 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: Ki se now-- 271 00:11:16,010 --> 00:11:16,860 >> ALLISON BUCHHOLTZ-AU: Ah, sa a se bèl. 272 00:11:16,860 --> 00:11:18,818 >> TOMAS Reimers: Epi ou ka fondamantalman di, tankou, 273 00:11:18,818 --> 00:11:21,700 Mwen vle twa koulè pwochen youn ak lòt. 274 00:11:21,700 --> 00:11:25,030 Lè sa a, kite a fè yon bagay bèl. 275 00:11:25,030 --> 00:11:29,210 Lè sa a, ou ka jwenn yon egzanp nan sa ki ki ta ka sanble. 276 00:11:29,210 --> 00:11:32,470 Lè sa a, si ou hover sou nenpòt nan yo, li ba ou valè a Egzagòn. 277 00:11:32,470 --> 00:11:35,010 >> Se konsa, jis kòm yon bon fason yo kòmanse panse sou plan koulè 278 00:11:35,010 --> 00:11:39,570 oswa sa ki koulè nan yon sit entènèt ta ka ale byen ansanm. 279 00:11:39,570 --> 00:11:45,655 Paske ki ka surprenante pa tankou fasil yo chwazi tankou ou panse. 280 00:11:45,655 --> 00:11:48,280 Lè sa a, lòt bagay la fre Mwen te toujou te jwenn sou sit sa a 281 00:11:48,280 --> 00:11:51,480 se si ou frape Egzanp, li pral montre sa yon sit entènèt egzanp 282 00:11:51,480 --> 00:11:54,800 ta ka gade tankou lè l sèvi avèk ke konplo koulè. 283 00:11:54,800 --> 00:11:56,270 De tout fason. 284 00:11:56,270 --> 00:11:57,863 >> Retounen nan CSS a vrè. 285 00:11:57,863 --> 00:12:01,112 ALLISON BUCHHOLTZ-AU: Men evidamman, nou konnen referans sa yo ta kapab itil. 286 00:12:01,112 --> 00:12:03,195 TOMAS Reimers: Non, yo definitivman kapab itil. 287 00:12:03,195 --> 00:12:04,720 Se konsa, règ, dezyèm lan, Allison? 288 00:12:04,720 --> 00:12:05,844 >> ALLISON BUCHHOLTZ-AU: Yeah. 289 00:12:05,844 --> 00:12:08,280 Règ la dezyèm se jis ki koresponn a font nou an. 290 00:12:08,280 --> 00:12:11,520 Se konsa, font pwa se jis kalite of-- konsa pwa a ta 291 00:12:11,520 --> 00:12:15,220 gen si ou vle jis, tankou, nòmal oswa, tankou, mens polis, 292 00:12:15,220 --> 00:12:17,251 oswa nan ka sa a, tankou, karaktè fonse. 293 00:12:17,251 --> 00:12:17,750 Mwen bliye. 294 00:12:17,750 --> 00:12:21,557 Ki sa ki nan nan si ou te vle l-- ki gen la yon yon sèl mens pase jis, tankou, nòmal? 295 00:12:21,557 --> 00:12:24,140 TOMAS Reimers: mwen pa fè sa aktyèlman konnen si gen nan yon sèl mens. 296 00:12:24,140 --> 00:12:24,680 ALLISON BUCHHOLTZ-AU: Mwen bliye. 297 00:12:24,680 --> 00:12:26,300 Se konsa, font pwa nou tipikman jis itilize pou karaktè fonse. 298 00:12:26,300 --> 00:12:29,010 Si ou vle jwenn vrèman an li, nou ap ale nan montre w. 299 00:12:29,010 --> 00:12:34,317 W3Schools gen diferan nan tout bagay ou ka fè pou polis. 300 00:12:34,317 --> 00:12:36,900 Men, fondamantalman, si ou te janm vle chanje anyen sou font, 301 00:12:36,900 --> 00:12:39,330 li nan toujou pral fè, tankou, font-yon bagay. 302 00:12:39,330 --> 00:12:43,450 Se konsa, li pral tankou, font-fanmi si w ap ap eseye chanje kalite a vrè. 303 00:12:43,450 --> 00:12:47,390 Li pral font-style si ou vle fè li tankou lèt kouran alamen, 304 00:12:47,390 --> 00:12:49,710 oswa italik, oswa etajèr. 305 00:12:49,710 --> 00:12:53,570 Oswa menm font-koulè, si nou te vle chanje sa. 306 00:12:53,570 --> 00:12:55,621 >> TOMAS Reimers: Wi. 307 00:12:55,621 --> 00:12:56,925 Se konsa, ou ka chanje sa. 308 00:12:56,925 --> 00:12:59,360 Ak sòt de jis Rekapitilasyon kounye a, se konsa ou kapab 309 00:12:59,360 --> 00:13:01,400 wè ke nou gen seleksyon an moute isit la. 310 00:13:01,400 --> 00:13:03,000 Nou gen sa yo aparèy òtopedik Curly. 311 00:13:03,000 --> 00:13:06,735 Lè sa a, nou gen règ séparer pa virgules. 312 00:13:06,735 --> 00:13:08,100 ki fè sans? 313 00:13:08,100 --> 00:13:09,130 Yeah? 314 00:13:09,130 --> 00:13:10,500 Cool. 315 00:13:10,500 --> 00:13:13,200 Se konsa, si se sa ki good-- 316 00:13:13,200 --> 00:13:14,424 >> ALLISON BUCHHOLTZ-AU: Retounen. 317 00:13:14,424 --> 00:13:17,590 TOMAS Reimers: Se pou nou pale espesyalman sou ki kalite seleksyon nou genyen. 318 00:13:17,590 --> 00:13:19,790 'Kòz kounye a nou te sòt de jis montre Tags. 319 00:13:19,790 --> 00:13:21,696 Men, ou nèg te kapab wè li posib. 320 00:13:21,696 --> 00:13:23,570 Di ou gen de paragraf sou yon paj epi ou 321 00:13:23,570 --> 00:13:26,087 vle pou kapab style gen yon sèl men pa lòt la, 322 00:13:26,087 --> 00:13:29,170 ou pa jis vle limite tèt ou gen yo sèvi ak diferan HTML aktyèl 323 00:13:29,170 --> 00:13:33,410 Tags ba yo diferan estil. 324 00:13:33,410 --> 00:13:35,995 >> Se konsa, nou gen twa debaz kalite seleksyon. 325 00:13:35,995 --> 00:13:37,120 ALLISON BUCHHOLTZ-AU: Yeah. 326 00:13:37,120 --> 00:13:39,828 Se konsa, nou gen tag, ki se ki sa nou ve yo te ap pale de kounye a. 327 00:13:39,828 --> 00:13:42,430 Se konsa, sa a, se kalite tankou kò ou oswa p. 328 00:13:42,430 --> 00:13:46,280 Lè sa a, nou gen klas, ki se lè nou defini li nan dosye CSS nou an, 329 00:13:46,280 --> 00:13:49,907 li nan toujou ale nan dwe dot, kèlkeswa sa ou vle non an nan klas ou yo dwe. 330 00:13:49,907 --> 00:13:51,490 Lè sa a ka aplike nan plizyè bagay. 331 00:13:51,490 --> 00:13:54,610 332 00:13:54,610 --> 00:13:57,610 >> Di ou gen senk paragraf ak de nan twa a nan yo 333 00:13:57,610 --> 00:14:00,580 bezwen yo dwe estile menm bagay la, ou ta aplike yon klas nan li. 334 00:14:00,580 --> 00:14:03,040 Lè sa a se jis fason an nou fè li. 335 00:14:03,040 --> 00:14:05,600 Nou pral ba ou yon egzanp sou kote sa a aktyèlman montre moute. 336 00:14:05,600 --> 00:14:11,030 Men, si ou te gen petèt kèk tag p, apre yo fin li, ou ta ekri, 337 00:14:11,030 --> 00:14:14,170 klas egal tou sa klas ou vle pou aplike pou li. 338 00:14:14,170 --> 00:14:19,280 Se konsa, tou sa klas seleksyon ke nou vle pou aplike nan sa a paragraf espesifik, 339 00:14:19,280 --> 00:14:21,300 nou te ka jis ekri tankou sa a. 340 00:14:21,300 --> 00:14:24,080 Natirèlman, mwen panse ke yon egzanp pral fè li pi plis konkrè. 341 00:14:24,080 --> 00:14:27,270 >> Lòt yon sèl nan nou gen se id, ki nou don 342 00:14:27,270 --> 00:14:29,707 ak yon regle, oswa liv, oswa 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 Ki travay, tou. 346 00:14:34,550 --> 00:14:36,640 Lè sa a youn ta dwe vrèman dwe inik. 347 00:14:36,640 --> 00:14:39,880 Yo ta dwe aplike sèlman nan yon sèl bagay nan paj ou yo. 348 00:14:39,880 --> 00:14:43,820 Se konsa, si sa a, se yon paragraf espesifik, oswa kèk atik nan yon lis, oswa kèlkeswa sa, 349 00:14:43,820 --> 00:14:45,090 sa a ta dwe inik. 350 00:14:45,090 --> 00:14:48,730 Ak nan menm fason an ke nou jis di, tankou, class = "class1 class2," 351 00:14:48,730 --> 00:14:51,577 sa a ka jis pou id nan tou sa nou genyen. 352 00:14:51,577 --> 00:14:52,410 TOMAS Reimers: Yeah. 353 00:14:52,410 --> 00:14:54,330 Se konsa, kite a definitivman pale sou egzanp isit la. 354 00:14:54,330 --> 00:14:58,170 Apre sa, mwen jis ale nan plonje tou dwat tounen nan kòd la. 355 00:14:58,170 --> 00:15:02,090 Se konsa, kite pou yo gade nan HTML nou an. 356 00:15:02,090 --> 00:15:03,960 Se konsa, nou kounye a gen yon sèl paragraf. 357 00:15:03,960 --> 00:15:05,510 Sa a se tèks. 358 00:15:05,510 --> 00:15:09,151 Mwen jis ale li modifye li. "Sa a se tèks 1." 359 00:15:09,151 --> 00:15:11,150 Lè sa a, nou ap ale nan gen yon "Sa a se tèks 2." 360 00:15:11,150 --> 00:15:12,525 >> ALLISON BUCHHOLTZ-AU: Dezyèm yon sèl. 361 00:15:12,525 --> 00:15:13,540 TOMAS Reimers: Wi. 362 00:15:13,540 --> 00:15:16,810 Se konsa, nou kounye a gen "Sa a se tèks 2," dwa? 363 00:15:16,810 --> 00:15:21,560 Epi nou ap ale nan wè ke si nou Reload paj la, ki sa nou ap ale nan jwenn 364 00:15:21,560 --> 00:15:23,067 se nou ap pral 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: Yeah. 367 00:15:24,983 --> 00:15:27,570 Nou pral jwenn yon "Sa a se tèks 1, "ak" Sa a se tèks 2. " 368 00:15:27,570 --> 00:15:28,650 >> ALLISON BUCHHOLTZ-AU: Lè soti bèl koulè jòn. 369 00:15:28,650 --> 00:15:31,066 >> TOMAS Reimers: Epi ou pral wè ki seleksyon nou an kounye a, 370 00:15:31,066 --> 00:15:34,940 ki aplike nan p a, oswa paragraf, afekte tou de nan yo, 371 00:15:34,940 --> 00:15:38,700 paske tou de peyi yo rankontre nan kondisyon yo ke yo ap tou de yon tag p. 372 00:15:38,700 --> 00:15:40,360 Sa fè sans total. 373 00:15:40,360 --> 00:15:43,340 Se konsa, kesyon an se, byen, sa ki si nou te vle sèlman jwenn youn? 374 00:15:43,340 --> 00:15:46,350 Se konsa, egzakteman menm jan ak Allison te di, nou gen de lòt fason yo kapab fè sa. 375 00:15:46,350 --> 00:15:47,320 Mwen pral kòmanse avèk id. 376 00:15:47,320 --> 00:15:48,405 >> ALLISON BUCHHOLTZ-AU: Ann kòmanse ak id. 377 00:15:48,405 --> 00:15:50,405 >> TOMAS Reimers: Ak tou de nan sa yo, se atribi. 378 00:15:50,405 --> 00:15:53,200 Se konsa, atribi egziste nan HTML. 379 00:15:53,200 --> 00:15:55,600 Ak ki sa yo ye se yon bagay ke ou ajoute 380 00:15:55,600 --> 00:15:58,840 andedan tag nan ki se separe soti nan non an tag. 381 00:15:58,840 --> 00:16:01,301 Se konsa, ou ka gen atribi miltip. 382 00:16:01,301 --> 00:16:01,800 Yeah? 383 00:16:01,800 --> 00:16:03,950 >> ALLISON BUCHHOLTZ-AU: Mwen te jis ale yo di, ki soti nan egzanp ou a soti nan pset 7, 384 00:16:03,950 --> 00:16:06,650 si nenpòt nan ou eseye aliman bagay nan sant la, 385 00:16:06,650 --> 00:16:08,550 ou ta ka te itilize "Tèks fè aliman = sant." 386 00:16:08,550 --> 00:16:10,550 Epi ou remake li pwobableman ta dwe santre 387 00:16:10,550 --> 00:16:12,650 tèks ou a oswa ba Navigasyon ou yo. 388 00:16:12,650 --> 00:16:15,499 Se konsa, sa se sèlman tou yon atribi ke ou ta ka dwe abitye avèk. 389 00:16:15,499 --> 00:16:18,040 TOMAS Reimers: Genyen yon pakèt moun nan atribi ke ou pral wè. 390 00:16:18,040 --> 00:16:18,539 Yeah. 391 00:16:18,539 --> 00:16:21,250 Tankou bon referans nan pset 7. 392 00:16:21,250 --> 00:16:23,150 Nou gen id. 393 00:16:23,150 --> 00:16:25,080 Ou ka gen tou klas, bagay sa yo tankou sa a. 394 00:16:25,080 --> 00:16:27,250 Yon tag sèl ka gen atribi anpil. 395 00:16:27,250 --> 00:16:33,140 Se konsa, kòmanse avèk id, kite a pretann nou vle gen yon id of-- mwen pa konnen. 396 00:16:33,140 --> 00:16:35,140 Nou pral rele li espesyal, paske yon sèl sa a, nou ap 397 00:16:35,140 --> 00:16:37,867 pral fè fonse, ak soulinye, ak tou sa. 398 00:16:37,867 --> 00:16:39,950 ALLISON BUCHHOLTZ-AU: Se pral gen super espesyal. 399 00:16:39,950 --> 00:16:42,360 TOMAS Reimers: Se konsa, sa a yon sèl, nou gen id espesyal. 400 00:16:42,360 --> 00:16:48,140 Se konsa, wout la nan chwazi ki, lè sa a, se nan main.css, olye ke gen yon tag p, 401 00:16:48,140 --> 00:16:51,500 ou fè #special, OK? 402 00:16:51,500 --> 00:16:55,538 Epi sa a chwazi bagay ak id espesyal. 403 00:16:55,538 --> 00:16:57,295 sa a fè sans a tout moun? 404 00:16:57,295 --> 00:16:57,920 ODYANS: Yeah. 405 00:16:57,920 --> 00:16:59,110 TOMAS Reimers: Cool. 406 00:16:59,110 --> 00:17:04,440 Se konsa, kounye a si nou tounen, nou pral see-- whoops. 407 00:17:04,440 --> 00:17:06,240 Yeah. 408 00:17:06,240 --> 00:17:09,460 Nou pral wè ke li sèlman seleksyone yon sèl la ak id espesyal. 409 00:17:09,460 --> 00:17:10,622 Yeah? 410 00:17:10,622 --> 00:17:11,900 Son fre. 411 00:17:11,900 --> 00:17:12,570 Wi. 412 00:17:12,570 --> 00:17:15,456 >> ODYANS: Èske gen yon bagay atribi nan tou de klas ak yon id? 413 00:17:15,456 --> 00:17:16,359 >> TOMAS Reimers: Wi. 414 00:17:16,359 --> 00:17:16,900 ODYANS: OK. 415 00:17:16,900 --> 00:17:20,887 Lè sa a, kisa k ap rive si ou Lè sa a, bay li kèk règ nan CSS ke konfli? 416 00:17:20,887 --> 00:17:21,970 TOMAS Reimers: Absoliman. 417 00:17:21,970 --> 00:17:23,940 Nou ap definitivman pral pale sou sa. 418 00:17:23,940 --> 00:17:31,890 Se konsa, egzakteman sa ou te resevwa a, ou ka gen klas tou. 419 00:17:31,890 --> 00:17:36,380 Se konsa, kite a pretann mwen te gen twa paragraf ak mwen 420 00:17:36,380 --> 00:17:38,730 te vle style premye a de, men se pa twazyèm lan. 421 00:17:38,730 --> 00:17:42,850 Oke, premye lide ou kapab, byen, mwen te kapab jis bay yon sèl nan dezyèm yon id. 422 00:17:42,850 --> 00:17:45,590 Men, ou pa kapab, paske yon ID, egzakteman menm jan ak Allison te di, 423 00:17:45,590 --> 00:17:47,330 gen yo dwe inik. 424 00:17:47,330 --> 00:17:50,860 >> Se konsa, olye pou yo yon id, ki sa ou ka itilize se ou ka sèvi ak yon klas la. 425 00:17:50,860 --> 00:17:57,880 Ak yon class-- sa li pèmèt ou fè se fondamantalman di, 426 00:17:57,880 --> 00:17:59,610 sa a ki dwe kòm yon pati nan yon gwoup. 427 00:17:59,610 --> 00:18:02,410 Nan ka sa a, gwoup nou an yo rele espesyal. 428 00:18:02,410 --> 00:18:06,500 Ak sa ki nou ap ale nan fè Lè sa a, se nou ap ale nan say-- olye ke liv, 429 00:18:06,500 --> 00:18:08,070 nou ap ale nan sèvi ak dot. 430 00:18:08,070 --> 00:18:08,740 OK? 431 00:18:08,740 --> 00:18:11,950 Ak avi ke liv la ak dot sèlman egziste nan dosye a CSS, 432 00:18:11,950 --> 00:18:12,797 pa nan HTML a. 433 00:18:12,797 --> 00:18:13,880 ALLISON BUCHHOLTZ-AU: Wi. 434 00:18:13,880 --> 00:18:15,185 Enpòtan distenksyon. 435 00:18:15,185 --> 00:18:17,510 >> TOMAS Reimers: Mwen gen te gen anpil lit, 436 00:18:17,510 --> 00:18:23,990 paske mwen mete regle a nan HTML a ak Lè sa a, jis te santi estipid pou yon tan long. 437 00:18:23,990 --> 00:18:27,470 Gade kouman li chwazi tou de nan yo menm ki ak sa klas la? 438 00:18:27,470 --> 00:18:28,210 Cool. 439 00:18:28,210 --> 00:18:29,950 >> Koulye a, bagay sa yo ka gen klas miltip. 440 00:18:29,950 --> 00:18:32,790 Se pou nou di mwen te vle fè premye a de gen yon background nan jòn 441 00:18:32,790 --> 00:18:36,770 ak de nan dezyèm gen yon koulè font nan ble. 442 00:18:36,770 --> 00:18:37,270 OK. 443 00:18:37,270 --> 00:18:39,735 Mwen pa vrèman konnen poukisa mwen ta vle fè sa, men mwen kapab. 444 00:18:39,735 --> 00:18:42,401 >> ALLISON BUCHHOLTZ-AU: pa ta ka rekòmande li pou sit entènèt ou. 445 00:18:42,401 --> 00:18:43,880 Men, pou rezon nou an, li pral fè. 446 00:18:43,880 --> 00:18:46,294 >> TOMAS Reimers: Se pa yon bon koulè konplo. 447 00:18:46,294 --> 00:18:49,210 ALLISON BUCHHOLTZ-AU: Bon, jòn ak ble yo se koulè lekòl segondè mwen. 448 00:18:49,210 --> 00:18:50,947 Mwen pa konnen, menm si. 449 00:18:50,947 --> 00:18:53,530 TOMAS Reimers: Allison nan segondè lekòl te gen yon konplo koulè gwo. 450 00:18:53,530 --> 00:18:54,520 [Ri] 451 00:18:54,520 --> 00:18:59,120 Se konsa, Lè sa a, ki sa nou ka rele sa a se Se pou yo rele this-- konsa nou gen espesyal 452 00:18:59,120 --> 00:19:00,030 e nou gen joli. 453 00:19:00,030 --> 00:19:02,405 Mwen sijere, pou sa a, ou sèvi ak non pi plis deskriptif. 454 00:19:02,405 --> 00:19:05,820 ALLISON BUCHHOLTZ-AU: Yeah, mwen ta rele sa a, tankou, jòn oswa ble. 455 00:19:05,820 --> 00:19:08,314 >> TOMAS Reimers: Nou pa ap reyèlman fè yon sit entènèt reyèl, 456 00:19:08,314 --> 00:19:09,730 ki se poukisa nou pa ap fè sa. 457 00:19:09,730 --> 00:19:11,521 Men, si ou aktyèlman te gen yon sit entènèt reyèl, ou 458 00:19:11,521 --> 00:19:16,220 ta ka gen, tankou, header atik, kontni atik, premye mo, 459 00:19:16,220 --> 00:19:21,920 bagay sa yo tankou sa, ki pèmèt ou yo dwe pi plis deskriptif. 460 00:19:21,920 --> 00:19:23,550 Sa yo se reyèlman jis tankou varyab. 461 00:19:23,550 --> 00:19:28,390 Yo ta dwe fè yo te rele nan yon fason kote ou kapab, like-- yeah, kòm sa yo. 462 00:19:28,390 --> 00:19:29,470 Pafè. 463 00:19:29,470 --> 00:19:30,480 >> Se konsa, koulè background. 464 00:19:30,480 --> 00:19:35,920 Lè sa a, nou ap ale nan say-- konsa a fason yo chanje koulè se jis "koulè." 465 00:19:35,920 --> 00:19:38,412 Epi nou ap ale nan fè li ble. 466 00:19:38,412 --> 00:19:40,150 Sa a fre. 467 00:19:40,150 --> 00:19:42,640 Se konsa, kounye a nou gen nan de premye gen espesyal. 468 00:19:42,640 --> 00:19:45,972 Next yon sèl k ap pase yo gen "class = bèl." 469 00:19:45,972 --> 00:19:49,180 ALLISON BUCHHOLTZ-AU: Lè sa a, ou pral vle ajoute "bèl" nan yon sèl la presegondè. 470 00:19:49,180 --> 00:19:49,971 TOMAS Reimers: Wi. 471 00:19:49,971 --> 00:19:52,970 Lè sa a, nan yon sèl la presegondè, yo ajoute "bèl," sa k ap pase 472 00:19:52,970 --> 00:19:56,880 se ou jis gen yon espas. 473 00:19:56,880 --> 00:19:59,800 Se konsa, atribi nan klas se yon lis espas-separe 474 00:19:59,800 --> 00:20:02,450 nan tout klas yo sa ki aplike a ki tag. 475 00:20:02,450 --> 00:20:02,959 OK? 476 00:20:02,959 --> 00:20:05,750 Li pa tankou yon sèl sa a ki dwe nan kèk kalite klas espesyal ki rele 477 00:20:05,750 --> 00:20:07,180 "Espesyal, espas, bèl." 478 00:20:07,180 --> 00:20:10,870 Li fè pati de classes-- espesyal ak bèl. 479 00:20:10,870 --> 00:20:12,492 Wi? 480 00:20:12,492 --> 00:20:14,360 Cool. 481 00:20:14,360 --> 00:20:17,010 >> Lè sa a, si nou gade nan sa k ap pase, nou ap 482 00:20:17,010 --> 00:20:21,850 ale nan wè ke premye yon sèl gen background jòn, tèks nwa. 483 00:20:21,850 --> 00:20:22,450 Dezyèm yonn- 484 00:20:22,450 --> 00:20:26,160 >> ALLISON BUCHHOLTZ-AU: --has fonse background jòn ak tèks ble. 485 00:20:26,160 --> 00:20:29,330 Ak yon dènye nou an jis gen nan tèks ble ke nou asiyen nan li. 486 00:20:29,330 --> 00:20:30,870 >> TOMAS Reimers: Cool? 487 00:20:30,870 --> 00:20:32,491 Ki jan seleksyon travay? 488 00:20:32,491 --> 00:20:32,990 Awesome. 489 00:20:32,990 --> 00:20:34,720 >> ALLISON BUCHHOLTZ-AU: nou vle pale sou konfli a kounye a lè sa a? 490 00:20:34,720 --> 00:20:35,780 >> TOMAS Reimers: Se konsa, yeah. 491 00:20:35,780 --> 00:20:36,310 Absoliman. 492 00:20:36,310 --> 00:20:38,380 Se konsa, sa k ap pase si ou gen yon konfli, dwa? 493 00:20:38,380 --> 00:20:44,740 Se pou nou pretann yon sèl nan premye kouche moute yon bagay like-- 494 00:20:44,740 --> 00:20:47,240 ALLISON BUCHHOLTZ-AU: Petèt yon sèl sa a chanje jan nou koumanse a? 495 00:20:47,240 --> 00:20:48,090 TOMAS Reimers: Yeah. 496 00:20:48,090 --> 00:20:51,699 Se konsa, nou ap ale nan fè "bèl" chanje background nan somon. 497 00:20:51,699 --> 00:20:54,740 ALLISON BUCHHOLTZ-AU: Ou se jis ak tout koulè yo gwo jodi a, Tomas. 498 00:20:54,740 --> 00:20:55,573 TOMAS Reimers: Yeah. 499 00:20:55,573 --> 00:20:58,200 Paske mwen te jwenn deyò mwen kapab itilize somon kòm yon koulè reyèl. 500 00:20:58,200 --> 00:21:00,270 Se konsa, nou ap sèlman pral fè sa. 501 00:21:00,270 --> 00:21:01,770 Mwen panse tou Sunset se yon koulè reyèl. 502 00:21:01,770 --> 00:21:03,103 ODYANS: Sunset nan yon koulè reyèl? 503 00:21:03,103 --> 00:21:04,572 ALLISON BUCHHOLTZ-AU: Se pou nou eseye li. 504 00:21:04,572 --> 00:21:07,735 TOMAS Reimers: Apre Demo sa a jis paske nan ka li dega moute, 505 00:21:07,735 --> 00:21:08,943 Mwen pa vle yo dwe debogaj. 506 00:21:08,943 --> 00:21:11,580 Se konsa, nou konnen somon nan yon koulè reyèl. 507 00:21:11,580 --> 00:21:15,626 Se konsa, nenpòt eseye devine sou sa ki pral rive? 508 00:21:15,626 --> 00:21:17,522 >> ALLISON BUCHHOLTZ-AU: Nenpòt lide? 509 00:21:17,522 --> 00:21:20,002 >> ODYANS: [fèbl]. 510 00:21:20,002 --> 00:21:20,920 >> TOMAS Reimers: Yeah. 511 00:21:20,920 --> 00:21:22,150 Se konsa, ou te resevwa li egzakteman dwat. 512 00:21:22,150 --> 00:21:24,930 Fondamantalman, li pran an dènye règ ke li te bay yo. 513 00:21:24,930 --> 00:21:27,860 >> ALLISON BUCHHOLTZ-AU: Se konsa, sa a se kote kaskad vin antre nan efè. 514 00:21:27,860 --> 00:21:31,080 >> TOMAS Reimers: Se konsa, sonje ki jan nou te gen ki kaskad dra style? 515 00:21:31,080 --> 00:21:33,660 Se konsa, pa sa, nou kalite vle di ke nou gen yon pakèt moun sou règ 516 00:21:33,660 --> 00:21:37,115 ki aplike sou tèt chak lòt, epi yo kapab tou pase sou desizyon youn ak lòt. 517 00:21:37,115 --> 00:21:39,380 >> ALLISON BUCHHOLTZ-AU: Se konsa, tou sa a nan pati anba a 518 00:21:39,380 --> 00:21:41,540 pral pase sou desizyon sa a nan tèt la. 519 00:21:41,540 --> 00:21:45,842 Ou te kapab gen règ ki konplètman anile yon bagay davans. 520 00:21:45,842 --> 00:21:48,300 Sa a tou poukisa ou vle yo dwe atansyon lè w ap manier, 521 00:21:48,300 --> 00:21:51,465 pou w pa ap kreye règ ki w ap sèlman konplètman prensip. 522 00:21:51,465 --> 00:21:53,340 >> TOMAS Reimers: Oswa petèt ou vle recouvrir règ yo. 523 00:21:53,340 --> 00:21:53,920 >> ALLISON BUCHHOLTZ-AU: Oswa petèt ou fè. 524 00:21:53,920 --> 00:21:54,300 Wi. 525 00:21:54,300 --> 00:21:57,175 >> TOMAS Reimers: Pran pòz ou gen yon klas ki aplike nan pifò bagay sa yo, 526 00:21:57,175 --> 00:22:01,220 men kite a di ou vle chanje a koulè background wouj ak font la 527 00:22:01,220 --> 00:22:03,140 pwa fonse pou pifò bagay sa yo, men pou yon sèl, 528 00:22:03,140 --> 00:22:06,098 ou sèlman vle koulè a ​​background yo dwe wouj men ou vle lòt nan tout 529 00:22:06,098 --> 00:22:09,990 pwopriyete, ou ta ka fè yon bagay tankou "font-pwa = nòmal," 530 00:22:09,990 --> 00:22:12,760 ki ta Lè sa a, defèt chanjman sa a karaktè fonse. 531 00:22:12,760 --> 00:22:14,480 Yeah? 532 00:22:14,480 --> 00:22:17,250 Yon fwa ankò, fason ki pi bon, mwen panse ke Allison te di li, se jis pratike. 533 00:22:17,250 --> 00:22:18,080 >> ALLISON BUCHHOLTZ-AU: eksperimantasyon. 534 00:22:18,080 --> 00:22:20,090 >> TOMAS Reimers: Pratike, pratike, pratik, ak eksperyans. 535 00:22:20,090 --> 00:22:22,950 Mwen konnen yon anpil nan moun ki panse ke CSS se jis yon anpil nan devine-ak-chèk 536 00:22:22,950 --> 00:22:25,580 nan fen a nan jounen an, kote si ou vle fè fè yon bagay tankou, 537 00:22:25,580 --> 00:22:27,663 ou gen yon lide ki graj, men ou toujou pwobableman bezwen 538 00:22:27,663 --> 00:22:31,390 eseye li soti a asire w ou konnen ki sa li sanble. 539 00:22:31,390 --> 00:22:34,482 >> ODYANS: Lè w ap aplike klas, plis pase yon 540 00:22:34,482 --> 00:22:37,339 paragraf la menm oswa seksyon, fè li 541 00:22:37,339 --> 00:22:39,505 pwoblèm sa lòd ou kapab tape yo nan quotes yo? 542 00:22:39,505 --> 00:22:40,992 >> TOMAS Reimers: Non, pa nan tout. 543 00:22:40,992 --> 00:22:45,764 >> ALLISON BUCHHOLTZ-AU: Sa ki enpòtan se lòd la nan fèy style CSS ou. 544 00:22:45,764 --> 00:22:47,430 ODYANS: Èske ou ta kapab repete kesyon an? 545 00:22:47,430 --> 00:22:50,680 TOMAS Reimers: Oh. 546 00:22:50,680 --> 00:22:53,990 ALLISON BUCHHOLTZ-AU: Nan klas, lè w ap bay klas 547 00:22:53,990 --> 00:22:56,964 nan yon bagay nan HTML a, fè li enpòtan ki lòd yo ap nan? 548 00:22:56,964 --> 00:22:58,130 Li pa enpòtan lòd la. 549 00:22:58,130 --> 00:23:02,915 Sa ki enpòtan se lòd la nan seleksyon klas nan CSS ou a, 550 00:23:02,915 --> 00:23:04,306 nan fèy style ou. 551 00:23:04,306 --> 00:23:06,982 >> TOMAS Reimers: Son bon? 552 00:23:06,982 --> 00:23:08,532 >> ALLISON BUCHHOLTZ-AU: Lovely. 553 00:23:08,532 --> 00:23:11,539 >> TOMAS Reimers: Lè sa a, nou ap ale nan kontinye to-- 554 00:23:11,539 --> 00:23:13,330 ALLISON BUCHHOLTZ-AU: Ki sa nou gen vin apre a? 555 00:23:13,330 --> 00:23:14,245 Mwen bliye. 556 00:23:14,245 --> 00:23:16,087 Oh, nou jis gen egzanp. 557 00:23:16,087 --> 00:23:17,295 Men, nou te kalite fè sa yo. 558 00:23:17,295 --> 00:23:18,990 Nou te fè egzanp sou vole a. 559 00:23:18,990 --> 00:23:20,540 >> TOMAS Reimers: Nou jwenn yo konbine seleksyon yo byento. 560 00:23:20,540 --> 00:23:22,790 >> ALLISON BUCHHOLTZ-AU: Oh, nou jwenn nan konbine seleksyon. 561 00:23:22,790 --> 00:23:25,260 TOMAS Reimers: Se konsa, kèk egzanp se nou gen 562 00:23:25,260 --> 00:23:29,630 # Dog-- liv, oswa hashtag, oswa octothorpe, oswa kèlkeswa sa 563 00:23:29,630 --> 00:23:32,050 ou vle rele that-- byen file. 564 00:23:32,050 --> 00:23:34,875 >> ALLISON BUCHHOLTZ-AU: Sharp chen. 565 00:23:34,875 --> 00:23:36,470 >> TOMAS Reimers: Lè sa a, ou gen .pets. 566 00:23:36,470 --> 00:23:39,059 567 00:23:39,059 --> 00:23:41,600 Yon bagay gen yon id nan chen, gen nan yon sèl chen sou paj la. 568 00:23:41,600 --> 00:23:43,870 Yon bagay gen yon id nan chat, gen nan yon sèl chat. 569 00:23:43,870 --> 00:23:45,665 Gen dwa gen anpil bèt kay sou paj la. 570 00:23:45,665 --> 00:23:47,570 Se poutèt sa nou te bay ke klas yo. 571 00:23:47,570 --> 00:23:48,740 Ou gen yon egzanp nan p. 572 00:23:48,740 --> 00:23:50,490 Lè sa a, se konsa youn nan la dènye egzanp, ki 573 00:23:50,490 --> 00:23:53,790 se yon bagay nou pa te pale osijè de, se sa ki pase lè ou konbine yo. 574 00:23:53,790 --> 00:23:54,580 Se konsa, p.pets. 575 00:23:54,580 --> 00:23:57,510 576 00:23:57,510 --> 00:24:02,950 >> Se konsa, pou sa, se pou yo tounen nan la Kòd ak prezante another-- yeah. 577 00:24:02,950 --> 00:24:04,290 Se konsa, tounen isit la. 578 00:24:04,290 --> 00:24:04,850 >> ALLISON BUCHHOLTZ-AU: Mwen santi tankou sa a se really-- 579 00:24:04,850 --> 00:24:08,105 tankou jis kap nan egzanp se reyèlman wout la yo aprann sa a. 580 00:24:08,105 --> 00:24:09,360 Se konsa, sa a, se sa n ap fè. 581 00:24:09,360 --> 00:24:14,030 >> TOMAS Reimers: Se konsa, kite a pretann nou sèlman vle chwazi tèks 2, dwa? 582 00:24:14,030 --> 00:24:16,530 Se konsa, nou definitivman pa kapab fè sa ak yon id. 583 00:24:16,530 --> 00:24:19,620 Oke, nou ka fè sa ak yon id, men li pa gen yon id. 584 00:24:19,620 --> 00:24:22,490 Mwen te kapab ajoute yon sèl, men kite a pretann ke mwen pa t 'vle ajoute yon 585 00:24:22,490 --> 00:24:24,910 oswa li deja gen yon lòt bagay. 586 00:24:24,910 --> 00:24:26,516 Mwen pa ka fè sa ak sa. 587 00:24:26,516 --> 00:24:28,870 Tag a se definitivman pa inik, dwa? 588 00:24:28,870 --> 00:24:30,670 Ak ni se klas la. 589 00:24:30,670 --> 00:24:32,314 Men, ou ka konbine bagay sa yo. 590 00:24:32,314 --> 00:24:35,230 Se pou nou di nou te vle fè yon bagay ki aplike sèlman nan bagay ki 591 00:24:35,230 --> 00:24:39,420 gen espesyal nan klas ak ki gen klas la bèl. 592 00:24:39,420 --> 00:24:48,150 >> Se konsa, sa ou ka fè se nan main.css, ou ka di, se pou yo premye efase sa a. 593 00:24:48,150 --> 00:24:50,240 Ou ka konbine sa yo. 594 00:24:50,240 --> 00:24:51,430 Se konsa, ou kapab fè .special. 595 00:24:51,430 --> 00:24:52,110 Pa gen espas. 596 00:24:52,110 --> 00:24:54,770 Jis .special.pretty. 597 00:24:54,770 --> 00:25:00,550 Ki sa sa vle di se yon bagay ki se tou de espesyal ak bèl. 598 00:25:00,550 --> 00:25:01,900 ki fè sans? 599 00:25:01,900 --> 00:25:04,190 Men, si nou ale isit la, ki sa w ap ale nan wè 600 00:25:04,190 --> 00:25:09,734 se règleman sa-a aplike sèlman nan la dezyèm yon sèl, ki te gen tou de nan sa yo. 601 00:25:09,734 --> 00:25:11,400 Epi ou ka fè sa pou yon anpil nan bagay sa yo. 602 00:25:11,400 --> 00:25:13,270 Ou ka say-- kite nan pretann mwen sèlman te vle 603 00:25:13,270 --> 00:25:18,300 fè bagay sa yo ki gen klas nan bèl ak ki se tou yon tag paragraf. 604 00:25:18,300 --> 00:25:19,920 Se konsa, p.pretty. 605 00:25:19,920 --> 00:25:23,585 Se pou yo pretann ke mwen te gen yon bagay trè sou kò a tag. 606 00:25:23,585 --> 00:25:25,850 OK? 607 00:25:25,850 --> 00:25:28,490 Mwen ka kouri sa a epi mwen ka wè ke li nan sèlman 608 00:25:28,490 --> 00:25:32,720 ale nan aplike nan bagay ki paragraf avèk klas la bèl. 609 00:25:32,720 --> 00:25:35,650 Epi ou ka konbine sa yo, fondamantalman, kòm anpil jan ou vle. 610 00:25:35,650 --> 00:25:38,580 Se konsa, ou ka jis mete yo ansanm. 611 00:25:38,580 --> 00:25:39,604 ki fè sans? 612 00:25:39,604 --> 00:25:41,770 ALLISON BUCHHOLTZ-AU: Se konsa, sa a kalite se pi plis itil 613 00:25:41,770 --> 00:25:45,490 lè, Tomas te di pi bonè, petèt ou gen yon sit entènèt trè konplike, 614 00:25:45,490 --> 00:25:48,050 epi ou deja gen yon anpil nan règleman sa yo ekri, 615 00:25:48,050 --> 00:25:51,170 epi ou jis bezwen konbine de soti nan anvan. 616 00:25:51,170 --> 00:25:55,350 Tankou olye pou yo ekri yon antye nouvo seleksyon ak chanje li a, 617 00:25:55,350 --> 00:25:58,592 ou ka jis konbine yo kote li doubl. 618 00:25:58,592 --> 00:26:00,670 >> TOMAS Reimers: Oswa ou ta ka jwenn out-- pafwa 619 00:26:00,670 --> 00:26:04,290 gen nan yon klas ki fè koulè font la tankou ble, 620 00:26:04,290 --> 00:26:06,740 ak gen nan yon lòt klas ki fè ble a background. 621 00:26:06,740 --> 00:26:07,840 Epi ki jis pa pral travay. 622 00:26:07,840 --> 00:26:10,924 Se konsa, ou ekri yon ka espesyal, kote, like-- men si li gen tou de, ki sa w ap 623 00:26:10,924 --> 00:26:13,548 pral fè se w ap ale nan fè sa-a yon sèl sa a lonbraj nan ble 624 00:26:13,548 --> 00:26:15,310 ak yon sèl sa a sa a lòt lonbraj nan ble. 625 00:26:15,310 --> 00:26:15,580 Dwa? 626 00:26:15,580 --> 00:26:17,955 >> ALLISON BUCHHOLTZ-AU: Bon pou sa yo kalite eksepsyon. 627 00:26:17,955 --> 00:26:21,220 TOMAS Reimers: Se konsa, panse osijè de pwoblèm 628 00:26:21,220 --> 00:26:25,000 ki ka rive lè ou konbine yo. 629 00:26:25,000 --> 00:26:27,020 Cool. 630 00:26:27,020 --> 00:26:29,692 Se konsa, tounen nan prezantasyon nou an. 631 00:26:29,692 --> 00:26:31,400 ALLISON BUCHHOLTZ-AU: Nou prèske la. 632 00:26:31,400 --> 00:26:34,022 TOMAS Reimers: Epi li te sispann konekte. 633 00:26:34,022 --> 00:26:36,494 ALLISON BUCHHOLTZ-AU: Oh, pa gen okenn. 634 00:26:36,494 --> 00:26:39,125 ALLISON BUCHHOLTZ-AU: CS nan biwo a, entènèt desann. 635 00:26:39,125 --> 00:26:40,360 Oh, paradoks la. 636 00:26:40,360 --> 00:26:45,620 >> TOMAS Reimers: Se konsa, erezman, nou kapab prezante san yo pa entènèt la, mwen devine, 637 00:26:45,620 --> 00:26:47,380 paske nou gen tout glisad yo isit la. 638 00:26:47,380 --> 00:26:49,304 Se konsa, kite a pale sou la relasyon nan Tags. 639 00:26:49,304 --> 00:26:50,470 ALLISON BUCHHOLTZ-AU: Dwa. 640 00:26:50,470 --> 00:26:52,660 Se konsa, jis kalite ale koupe nan sa Tomas te di, 641 00:26:52,660 --> 00:26:54,180 sa a se jis yon lòt fason yo fè li. 642 00:26:54,180 --> 00:26:57,840 Se konsa, nou gen kèk paran seleksyon ak yon seleksyon timoun. 643 00:26:57,840 --> 00:27:02,815 Se konsa, nan egzanp sa a isit la, nou gen kèk kò ak yon navbar klas, bouton klas. 644 00:27:02,815 --> 00:27:03,315 Ah. 645 00:27:03,315 --> 00:27:03,990 >> TOMAS Reimers: Oh, regrèt. 646 00:27:03,990 --> 00:27:06,180 >> ALLISON BUCHHOLTZ-AU: Lè fondamantalman, sa sa vle di 647 00:27:06,180 --> 00:27:11,070 se chwazi tout nan timoun yo, tankou tout nan sa yo kalite seleksyon, 648 00:27:11,070 --> 00:27:13,040 nan seleksyon paran sa a. 649 00:27:13,040 --> 00:27:16,004 Ak sa yo se yo menm sèlman li nan janm ale nan aplike nan. 650 00:27:16,004 --> 00:27:17,755 Mwen pa konnen si ou gen yon pi bon fason of-- 651 00:27:17,755 --> 00:27:19,504 TOMAS Reimers: Se konsa, mwen devine wout la nan panse 652 00:27:19,504 --> 00:27:22,440 sou sa a se sonje anvan ki jan nou sòt de tankou mete yo ansanm. 653 00:27:22,440 --> 00:27:26,340 Lè sa a, sa vle di yon sèl eleman ki matche ak chwa tout moun sa yo. 654 00:27:26,340 --> 00:27:29,530 Ki sa ki sa a ap di se, mwen vle ou matche ak tout bagay 655 00:27:29,530 --> 00:27:33,220 nan some-- mwen vle ou jwenn yon seleksyon. 656 00:27:33,220 --> 00:27:35,670 Lè sa a, nan ki, mwen vle ou matche ak nouvo bagay. 657 00:27:35,670 --> 00:27:36,170 Dwa? 658 00:27:36,170 --> 00:27:40,900 Se konsa, nan CSS, li tout sou sòt de ke yo te kapab matche ak bagay sa yo. 659 00:27:40,900 --> 00:27:43,050 Epi ou ka eseye matche ak atik nan lòt atik. 660 00:27:43,050 --> 00:27:46,510 >> Se konsa, kite a aktyèlman fè yon egzanp, e nou panse ki pral klarifye. 661 00:27:46,510 --> 00:27:53,090 Se konsa, kite a pretann nou gen espesyal, espesyal bèl, kèlkeswa sa. 662 00:27:53,090 --> 00:27:55,690 Lè sa a, nou gen yon lyen, OK? 663 00:27:55,690 --> 00:27:59,780 664 00:27:59,780 --> 00:28:02,370 Se konsa, sonje, se yon se yon lyen. 665 00:28:02,370 --> 00:28:03,900 Li pa nan ale nan ale nenpòt kote. 666 00:28:03,900 --> 00:28:11,500 E nou pral bay li lyen nan klas, mwen devine. 667 00:28:11,500 --> 00:28:13,335 Se pou yo bay li a class-- ban m 'yon lide. 668 00:28:13,335 --> 00:28:14,460 ALLISON BUCHHOLTZ-AU: Cool. 669 00:28:14,460 --> 00:28:16,420 TOMAS Reimers: Coo-- kite nan ale li klas la bèl. 670 00:28:16,420 --> 00:28:16,930 Poukisa nou pa? 671 00:28:16,930 --> 00:28:17,971 >> ALLISON BUCHHOLTZ-AU: OK. 672 00:28:17,971 --> 00:28:23,040 TOMAS Reimers: Se konsa, kounye a trè bagay 673 00:28:23,040 --> 00:28:26,000 yo ale nan fè background nan ble, koulè background nan somon. 674 00:28:26,000 --> 00:28:27,969 Ki fè sans. 675 00:28:27,969 --> 00:28:28,760 Men, si nou fè this-- 676 00:28:28,760 --> 00:28:29,620 >> ALLISON BUCHHOLTZ-AU: ou vle ajoute tèks 677 00:28:29,620 --> 00:28:31,078 se konsa HyperLink a aktyèlman montre moute? 678 00:28:31,078 --> 00:28:35,088 TOMAS Reimers: Sa ta dwe yon bon apèl. 679 00:28:35,088 --> 00:28:37,921 ALLISON BUCHHOLTZ-AU: 'dwat Kòz kounye a nou ap jis pral jwenn pa gen anyen. 680 00:28:37,921 --> 00:28:39,690 TOMAS Reimers: Se konsa, sa a se yon lyen. 681 00:28:39,690 --> 00:28:42,202 "Sa a se yon lyen." 682 00:28:42,202 --> 00:28:45,820 Oh, ak sa a ki pral yo dwe yon lòt lyen. 683 00:28:45,820 --> 00:28:47,280 Se pou yo bay li klas la "fre." 684 00:28:47,280 --> 00:28:50,295 Ou se dwa. 685 00:28:50,295 --> 00:28:50,795 Cool. 686 00:28:50,795 --> 00:28:53,590 687 00:28:53,590 --> 00:28:56,010 Se konsa, kounye a nou ap ale nan gen tan pwan sa a. 688 00:28:56,010 --> 00:28:57,269 Nou pwal voye jete yon sèl. 689 00:28:57,269 --> 00:28:59,060 Nou gen yon sèl nan la tag espesyal, ak nou menm tou nou 690 00:28:59,060 --> 00:29:01,150 yo ale nan gen yon sèl nan tag a bèl. 691 00:29:01,150 --> 00:29:05,449 E yo gen dwa kounye a ki sa nou ap ale nan fè se nou ap ale nan fè cool-- 692 00:29:05,449 --> 00:29:06,490 ki sa nou vle li fè? 693 00:29:06,490 --> 00:29:10,347 694 00:29:10,347 --> 00:29:12,180 ALLISON BUCHHOLTZ-AU: Èske nou ka fè l 'pi gwo? 695 00:29:12,180 --> 00:29:13,800 TOMAS Reimers: Se pou nou bay li yon limit fwontyè yo. 696 00:29:13,800 --> 00:29:14,840 ALLISON BUCHHOLTZ-AU: Nou te ka fwontyè. 697 00:29:14,840 --> 00:29:15,673 TOMAS Reimers: Yeah. 698 00:29:15,673 --> 00:29:18,560 Se konsa, nou ap ale nan fè yon bagay tankou, is-- fwontyè ak nou ap 699 00:29:18,560 --> 00:29:20,971 ale nan esplike sa a tout nan yon dezyèm fwa. 700 00:29:20,971 --> 00:29:21,470 Pou now-- 701 00:29:21,470 --> 00:29:24,592 >> ALLISON BUCHHOLTZ-AU: Pou modèl nan bwat. 702 00:29:24,592 --> 00:29:27,300 TOMAS Reimers: Men, pou kounye a, nou ap jis ale nan bay li yon limit fwontyè yo. 703 00:29:27,300 --> 00:29:29,580 Se konsa, sa sa vle di se w ap pral wè lyen sa yo. 704 00:29:29,580 --> 00:29:32,788 Epi ou ap ale nan wè yo ke yo gen sa yo, tankou, lèd fwontyè nwa, ki 705 00:29:32,788 --> 00:29:33,820 se fre. 706 00:29:33,820 --> 00:29:34,500 >> ALLISON BUCHHOLTZ-AU: Sit entènèt nou an nan tèlman bèl. 707 00:29:34,500 --> 00:29:35,333 >> TOMAS Reimers: Yeah. 708 00:29:35,333 --> 00:29:38,930 Sit entènèt nou an se pè. 709 00:29:38,930 --> 00:29:41,585 Se konsa, de sa yo, se lyen yo, ak yo parèt. 710 00:29:41,585 --> 00:29:44,160 Koulye a, kite a pretann mwen sèlman te vle fè sa a 711 00:29:44,160 --> 00:29:50,072 si li pa t 'ki nan yon bagay ki te gen yon background nan somon. 712 00:29:50,072 --> 00:29:52,280 Se konsa, sonje ke yon sèl sa a gen yon background nan somon, 713 00:29:52,280 --> 00:29:54,000 paske li nan nan klas bèl. 714 00:29:54,000 --> 00:29:59,777 >> Men, nou vle di ke se sèlman refwadi ki fè yo nan klas espesyal, pa nan klas 715 00:29:59,777 --> 00:30:02,890 bèl, ta dwe gen ki fwontyè. 716 00:30:02,890 --> 00:30:12,549 Oke, ki sa ou ka fè se ou ka di, .special, espas, .cool. 717 00:30:12,549 --> 00:30:15,590 Ak sa ki ki nan fè, lè ou panse sou li, se li nan fondamantalman li di yo: 718 00:30:15,590 --> 00:30:19,530 OK, jwenn m 'tou sa ki matche ak chwa espesyal. 719 00:30:19,530 --> 00:30:24,104 Lè sa a, nan sa yo tags, jwenn m 'tou sa ki nan fre. 720 00:30:24,104 --> 00:30:27,270 ALLISON BUCHHOLTZ-AU: Se konsa, yon lòt fason ke sa ta kapab bon yo reflechi sou sa a, 721 00:30:27,270 --> 00:30:29,810 yo pote l 'tounen nan C, se jis tankou lide a nan dimansyon. 722 00:30:29,810 --> 00:30:34,020 Se konsa, lè ou gen kèk seleksyon, tankou sa yo 723 00:30:34,020 --> 00:30:38,460 ke nou ve yo te ap travay pou anvan sa a, paj tout antye entènèt ou, tout nan HTML ou 724 00:30:38,460 --> 00:30:40,180 se nan sijè ki abòde ou, dwa? 725 00:30:40,180 --> 00:30:43,090 Men, lè nou gen sa yo relasyon paran-pitit, 726 00:30:43,090 --> 00:30:47,130 li a kòm si w ap konble desann kote w ap chèche nan yon kote espesifik, 727 00:30:47,130 --> 00:30:50,540 kòm si, tankou, nou ap chèche nan yon fonksyon espesifik olye pou 728 00:30:50,540 --> 00:30:52,007 nan tout dosye nou yo. 729 00:30:52,007 --> 00:30:55,090 ODYANS: Se konsa, avèk ki nan tèt, ta li te konte si nou te gen changed-- 730 00:30:55,090 --> 00:30:56,423 ALLISON BUCHHOLTZ-AU: Lòd la? 731 00:30:56,423 --> 00:30:59,320 ODYANS: klas --the nan CSS .cool, espas, .special? 732 00:30:59,320 --> 00:31:01,153 ALLISON BUCHHOLTZ-AU: Wi, paske Lè sa a, ki 733 00:31:01,153 --> 00:31:04,420 ta ka di, sijè ki abòde li nan tou sa ki gen fre, 734 00:31:04,420 --> 00:31:07,235 ak Lè sa a gade nan ki sa has-- Mwen vle di, tankou, nan ka sa a, 735 00:31:07,235 --> 00:31:08,860 Mwen pa panse li ta chanje li. 736 00:31:08,860 --> 00:31:10,318 >> TOMAS Reimers: Si nou te di ki sa? 737 00:31:10,318 --> 00:31:10,906 Padon. 738 00:31:10,906 --> 00:31:12,660 >> ALLISON BUCHHOLTZ-AU: Si nou sijè ki abòde li yo refwadi ak Lè sa a, 739 00:31:12,660 --> 00:31:14,550 gade pou bagay sa yo soti nan espesyal, li ta dwe menm bagay la, aktyèlman. 740 00:31:14,550 --> 00:31:16,260 >> TOMAS Reimers: Se konsa, li pa ta dwe. 741 00:31:16,260 --> 00:31:16,590 >> ALLISON BUCHHOLTZ-AU: Li pa ta? 742 00:31:16,590 --> 00:31:17,590 Oh, oh byen. 743 00:31:17,590 --> 00:31:18,090 Se mwen menm ki mal. 744 00:31:18,090 --> 00:31:21,480 >> TOMAS Reimers: Se konsa, rezon ki fè yo li nan diferan mistake-- komen 745 00:31:21,480 --> 00:31:27,140 se ke kounye a sèlman lyen an gen fre, dwa? 746 00:31:27,140 --> 00:31:32,176 Mwen devine kesyon mwen an ou nèg se, sa sou paj sa a se matche pa .cool? 747 00:31:32,176 --> 00:31:35,984 748 00:31:35,984 --> 00:31:38,340 Gen de Tags isit la, dwa? 749 00:31:38,340 --> 00:31:39,770 Ki se yon sèl sa a ak yon sèl sa a. 750 00:31:39,770 --> 00:31:40,590 Tou de matche ak fre. 751 00:31:40,590 --> 00:31:42,200 Pa gen anyen lòt moun fè. 752 00:31:42,200 --> 00:31:46,460 Se konsa, si ou te di, .cool, espas, .special, ki sa w ap ale nan di se, 753 00:31:46,460 --> 00:31:48,824 nan sa yo Tags, ki sa ki espesyal? 754 00:31:48,824 --> 00:31:49,865 ALLISON BUCHHOLTZ-AU: Hm. 755 00:31:49,865 --> 00:31:51,800 Sa a ki sa l-- dwat. 756 00:31:51,800 --> 00:31:52,310 Paske li nan tankou jis yon bagay isit la. 757 00:31:52,310 --> 00:31:53,310 >> TOMAS Reimers: Se konsa, li chwazi pa gen anyen. 758 00:31:53,310 --> 00:31:56,530 >> ALLISON BUCHHOLTZ-AU: Lè nou konsidere ke ak espesyal, nou ap nan tags sa yo isit la. 759 00:31:56,530 --> 00:31:57,971 >> TOMAS Reimers: Moun sa yo ki ak tout moun. 760 00:31:57,971 --> 00:31:58,512 ODYANS: OK. 761 00:31:58,512 --> 00:31:58,920 Se konsa, moun ki soti nan pou pi devan nan tags koupe? 762 00:31:58,920 --> 00:31:59,740 >> TOMAS Reimers: Wi. 763 00:31:59,740 --> 00:32:01,150 ki fè sans? 764 00:32:01,150 --> 00:32:03,685 Ki jan li nan fondamantalman ap eseye etwat sijè ki abòde. 765 00:32:03,685 --> 00:32:04,810 ALLISON BUCHHOLTZ-AU: Yeah. 766 00:32:04,810 --> 00:32:06,870 Mwen panse ke sa a, se pwobableman a pi fasil fason yo reflechi sou li. 767 00:32:06,870 --> 00:32:09,270 >> TOMAS Reimers: Se konsa, nou te jwenn sa a, ak nou jwenn sa a tou de matche espesyal. 768 00:32:09,270 --> 00:32:11,400 Lè sa a, nou ap mande, nan mesye sa yo, sa ki nan fre? 769 00:32:11,400 --> 00:32:12,941 E nan lespas de yon sèl sa a, fre sa a yon sèl la. 770 00:32:12,941 --> 00:32:14,500 Nan yon sèl sa a, pa gen anyen nan fre. 771 00:32:14,500 --> 00:32:16,250 Se konsa, sa a se tag a sèlman ki rete. 772 00:32:16,250 --> 00:32:20,112 >> ALLISON BUCHHOLTZ-AU: Lè nou konsidere ke fre se jis nan sa yo yon tags la. 773 00:32:20,112 --> 00:32:21,070 TOMAS Reimers: Egzakteman. 774 00:32:21,070 --> 00:32:22,403 Ak sa ki nan espesyal nan sa yo? 775 00:32:22,403 --> 00:32:22,930 Pa gen anyen. 776 00:32:22,930 --> 00:32:25,270 Koulye a, sa m 'pral di se si pa te gen okenn espas, 777 00:32:25,270 --> 00:32:29,880 w ap mande sa ki nan fre ak special-- oswa sa ki nan bèl ak espesyal, dwa? 778 00:32:29,880 --> 00:32:35,370 Si w di .special.pretty, ki nan menm bagay la kòm .pretty.special. 779 00:32:35,370 --> 00:32:39,220 >> Paske sa retire espas ki la se mande se, lè ou di .special, 780 00:32:39,220 --> 00:32:40,970 w ap mande, OK, ki sa yo se espesyal? 781 00:32:40,970 --> 00:32:43,780 Lè sa a, nan tout sa yo, ki sa yo se tou trè, 782 00:32:43,780 --> 00:32:47,010 ki se menm bagay la, gramatikalman, kòm mande, sa ki nan bèl, 783 00:32:47,010 --> 00:32:49,500 ak Lè sa a nan tout sa yo, sa ki nan tou espesyal? 784 00:32:49,500 --> 00:32:50,000 Dwa? 785 00:32:50,000 --> 00:32:53,099 Li nan diferans lan nan sa ki nan ki nan ki sa ki. 786 00:32:53,099 --> 00:32:53,640 ODYANS: OK. 787 00:32:53,640 --> 00:32:54,473 TOMAS Reimers: Yeah. 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 Se konsa, avèk ki nan tèt then-- 791 00:33:00,426 --> 00:33:01,800 >> ALLISON BUCHHOLTZ-AU: Mwen panse ke dènye nou an bagay se (NAN FANCY Britanik aksan) 792 00:33:01,800 --> 00:33:02,510 modèl nan bwat. 793 00:33:02,510 --> 00:33:05,992 >> TOMAS Reimers: box-- [Chuckles a] Mwen renmen fason an Allison di ke. 794 00:33:05,992 --> 00:33:06,950 Se konsa, bagay la modèl bwat. 795 00:33:06,950 --> 00:33:09,644 >> ALLISON BUCHHOLTZ-AU: Jis gen yon bwat, mwen pral modèl bwat ou. 796 00:33:09,644 --> 00:33:11,310 TOMAS Reimers: Se konsa, kite nan pale sou sa. 797 00:33:11,310 --> 00:33:14,070 Se konsa, kounye a nou te pase yon anpil nan tan ap pale de seleksyon. 798 00:33:14,070 --> 00:33:16,944 Depi kounye a, ou nèg yo se pwobableman, tankou, mèt nan selectors-- ou konnen, 799 00:33:16,944 --> 00:33:21,510 Ki jan yo chwazi egzakteman kontni an ki ou vle manipile sou ekran an. 800 00:33:21,510 --> 00:33:24,740 >> Se konsa, koulye a kesyon an se, ki jan egzakteman ou ka manipile li? 801 00:33:24,740 --> 00:33:27,010 Se konsa, mwen devine ki pi fondamantal la fason yo panse osijè de sa 802 00:33:27,010 --> 00:33:30,294 se, byen, ki sa egzakteman se yon eleman nan CSS? 803 00:33:30,294 --> 00:33:32,585 Nou te pase yon anpil tan pale de, sa ki se yon tag, 804 00:33:32,585 --> 00:33:36,140 oswa ki sa ki pi fondamantal la reprezantasyon nan yon tag? 805 00:33:36,140 --> 00:33:39,870 806 00:33:39,870 --> 00:33:45,170 >> Yon bon fason yo reflechi sou ki se, se sa ki fòm se somon? 807 00:33:45,170 --> 00:33:47,295 Ki fòm se la, tankou, somon ki gen koulè pal background? 808 00:33:47,295 --> 00:33:47,880 >> ODYANS: Li se yon rektang. 809 00:33:47,880 --> 00:33:49,040 >> TOMAS Reimers: Li se yon rektang, dwa? 810 00:33:49,040 --> 00:33:50,956 >> ALLISON BUCHHOLTZ-AU: Pa t 'yon kesyon Trick. 811 00:33:50,956 --> 00:33:51,870 [Ri] 812 00:33:51,870 --> 00:33:54,670 >> TOMAS Reimers: Pa eseye fè je chèch ak ou nèg sa a ta. 813 00:33:54,670 --> 00:33:57,510 Se konsa, nou gen rektang sa a. 814 00:33:57,510 --> 00:33:59,140 Ak tag a se yon p, dwa? 815 00:33:59,140 --> 00:34:02,280 Se konsa, ki ba nou bon kwayans ke paragraf la 816 00:34:02,280 --> 00:34:07,440 se reprezante kòm yon rektang, nan omwen nan tèt ou a nan navigatè a, ki 817 00:34:07,440 --> 00:34:08,715 li se. 818 00:34:08,715 --> 00:34:11,423 >> ALLISON BUCHHOLTZ-AU: Mwen vle di, navigatè yo, se tipikman rektangilè, 819 00:34:11,423 --> 00:34:13,440 se konsa li fè sans. 820 00:34:13,440 --> 00:34:18,750 >> TOMAS Reimers: Lide a isit la se ke tout nan etikèt yo ki nan CSS 821 00:34:18,750 --> 00:34:21,790 yo reprezante kòm yon rektang. 822 00:34:21,790 --> 00:34:25,699 Ak chak rektang gen kat pati selon CSS, OK? 823 00:34:25,699 --> 00:34:27,830 Ou gen kontni an vrè. 824 00:34:27,830 --> 00:34:29,644 Sa a kote tèks la bay manti. 825 00:34:29,644 --> 00:34:30,470 >> ALLISON BUCHHOLTZ-AU: Petèt foto ou. 826 00:34:30,470 --> 00:34:31,303 >> TOMAS Reimers: Yeah. 827 00:34:31,303 --> 00:34:33,860 Ou gen padding, ki se jis kèk kalite espas blan. 828 00:34:33,860 --> 00:34:35,085 Lè sa a, ou gen yon limit fwontyè yo. 829 00:34:35,085 --> 00:34:37,710 Lè sa a, ou gen Marge, ki se espas blan deyò nan sa. 830 00:34:37,710 --> 00:34:39,460 Se konsa, ki pa fè okenn sans yo ba nenpòt moun, se konsa nou ap 831 00:34:39,460 --> 00:34:42,500 pral pale sou sa pou yon dezyèm fwa. 832 00:34:42,500 --> 00:34:47,570 Se konsa, isit la menm, ki sa nou ap ale nan fè se nou ap ale nan kreye kèk div, OK? 833 00:34:47,570 --> 00:34:48,420 Eskize m 'pandan I-- 834 00:34:48,420 --> 00:34:51,506 >> ALLISON BUCHHOLTZ-AU: Mwen santi mwen renmen nou ta dwe mete yon foto bèl nan. 835 00:34:51,506 --> 00:34:52,520 >> TOMAS Reimers: Nou definitivman ta dwe. 836 00:34:52,520 --> 00:34:53,389 >> ALLISON BUCHHOLTZ-AU: Mwen santi mwen tankou tout moun 837 00:34:53,389 --> 00:34:54,870 te kapab benefisye de yon bèl foto, se tout. 838 00:34:54,870 --> 00:34:56,774 >> TOMAS Reimers: Èske nou ka tout benefisye de a-- 839 00:34:56,774 --> 00:34:57,648 >> ODYANS: Yeah, asire w. 840 00:34:57,648 --> 00:34:58,790 TOMAS Reimers: OK, fre. 841 00:34:58,790 --> 00:35:02,254 Se konsa, nou ta dwe mete yon bèl foto nan yon kote. 842 00:35:02,254 --> 00:35:05,295 ALLISON BUCHHOLTZ-AU: Mwen santi mwen tankou yon Cute Bunny kapab itil kounye a. 843 00:35:05,295 --> 00:35:06,190 TOMAS Reimers: Asire w. 844 00:35:06,190 --> 00:35:06,950 ALLISON BUCHHOLTZ-AU: Fen nan semèn nan. 845 00:35:06,950 --> 00:35:07,390 Gen yon bagay adorab-- 846 00:35:07,390 --> 00:35:08,520 >> TOMAS Reimers: Ki jan bout yon ti chat? 847 00:35:08,520 --> 00:35:09,220 >> ALLISON BUCHHOLTZ-AU: Yon chat travay, tou. 848 00:35:09,220 --> 00:35:11,300 >> TOMAS Reimers: Cool, paske gen nan yon sit pou sa. 849 00:35:11,300 --> 00:35:12,300 Yo rele li PlaceKitten. 850 00:35:12,300 --> 00:35:14,719 ALLISON BUCHHOLTZ-AU: Sa se gwo. 851 00:35:14,719 --> 00:35:15,510 TOMAS Reimers: Wi. 852 00:35:15,510 --> 00:35:18,040 ALLISON BUCHHOLTZ-AU: Jis pou, tankou, imaj kontneur nan sit entènèt ou. 853 00:35:18,040 --> 00:35:18,914 TOMAS Reimers: Milimèt-HM. 854 00:35:18,914 --> 00:35:21,520 Genyen tou PlacePuppy. 855 00:35:21,520 --> 00:35:22,832 Apre sa, nan PlaceBacon. 856 00:35:22,832 --> 00:35:24,340 >> ALLISON BUCHHOLTZ-AU: PlaceBacon? 857 00:35:24,340 --> 00:35:25,350 Vrèman? 858 00:35:25,350 --> 00:35:28,190 >> TOMAS Reimers: Oh, nou pa fè sa gen aksè entènèt isit la. 859 00:35:28,190 --> 00:35:29,875 >> ALLISON BUCHHOLTZ-AU: [Ap plenn] 860 00:35:29,875 --> 00:35:30,375 Trajik. 861 00:35:30,375 --> 00:35:32,333 TOMAS Reimers: Sinon, Mwen ta montre ou nèg 862 00:35:32,333 --> 00:35:33,870 ki jan yo mete imaj nan sit entènèt ou. 863 00:35:33,870 --> 00:35:36,370 Nou pral eseye jwenn sa a k ap travay anvan nou gen yo ale. 864 00:35:36,370 --> 00:35:38,660 Men, pou kounye a, nou ap jis pral pale nan koulè lè sa a. 865 00:35:38,660 --> 00:35:39,820 Nou vle mete foto nan kittens-- 866 00:35:39,820 --> 00:35:40,210 >> ALLISON BUCHHOLTZ-AU: Nou te fè sa. 867 00:35:40,210 --> 00:35:43,110 >> TOMAS Reimers: --the entènèt la desann pou moman sa a ke yo te. 868 00:35:43,110 --> 00:35:47,820 Se konsa, nou gen de div, epi nou ap pral bay yo de idantifikasyon. 869 00:35:47,820 --> 00:35:51,380 870 00:35:51,380 --> 00:35:56,760 Nou pral rele li "Premye" ak "dezyèm fwa." 871 00:35:56,760 --> 00:36:01,184 Se konsa, didantite = "premye." 872 00:36:01,184 --> 00:36:02,850 E nou pral ba yo de koulè. 873 00:36:02,850 --> 00:36:08,424 Se konsa, kouman nou chwazi yon bagay ak yon id nan "premye"? 874 00:36:08,424 --> 00:36:09,840 ALLISON BUCHHOLTZ-AU: Dot oswa regle? 875 00:36:09,840 --> 00:36:10,730 ODYANS: Sharp. 876 00:36:10,730 --> 00:36:12,940 TOMAS Reimers: Sharp, pafè. 877 00:36:12,940 --> 00:36:14,950 Sharp, regle, kèlkeswa sa we-- 878 00:36:14,950 --> 00:36:15,680 >> ALLISON BUCHHOLTZ-AU: Anpil nan bagay sa yo rele li. 879 00:36:15,680 --> 00:36:16,430 >> TOMAS Reimers: OK. 880 00:36:16,430 --> 00:36:19,800 Nou pral rezoud sou hashtag, ak se sa ki nou ap ale nan ale avèk yo. 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: Se konsa, hashtag a an premye. 884 00:36:22,340 --> 00:36:24,506 >> ALLISON BUCHHOLTZ-AU: Se konsa, ou ka tweet seminè a 885 00:36:24,506 --> 00:36:27,582 hashtag CSS, hashtag fre. 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, wi. 888 00:36:30,730 --> 00:36:31,480 TOMAS Reimers: OK. 889 00:36:31,480 --> 00:36:33,660 Se konsa, nou gen "premye" ak "dezyèm fwa." 890 00:36:33,660 --> 00:36:37,697 Se konsa, premye, nou ap ale nan gen yon koulè background nan wouj. 891 00:36:37,697 --> 00:36:39,030 ALLISON BUCHHOLTZ-AU: Uh, kolon. 892 00:36:39,030 --> 00:36:40,281 TOMAS Reimers: Wi. 893 00:36:40,281 --> 00:36:42,281 ALLISON BUCHHOLTZ-AU: Mwen pral ou plas-korektè. 894 00:36:42,281 --> 00:36:43,960 TOMAS Reimers: Allison nan te resevwa m '. 895 00:36:43,960 --> 00:36:45,830 Jan nou koumanse-koulè nan blue-- 896 00:36:45,830 --> 00:36:46,810 >> TOMAS Reimers: Mòv! 897 00:36:46,810 --> 00:36:47,726 >> TOMAS Reimers: Mòv. 898 00:36:47,726 --> 00:36:48,830 ALLISON BUCHHOLTZ-AU: Wi. 899 00:36:48,830 --> 00:36:50,630 Koulè wouj violèt nan koulè pi renmen m 'yo, epi nou pa te itilize li ankò. 900 00:36:50,630 --> 00:36:51,546 >> TOMAS Reimers: Vyolèt. 901 00:36:51,546 --> 00:36:53,361 ALLISON BUCHHOLTZ-AU: Vyolèt. 902 00:36:53,361 --> 00:36:53,860 Sa ap travay. 903 00:36:53,860 --> 00:36:56,482 904 00:36:56,482 --> 00:36:59,880 >> TOMAS Reimers: Se konsa, nou ap ale nan gen de div. 905 00:36:59,880 --> 00:37:01,654 Yo ap ale nan dwe totalman vid. 906 00:37:01,654 --> 00:37:03,070 Nou ta dwe pwobableman gen kèk tèks. 907 00:37:03,070 --> 00:37:05,580 908 00:37:05,580 --> 00:37:09,815 Se konsa, "premye" a pwal "Hello." 909 00:37:09,815 --> 00:37:10,940 Ak "dezyèm" ap say-- la 910 00:37:10,940 --> 00:37:11,110 >> ALLISON BUCHHOLTZ-AU: Goodbye. 911 00:37:11,110 --> 00:37:12,514 >> ODYANS: - "lemonn." 912 00:37:12,514 --> 00:37:14,122 Hello, orevwa. 913 00:37:14,122 --> 00:37:16,580 ALLISON BUCHHOLTZ-AU: Mwen te wè yo nan konsè lòt semèn nan. 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: Pou ril. 916 00:37:20,242 --> 00:37:21,200 Yo ap pa sa ki gwo. 917 00:37:21,200 --> 00:37:24,084 918 00:37:24,084 --> 00:37:24,750 Mwen pa renmen li. 919 00:37:24,750 --> 00:37:26,060 >> TOMAS Reimers: Nou gen "Alo" ak "Goodbye." 920 00:37:26,060 --> 00:37:29,102 Epi ankò, CSS se jis pè, paske li rekonèt koulè nou an. 921 00:37:29,102 --> 00:37:30,810 pa bezwen menm enkyete ke yo egziste. 922 00:37:30,810 --> 00:37:33,194 Yo fè. 923 00:37:33,194 --> 00:37:35,130 >> ALLISON BUCHHOLTZ-AU: Yo egziste. 924 00:37:35,130 --> 00:37:39,560 >> TOMAS Reimers: Se konsa, mwen panse ke gen CSS 255 mo yo pale sou koulè. 925 00:37:39,560 --> 00:37:42,986 Si ou ka panse a yon koulè deyò moun 255, tankou, mwen pral enpresyone. 926 00:37:42,986 --> 00:37:44,110 ALLISON BUCHHOLTZ-AU: Yeah. 927 00:37:44,110 --> 00:37:45,560 Mwen panse ke ou nèg ka gen jis vini nan bon apre. 928 00:37:45,560 --> 00:37:47,727 >> TOMAS Reimers: Se konsa, isit la, ou pral wè nou gen de bwat 929 00:37:47,727 --> 00:37:49,143 dwa sou tèt chak lòt, dwa? 930 00:37:49,143 --> 00:37:50,200 HELLO ak OREVWA. 931 00:37:50,200 --> 00:37:51,460 >> ALLISON BUCHHOLTZ-AU: Gen nan pa gen espas nan ant. 932 00:37:51,460 --> 00:37:53,390 Yo ap jis smooshed dwa sou tèt chak lòt. 933 00:37:53,390 --> 00:37:55,973 >> TOMAS Reimers: Se konsa, premye bagay la Mwen devine nou ta dwe pale sou 934 00:37:55,973 --> 00:38:02,960 se kite a say-- tou yeah. 935 00:38:02,960 --> 00:38:08,020 Se konsa, CSS reprezante yo kòm sòt de bwat. 936 00:38:08,020 --> 00:38:10,100 Epi kòm bwat, yo gen kontni. 937 00:38:10,100 --> 00:38:14,540 Ak kontni an dwa kounye a se sòt de HELLO nan oswa orevwa nan e ke sa a li. 938 00:38:14,540 --> 00:38:15,040 OK? 939 00:38:15,040 --> 00:38:19,790 >> Se konsa, youn nan bagay ki premye ou ka fè se ou ka ajoute pwotèj. 940 00:38:19,790 --> 00:38:25,610 Ranbouraj di konbyen lajan espas li ta dwe kite sou chak bò. 941 00:38:25,610 --> 00:38:29,200 Se konsa, kite a di mwen vle di 10 piksèl sou chak bò. 942 00:38:29,200 --> 00:38:31,234 Apre sa, mwen pral sèksyone ke nan yon dezyèm fwa. 943 00:38:31,234 --> 00:38:33,150 ALLISON BUCHHOLTZ-AU: Tout bagay sa yo isit la 944 00:38:33,150 --> 00:38:36,980 yo pral yo dwe sitou nan piksèl pou tout rès seminè a. 945 00:38:36,980 --> 00:38:40,980 W ap ale nan wè ke li gen kèk espas bò kote l ', dwa? 946 00:38:40,980 --> 00:38:46,360 Se konsa, sa ou pa wè isit la se gen nan sa a sòt envizib nan padding 947 00:38:46,360 --> 00:38:49,600 sou chak bò, ki di, tankou, OK, ou gen bwat ou nan content-- 948 00:38:49,600 --> 00:38:51,680 >> ALLISON BUCHHOLTZ-AU: Èske ou vle jis rale moute eleman nan enspekte? 949 00:38:51,680 --> 00:38:53,659 >> TOMAS Reimers: Yeah, sa a, se yon bon lide. 950 00:38:53,659 --> 00:38:56,700 ALLISON BUCHHOLTZ-AU: Epitou, mwen jwenn ki eleman nan enspekte se yon bon fason 951 00:38:56,700 --> 00:39:01,280 eseye figi konnen si gen yon bagay k ap pase sa ki mal, yon bagay inatandi rive, 952 00:39:01,280 --> 00:39:04,570 enspekte etikèt yo ak wè sa ki li a tankou écrase se itil. 953 00:39:04,570 --> 00:39:05,940 >> TOMAS Reimers: Se konsa, mwen pa fin sèten si ou nèg ka wè sa a koulè. 954 00:39:05,940 --> 00:39:06,470 Èske ou ka? 955 00:39:06,470 --> 00:39:10,120 Ou pral wè sa a padding sou sòt nan nan kwen. 956 00:39:10,120 --> 00:39:13,410 Lè sa a, ou wè aktyèl la kontni nan ble, dwa? 957 00:39:13,410 --> 00:39:16,820 Se konsa, sa a, se trè a Basics nan modèl la bwat. 958 00:39:16,820 --> 00:39:17,674 Ou gen kontni. 959 00:39:17,674 --> 00:39:18,590 Lè sa a, ou gen pwotèj. 960 00:39:18,590 --> 00:39:20,440 >> ODYANS: Poukisa pa fè sa ou jis itilize bwat la andedan the-- 961 00:39:20,440 --> 00:39:21,606 >> ALLISON BUCHHOLTZ-AU: Dwa. 962 00:39:21,606 --> 00:39:24,745 Paske li jis chwazi eleman nan kounye a. 963 00:39:24,745 --> 00:39:26,050 >> TOMAS Reimers: Wi. 964 00:39:26,050 --> 00:39:27,060 Lòt bagay. 965 00:39:27,060 --> 00:39:29,780 Se konsa, kite a pale sou ki padding lòd pou yon dezyèm fwa. 966 00:39:29,780 --> 00:39:36,380 Se konsa, nan CSS, mezi bezwen gen yon inite. 967 00:39:36,380 --> 00:39:39,740 Se konsa, premye ou gen kantite lajan an. 968 00:39:39,740 --> 00:39:41,460 Se konsa, nan ka sa a, nou te di 10. 969 00:39:41,460 --> 00:39:44,780 Lè sa a, youn nan pwochen nou te di se piksèl, PX. 970 00:39:44,780 --> 00:39:49,160 Lòt moun ou ka gen yo bagay sa yo tankou santimèt, pous. 971 00:39:49,160 --> 00:39:51,367 Ou ka fè bagay sa yo renmen, ki sa ki 10 pous? 972 00:39:51,367 --> 00:39:52,700 Epi li nan pral fè ridikil. 973 00:39:52,700 --> 00:39:52,990 >> ALLISON BUCHHOLTZ-AU: Oh, ti gason. 974 00:39:52,990 --> 00:39:53,460 >> ODYANS: Ola. 975 00:39:53,460 --> 00:39:54,460 >> TOMAS AK ALLISON: Yeah. 976 00:39:54,460 --> 00:39:57,840 TOMAS Reimers: Se konsa, sa a, se tout pwotèj. 977 00:39:57,840 --> 00:39:59,255 Mwen pral tounen nan piksèl. 978 00:39:59,255 --> 00:40:01,754 >> ALLISON BUCHHOLTZ-AU: piksèl gen tandans yo dwe, tankou, estanda la. 979 00:40:01,754 --> 00:40:04,589 Lè ou gade nan yon anpil nan sit entènèt, yo sitou travay nan piksèl. 980 00:40:04,589 --> 00:40:07,755 TOMAS Reimers: Se konsa, w ap ale nan wè swa pixels-- lòt yo menm ki ou wè 981 00:40:07,755 --> 00:40:13,952 se em, ki se youn em se egal a wotè nan font la 982 00:40:13,952 --> 00:40:15,160 ki ou ap kounye a lè l sèvi avèk. 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: Li se yon bon fason yo di, tankou, mwen vle kòm anpil espas kòm font mwen 986 00:40:20,740 --> 00:40:21,514 se pran. 987 00:40:21,514 --> 00:40:23,180 ALLISON BUCHHOLTZ-AU: pa t 'konnen. 988 00:40:23,180 --> 00:40:25,747 Ou aprann yon bagay nouvo chak jou. 989 00:40:25,747 --> 00:40:27,955 TOMAS Reimers: Gen yon anpil nan mezi nan CS. 990 00:40:27,955 --> 00:40:29,260 Mwen sijere ou gade yo moute. 991 00:40:29,260 --> 00:40:32,122 Pou tout ka ou, mwen panse ke piksèl yo ta dwe ase. 992 00:40:32,122 --> 00:40:33,830 Apre sa, yo ap tou sa w ap ale nan wè 993 00:40:33,830 --> 00:40:36,520 nan majorite a nan egzanp fè sou entènèt. 994 00:40:36,520 --> 00:40:38,320 Se konsa, nou pral kite li nan piksèl. 995 00:40:38,320 --> 00:40:42,420 >> Ou kapab tou, mwen ta dwe say-- konsa padding kouche tout ranbouraj yo. 996 00:40:42,420 --> 00:40:49,789 Ou kapab tou fè yon bagay tankou "Padding-tèt" nan jis set-- 997 00:40:49,789 --> 00:40:52,080 ALLISON BUCHHOLTZ-AU: Petèt nou pral jwenn nou "HELLO" tounen. 998 00:40:52,080 --> 00:40:55,480 TOMAS Reimers: --to jis mete nan padding sou tèt la e pa gen anyen lòt bagay. 999 00:40:55,480 --> 00:40:59,560 Se konsa, kat kòmandman yo se padding-tèt, padding-anba, padding-kite, 1000 00:40:59,560 --> 00:41:00,310 ak padding-dwa. 1001 00:41:00,310 --> 00:41:02,470 >> ALLISON BUCHHOLTZ-AU: Jis tankou ou ta atann pou yon bwat. 1002 00:41:02,470 --> 00:41:03,530 >> TOMAS Reimers: Yeah. 1003 00:41:03,530 --> 00:41:05,240 Pa gen anyen twò fou a. 1004 00:41:05,240 --> 00:41:08,230 ki fè sans? 1005 00:41:08,230 --> 00:41:11,990 Se konsa, se sa ki pwotèj. 1006 00:41:11,990 --> 00:41:14,110 Mwen pral mete tout ranbouraj yo tounen nan 10. 1007 00:41:14,110 --> 00:41:17,010 Lè sa a, mwen pral pou avanse pou sou fwontyè. 1008 00:41:17,010 --> 00:41:21,130 >> Se konsa, sa se se fwontyè fwontyè a yon lòd etranj. 1009 00:41:21,130 --> 00:41:24,450 Li pran sòt de twa bagay nan yon fwa. 1010 00:41:24,450 --> 00:41:28,930 Se konsa, premye a se ki jan gwo ou vle li nan dwe kòm yon mezi. 1011 00:41:28,930 --> 00:41:30,662 Yon fwa ankò, mwen sèlman lè l sèvi avèk piksèl. 1012 00:41:30,662 --> 00:41:32,620 Epi bagay la pase mwen ta dwe ajoute nan mezi 1013 00:41:32,620 --> 00:41:35,270 se bagay ki youn ki pa bezwen yon inite se 0. 1014 00:41:35,270 --> 00:41:37,390 Li nan aktyèlman kòrèk bay 0 yon inite, 1015 00:41:37,390 --> 00:41:41,940 paske 0 se 0 atravè pous, piksèl, santimèt, kèlkeswa sa. 1016 00:41:41,940 --> 00:41:43,960 Li tout jis vle di 0, dwa? 1017 00:41:43,960 --> 00:41:46,710 Se konsa, premye ou ba li mezi a. 1018 00:41:46,710 --> 00:41:48,650 >> Lè sa a, ou ba li style la. 1019 00:41:48,650 --> 00:41:49,869 Se konsa, mwen pral di "solid." 1020 00:41:49,869 --> 00:41:51,410 Epitou, n ap pale sou sa sa vle di. 1021 00:41:51,410 --> 00:41:54,290 Lè sa a, anfen, ou ba li yon koulè. 1022 00:41:54,290 --> 00:41:56,850 Se konsa, mwen pral di "nwa." 1023 00:41:56,850 --> 00:41:59,637 Ak sa yo, se tout bagay sa yo nou te kounye a wè anvan, eksepte pou style, 1024 00:41:59,637 --> 00:42:00,720 men nou pwal pale sou sa. 1025 00:42:00,720 --> 00:42:04,120 Se konsa, ou nèg te wè mezi, epi ou te wè koulè. 1026 00:42:04,120 --> 00:42:10,410 Ak sa ki k ap pase se nou jwenn sa a bèl fwontyè nwa bò kote l ', dwa? 1027 00:42:10,410 --> 00:42:11,620 Ou nèg wè ki jan nou te fè sa? 1028 00:42:11,620 --> 00:42:12,760 >> ODYANS: Yeah. 1029 00:42:12,760 --> 00:42:14,850 >> TOMAS Reimers: Cool. 1030 00:42:14,850 --> 00:42:17,370 Se konsa, sa se sa? 1031 00:42:17,370 --> 00:42:19,160 Se konsa, premye nan tout, li nan yon sèl pixel. 1032 00:42:19,160 --> 00:42:20,880 Sa a pwòp tèt ou-evidan ase, dwa? 1033 00:42:20,880 --> 00:42:23,254 Tankou, li nan yon sèl pixel epè. 1034 00:42:23,254 --> 00:42:26,170 Oswa li ta yon sèl pixel, men mwen agrandi nan, se konsa li nan yon ti jan ti kras pi plis 1035 00:42:26,170 --> 00:42:26,490 pase sa. 1036 00:42:26,490 --> 00:42:27,967 >> ALLISON BUCHHOLTZ-AU: Epi nou gen sa a rezolisyon televizyon ridikil. 1037 00:42:27,967 --> 00:42:29,460 >> TOMAS Reimers: Yeah. 1038 00:42:29,460 --> 00:42:33,640 Ou ka fè li pi gwo, ki pi piti, kèlkeswa sa. 1039 00:42:33,640 --> 00:42:35,630 Se konsa, isit la nan yon fwontyè de-pixel. 1040 00:42:35,630 --> 00:42:38,810 Ou pral wè li nan de fwa tankou epè. 1041 00:42:38,810 --> 00:42:40,172 Next bagay ou genyen se koulè. 1042 00:42:40,172 --> 00:42:41,130 Sa a pa enteresan. 1043 00:42:41,130 --> 00:42:42,710 Mwen pa pral pale sou sa, vrèman. 1044 00:42:42,710 --> 00:42:45,110 >> ALLISON BUCHHOLTZ-AU: Men, style la ta ka jis yon ti kras ki enteresan. 1045 00:42:45,110 --> 00:42:45,980 >> TOMAS Reimers: Yeah. 1046 00:42:45,980 --> 00:42:48,560 Se konsa, style, gen yo se yo menm kèk ke mwen wè itilize souvan. 1047 00:42:48,560 --> 00:42:55,690 Premye yon sèl la solid, youn nan pwochen pwentiye an, ak brize youn nan dènye a. 1048 00:42:55,690 --> 00:42:59,290 Ak isit la se chaje. 1049 00:42:59,290 --> 00:43:02,980 Ou pral wè yo ke yo ap yon pakèt moun sou pwen, dwa? 1050 00:43:02,980 --> 00:43:09,030 Yon bon fason yo sòt de jwenn yon fwontyè bèl prale a, tirè yo se tou trè popilè. 1051 00:43:09,030 --> 00:43:11,580 1052 00:43:11,580 --> 00:43:13,600 >> ALLISON BUCHHOLTZ-AU: Lè sa a, nan kou, mwen se 1053 00:43:13,600 --> 00:43:16,660 asire w gen anpil lòt Styles ke ou ka jwenn. 1054 00:43:16,660 --> 00:43:20,000 Epi nou gen yon seri gwo nan lyen nan fen a pou ou nèg 1055 00:43:20,000 --> 00:43:23,470 kalite parkourir ak gade nan CSS plis fre. 1056 00:43:23,470 --> 00:43:25,954 >> TOMAS Reimers: Lè sa a, bagay la pase, nou ap 1057 00:43:25,954 --> 00:43:27,870 pwal pale osijè a modèl bwat reyèl rapid. 1058 00:43:27,870 --> 00:43:30,070 Oh, ak Lè sa a, fwontyè, egzakteman menm jan ak padding, 1059 00:43:30,070 --> 00:43:33,270 ou gen tou bagay sa yo tankou fwontyè-gòch, fwontyè-dwa, fwontyè-tèt, 1060 00:43:33,270 --> 00:43:37,590 fwontyè-anba, ki pèmèt ou yo ka resevwa nan yon fwontyè espesifik. 1061 00:43:37,590 --> 00:43:40,650 Se konsa, isit la jis fwontyè a kite-defini. 1062 00:43:40,650 --> 00:43:43,060 Èske sa fè sans? 1063 00:43:43,060 --> 00:43:46,170 >> ALLISON BUCHHOLTZ-AU: Li se yon fre fason yo mete aksan sou bagay sa yo oswa ajoute 1064 00:43:46,170 --> 00:43:47,545 liy ant eleman diferan. 1065 00:43:47,545 --> 00:43:48,670 TOMAS Reimers: Absoliman. 1066 00:43:48,670 --> 00:43:50,940 Se konsa, sa a, se fwontyè nou yo. 1067 00:43:50,940 --> 00:43:52,790 Ak Marge youn nan dènye a. 1068 00:43:52,790 --> 00:43:55,892 Tankou padding Maj nan eksepte li pa nan within-- 1069 00:43:55,892 --> 00:43:57,975 ALLISON BUCHHOLTZ-AU: Se pa alantou eleman ou 1070 00:43:57,975 --> 00:44:00,840 men aktyèlman alantou tout la bwat ki nou ve yo te wè. 1071 00:44:00,840 --> 00:44:02,770 >> TOMAS Reimers: Yeah. 1072 00:44:02,770 --> 00:44:04,090 Allison te di li parfe. 1073 00:44:04,090 --> 00:44:07,550 Li pa, tankou, andedan ou eleman, li la bò kote ti bwat la tout antye. 1074 00:44:07,550 --> 00:44:10,900 Sa vle di bagay sa yo tankou background pa aplike nan li. 1075 00:44:10,900 --> 00:44:13,550 Epi li fondamantalman di, tankou, mwen pa vle anyen 1076 00:44:13,550 --> 00:44:15,230 nan espas sa a anpil pou mwen. 1077 00:44:15,230 --> 00:44:17,470 Se konsa, tankou isit la nou gen yon maj nan 10 piksèl. 1078 00:44:17,470 --> 00:44:23,100 Se konsa, pa gen anyen nan 10 piksèl yo ta dwe pwochen m '. 1079 00:44:23,100 --> 00:44:26,210 Sa a kalite li yo espas, men kalite pa. 1080 00:44:26,210 --> 00:44:29,215 Se konsa, sa a, se trè a Basics nan modèl la bwat. 1081 00:44:29,215 --> 00:44:30,090 ki fè sans? 1082 00:44:30,090 --> 00:44:33,830 1083 00:44:33,830 --> 00:44:34,550 Cool, fre. 1084 00:44:34,550 --> 00:44:35,800 ALLISON BUCHHOLTZ-AU: Awesome. 1085 00:44:35,800 --> 00:44:37,890 Se konsa, koulye a, mwen panse ke nou jis gen resous fre nou an 1086 00:44:37,890 --> 00:44:41,220 ke nou pral pran ou nèg nan trè vit. 1087 00:44:41,220 --> 00:44:44,815 Epitou, n ap aktyèlman byen, nou gen entènèt ankò? 1088 00:44:44,815 --> 00:44:47,860 >> TOMAS Reimers: Se pou nou wè si mwen ka louvri up-- 1089 00:44:47,860 --> 00:44:50,040 kite m 'jis wè si mwen ka jwenn entènèt byen vit 1090 00:44:50,040 --> 00:44:53,317 pandan y ap chita pale sou anyen Allison Allison vle pale sou. 1091 00:44:53,317 --> 00:44:55,150 ALLISON BUCHHOLTZ-AU: Se konsa, fondamantalman mwen pa fè sa 1092 00:44:55,150 --> 00:44:57,930 konnen ki sa lòt bagay mwen ka di nan pwen sa. 1093 00:44:57,930 --> 00:45:01,340 Men, sa yo se kèk reyèlman bon resous. 1094 00:45:01,340 --> 00:45:04,629 Sa yo se moun yo ki Tomas ak Mwen te itilize 1095 00:45:04,629 --> 00:45:06,420 e ke nou aktyèlman itilize yo preparasyon pou sa. 1096 00:45:06,420 --> 00:45:09,940 W3Schools se youn ke ou mesye ta dwe te wè anvan. 1097 00:45:09,940 --> 00:45:12,440 Nou rekòmande li pou yon anpil nan bagay sa yo ak CSS. 1098 00:45:12,440 --> 00:45:15,060 Mwen konnen mwen rekòmande pou li seksyon mwen tout tan tout tan an. 1099 00:45:15,060 --> 00:45:21,050 >> Youn nan bagay ki gwo se ke li pèmèt ou kalite dezòd ak CSS 1100 00:45:21,050 --> 00:45:23,830 ak wè chanjman yo enstantane nan sa a, 1101 00:45:23,830 --> 00:45:25,920 tankou, doub-fenèt wè ke li te genyen an. 1102 00:45:25,920 --> 00:45:29,980 Se konsa, ou pa gen enkyete sou mete kanpe pwòp sit web ou, 1103 00:45:29,980 --> 00:45:33,090 oswa mete kanpe vhost nan ou aparèy lokal yo ak lame lokal yo, 1104 00:45:33,090 --> 00:45:34,980 ak ap resevwa tout sa ki bagay ap travay. 1105 00:45:34,980 --> 00:45:36,830 Li se entegre dwa nan paj la. 1106 00:45:36,830 --> 00:45:39,042 >> Epi li gen sa yo ti kras leson ke ou ka 1107 00:45:39,042 --> 00:45:40,750 ale nan yo aprann plis sou seleksyon, 1108 00:45:40,750 --> 00:45:44,610 oswa aprann sou manipile ou font, oswa yon background, oswa yon imaj. 1109 00:45:44,610 --> 00:45:46,990 Epi ou gen sa yo rezilta Enstantane ke ou 1110 00:45:46,990 --> 00:45:49,310 pa bezwen fè nenpòt ki lòt travay preparasyon pou. 1111 00:45:49,310 --> 00:45:51,060 Se konsa, mwen renmen W3Schools. 1112 00:45:51,060 --> 00:45:51,960 Li nan fantastik. 1113 00:45:51,960 --> 00:45:52,670 Èske li travay? 1114 00:45:52,670 --> 00:45:52,950 >> TOMAS Reimers: Yeah. 1115 00:45:52,950 --> 00:45:53,720 Non, li pa. 1116 00:45:53,720 --> 00:45:55,636 Èske ou ta vle m 'eseye ak rekòmanse òdinatè mwen an? 1117 00:45:55,636 --> 00:45:56,410 Oswa nou vle to-- 1118 00:45:56,410 --> 00:46:01,490 >> ALLISON BUCHHOLTZ-AU: Mwen vle di, byen, sa a ap tou ap sou entènèt. 1119 00:46:01,490 --> 00:46:02,740 Tout glisad yo pral sou entènèt. 1120 00:46:02,740 --> 00:46:05,470 Se konsa, mwen jis trè rekòmande fè sa yo. 1121 00:46:05,470 --> 00:46:07,880 >> Sa a se gwo kòm jis tankou yon fèy twonpe. 1122 00:46:07,880 --> 00:46:10,690 Se jis nan tout debaz la kòmande ke ou gen. 1123 00:46:10,690 --> 00:46:13,070 Li nan gwo lè w ap premye kòmanse soti sit entènèt ou. 1124 00:46:13,070 --> 00:46:15,080 Paske petèt ou pa fè sa vle jwenn nan tout 1125 00:46:15,080 --> 00:46:17,355 nitty courageux a reyèl konsepsyon-lou bagay. 1126 00:46:17,355 --> 00:46:20,230 Ou jis bezwen fòma li nan yon fason ki kalite fè sans epi yo pral 1127 00:46:20,230 --> 00:46:21,490 fè pou tan an ke yo te. 1128 00:46:21,490 --> 00:46:23,580 Men, si ou reyèlman vle jwenn nan li, mwen konnen 1129 00:46:23,580 --> 00:46:27,240 sa a se, tankou, youn nan Referans pi renmen Tomas la. 1130 00:46:27,240 --> 00:46:30,130 Nou te lè l sèvi avèk li nan preparasyon, epi li fantastik. 1131 00:46:30,130 --> 00:46:33,030 Li nan Developer a soti nan Mozilla. 1132 00:46:33,030 --> 00:46:36,490 >> TOMAS Reimers: Se konsa, Mozilla yo moun sa yo ki fè Firefox. 1133 00:46:36,490 --> 00:46:40,290 Lè li nan jis pwomotè pwòp yo referans, ki mwen panse ke se pè. 1134 00:46:40,290 --> 00:46:44,870 Epi li gen yon bèl bagay lis resous. 1135 00:46:44,870 --> 00:46:45,530 Se konsa, nou have-- 1136 00:46:45,530 --> 00:46:48,060 >> ALLISON BUCHHOLTZ-AU: Lè sa a, nòt pase a se 1137 00:46:48,060 --> 00:46:50,120 lè w ap eseye konsepsyon sit entènèt ou, 1138 00:46:50,120 --> 00:46:53,550 trase enspirasyon nan bagay sa yo ki ou panse yo se bèl. 1139 00:46:53,550 --> 00:46:56,340 Enspekte eleman a, enspekte kòd la sous 1140 00:46:56,340 --> 00:46:59,370 ka super itil pou ap eseye figi konnen 1141 00:46:59,370 --> 00:47:02,080 ki jan yo style pwòp sit entènèt ou. 1142 00:47:02,080 --> 00:47:04,540 >> Anpil fwa, mwen santi mwen tankou pi bon an fason sa a, san konte eksperimantasyon, 1143 00:47:04,540 --> 00:47:06,290 se jis fè yon gade nan bagay ki bèl. 1144 00:47:06,290 --> 00:47:09,810 Mwen jwenn li vrèman difisil yo jis kalite konsepsyon bagay sa yo sou pwòp ou a, 1145 00:47:09,810 --> 00:47:11,090 espesyalman nan kòmansman an. 1146 00:47:11,090 --> 00:47:14,740 Se konsa, tanpri gade nan sit ke ou jwi gade nan. 1147 00:47:14,740 --> 00:47:16,880 Konnen sa ki fè yo fè apèl kont ou. 1148 00:47:16,880 --> 00:47:19,170 Lè sa a, santi yo lib yo eseye ak replike sa. 1149 00:47:19,170 --> 00:47:20,410 >> TOMAS Reimers: Dwa. 1150 00:47:20,410 --> 00:47:23,120 Menm tankou sit tankou sa a, ou ka wè 1151 00:47:23,120 --> 00:47:25,460 gen nan definitivman yon div nan tèt la. 1152 00:47:25,460 --> 00:47:29,920 Lè sa a, ou gen yon lòt div ki nan isit la, ki se CSS awesomeness. 1153 00:47:29,920 --> 00:47:32,480 Lè sa a, ou gen yon pakèt moun sou lyen isit la. 1154 00:47:32,480 --> 00:47:34,770 Si ou reyèlman jis enspekte eleman, ou ka sòt nan 1155 00:47:34,770 --> 00:47:38,520 kòmanse yo wè sa ki fè sit gade tankou, ak ki jan yo kapab mwen 1156 00:47:38,520 --> 00:47:40,493 rkree ke si mwen te vle. 1157 00:47:40,493 --> 00:47:41,890 ki fè sans? 1158 00:47:41,890 --> 00:47:43,670 Se konsa, nou gen sèlman twa minit kite. 1159 00:47:43,670 --> 00:47:46,380 Se konsa, kesyon? 1160 00:47:46,380 --> 00:47:47,650 Nenpòt nan yo? 1161 00:47:47,650 --> 00:47:48,350 Wi. 1162 00:47:48,350 --> 00:47:50,780 >> ODYANS: Pou koulè a rektang, ki jan ou ta 1163 00:47:50,780 --> 00:47:53,499 have-- si ou pa t 'vle li ale atravè paj la tout antye, te kapab 1164 00:47:53,499 --> 00:47:56,400 ou te fè l 'ale nan tout sèlman mwatye paj an oswa jis tèks la? 1165 00:47:56,400 --> 00:47:59,660 >> TOMAS Reimers: Yeah, absoliman. 1166 00:47:59,660 --> 00:48:02,780 Se konsa, kite m 'wè aktyèlman. 1167 00:48:02,780 --> 00:48:04,670 Mwen gen de lide. 1168 00:48:04,670 --> 00:48:07,265 Se konsa, premye nan tout, ou kapab tou itilize pousantaj. 1169 00:48:07,265 --> 00:48:08,140 >> ODYANS: Vrèman? 1170 00:48:08,140 --> 00:48:11,260 >> ALLISON BUCHHOLTZ-AU: Se konsa, yon bagay yo gade jiska se relatif pwezante. 1171 00:48:11,260 --> 00:48:13,385 Li nan yon bagay ke nou pa gen tan jwenn nan, 1172 00:48:13,385 --> 00:48:16,392 men li la yon bagay mwen definitivman rekòmande pou ou mesye kouran soti nan. 1173 00:48:16,392 --> 00:48:17,580 >> TOMAS Reimers: pousantaj Se konsa,. 1174 00:48:17,580 --> 00:48:21,524 Epi wè ki jan nou te fè li jis 50% nan lajè a? 1175 00:48:21,524 --> 00:48:24,190 ALLISON BUCHHOLTZ-AU: Si ou aktyèlman konnen ki kantite piksèl, 1176 00:48:24,190 --> 00:48:25,780 ou ka dwe plis presi ki fason. 1177 00:48:25,780 --> 00:48:27,200 Ou ka jwe ak alantou ak li. 1178 00:48:27,200 --> 00:48:27,700 Men, 50%. 1179 00:48:27,700 --> 00:48:31,970 Si nou te rdimansyonman navigatè nou an, li ta fè l 'pi piti. 1180 00:48:31,970 --> 00:48:35,250 >> TOMAS Reimers: Oke, li nan fondamantalman 50% kounye a, mwen panse ke. 1181 00:48:35,250 --> 00:48:38,820 Li nan 50%, ak Lè sa a Marge a te ajoute ak sa yo ki. 1182 00:48:38,820 --> 00:48:40,100 CSS gen yon anpil nan Kapris. 1183 00:48:40,100 --> 00:48:43,195 Se konsa, kounye a sa a se 50% nan paj lajè a. 1184 00:48:43,195 --> 00:48:46,860 Men, sonje ke ou gen 10 piksèl pran koupe soti nan chak bò. 1185 00:48:46,860 --> 00:48:49,700 Se konsa, si ou te pou avanse pou pi ki kont kwen an kite nan navigatè a, 1186 00:48:49,700 --> 00:48:51,550 Lè sa a, li ta sanble 50%. 1187 00:48:51,550 --> 00:48:53,884 Yon fwa ankò, tankou mwen te di, CSS kapab gen yon anpil nan devine-ak-chèk la. 1188 00:48:53,884 --> 00:48:56,049 Tankou, ou panse yon bagay nan ale nan konpòte yon fason, 1189 00:48:56,049 --> 00:48:57,805 men li konpòte li yon fason totalman diferan. 1190 00:48:57,805 --> 00:48:59,420 >> ALLISON BUCHHOLTZ-AU: Epi ou jis jwenn pi entelijan, 1191 00:48:59,420 --> 00:49:02,020 epi ou jis jwenn yon pi bon entwisyon pou li jan ou deplase ansanm. 1192 00:49:02,020 --> 00:49:02,730 >> TOMAS Reimers: Epi li vin pi mal ak pi mal. 1193 00:49:02,730 --> 00:49:03,496 Se konsa, li vrèman jis yon ras. 1194 00:49:03,496 --> 00:49:05,454 >> ALLISON BUCHHOLTZ-AU: Sa a super ankouraje. 1195 00:49:05,454 --> 00:49:07,070 Nou vle yo renmen CSS. 1196 00:49:07,070 --> 00:49:08,810 >> TOMAS Reimers: CSS se pè. 1197 00:49:08,810 --> 00:49:10,354 Sonje ke. 1198 00:49:10,354 --> 00:49:11,020 Lòt kesyon? 1199 00:49:11,020 --> 00:49:14,297 >> ALLISON BUCHHOLTZ-AU: bagay la yon sèl. 1200 00:49:14,297 --> 00:49:14,880 Nenpòt lòt bagay? 1201 00:49:14,880 --> 00:49:15,140 Cool. 1202 00:49:15,140 --> 00:49:15,690 >> TOMAS Reimers: Awesome. 1203 00:49:15,690 --> 00:49:18,523 >> ALLISON BUCHHOLTZ-AU: Bon, si ou nèg gen nenpòt kesyon pita sou, 1204 00:49:18,523 --> 00:49:20,919 nou ap toujou disponib tankou pou chak dabitid. 1205 00:49:20,919 --> 00:49:22,960 Ou ap pwobableman wè kèk nan nou pou pwojè final 1206 00:49:22,960 --> 00:49:24,280 ak definitivman nan Hackathon la. 1207 00:49:24,280 --> 00:49:25,200 >> TOMAS Reimers: Absoliman. 1208 00:49:25,200 --> 00:49:25,720 Ak nan kèmès la. 1209 00:49:25,720 --> 00:49:26,560 >> ALLISON BUCHHOLTZ-AU: Ak nan kèmès la. 1210 00:49:26,560 --> 00:49:26,840 Oh. 1211 00:49:26,840 --> 00:49:28,130 >> TOMAS Reimers: Gade pou pi devan pou wè tout nan awesome-- ou 1212 00:49:28,130 --> 00:49:29,420 >> ALLISON BUCHHOLTZ-AU: Nou pwal wè tout nan sit awizom ou 1213 00:49:29,420 --> 00:49:30,572 ki pral bèl. 1214 00:49:30,572 --> 00:49:32,780 TOMAS Reimers: Ou ka toujou wè, tankou, sou sit entènèt yo 1215 00:49:32,780 --> 00:49:36,234 ki te gen, tankou, bon CSS ak Lè sa a, tankou sa yo ki pa t 'eseye fè CSS. 1216 00:49:36,234 --> 00:49:39,150 ALLISON BUCHHOLTZ-AU: Epitou, yon lòt bagay, yon sèl plis bagay yo gade nan 1217 00:49:39,150 --> 00:49:40,445 se Bootstrapping. 1218 00:49:40,445 --> 00:49:41,805 Se konsa, demaraj se gwo. 1219 00:49:41,805 --> 00:49:42,240 >> TOMAS Reimers: Google ke si you-- 1220 00:49:42,240 --> 00:49:43,573 >> ALLISON BUCHHOLTZ-AU: Google li. 1221 00:49:43,573 --> 00:49:44,340 Li nan fantastik. 1222 00:49:44,340 --> 00:49:45,620 Ou pral renmen li. 1223 00:49:45,620 --> 00:49:48,000 Epi, koulye a ke ou gen yon konpreyansyon debaz sou CSS, 1224 00:49:48,000 --> 00:49:50,340 li pral fè yon anpil plis sans. 1225 00:49:50,340 --> 00:49:50,890 Awesome. 1226 00:49:50,890 --> 00:49:51,480 Mèsi, guys. 1227 00:49:51,480 --> 00:49:53,330 >> TOMAS Reimers: Mèsi anpil. 1228 00:49:53,330 --> 00:49:54,219