1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:04,500 >> [MUZIKO Ludante] 3 00:00:04,500 --> 00:00:10,099 4 00:00:10,099 --> 00:00:12,224 Allison BUCHHOLTZ-AU: Do ni esence nur tuj 5 00:00:12,224 --> 00:00:14,629 por doni al vi resumo de CSS, ĉar ni scias 6 00:00:14,629 --> 00:00:16,420 kiu ne estis kovrita en ĉiuj sekcioj. 7 00:00:16,420 --> 00:00:20,090 Kaj ni vere volas certigi ke vi infanoj havas tiun ilon je via dispono, 8 00:00:20,090 --> 00:00:24,790 ĉar ĝi havas la kapablon fari via retejoj aspektas multe pli bela. 9 00:00:24,790 --> 00:00:28,660 >> Kaj se vi konstruas retejon, tiam Vi probable volas fari ĝin bela. 10 00:00:28,660 --> 00:00:31,372 Mi volas diri, vi ne devas, sed mi ŝatus sugesti ĝin. [Ridadoj] 11 00:00:31,372 --> 00:00:35,430 Se vi volas uzantoj uzi ĝin, vi eble volas fari ĝin iom [inaudible]. 12 00:00:35,430 --> 00:00:39,130 Do ni tuj provi kaj doni al vi nur iuj bazaj iloj kaj scio, 13 00:00:39,130 --> 00:00:42,340 por ke kiam vi eliras kaj vi estas enketante aferojn pri CSS, 14 00:00:42,340 --> 00:00:45,902 ĝi ne estas kompletigi stultaĵoj, kiel CSS kelkfoje esti. 15 00:00:45,902 --> 00:00:47,240 >> Tomáš REIMERS: Yeah. 16 00:00:47,240 --> 00:00:49,930 Allison diris lin sufiĉe bone. 17 00:00:49,930 --> 00:00:53,250 Do mi supozas ke la unua afero ni devus komenci kun estas kio estas CSS? 18 00:00:53,250 --> 00:00:55,750 Do CSS estas imponega. 19 00:00:55,750 --> 00:00:56,250 CSS-- 20 00:00:56,250 --> 00:00:58,320 >> Allison BUCHHOLTZ-AU: Tio estas la nomo de nia seminario. 21 00:00:58,320 --> 00:00:58,434 >> Tomáš REIMERS: Yeah. 22 00:00:58,434 --> 00:01:00,130 Estas vere grava ke vi komprenas, ke per tiam. 23 00:01:00,130 --> 00:01:03,090 Se vi nur forpreni unu afero, estas ke CSS se awesome. 24 00:01:03,090 --> 00:01:06,180 Du estas CSS staras por CSS. 25 00:01:06,180 --> 00:01:10,380 Do en sia kerno, CSS estas stilo folio, signifo 26 00:01:10,380 --> 00:01:13,200 ĝi permesas stiligi retpaĝo. 27 00:01:13,200 --> 00:01:16,609 Kaj tiam kion tio signifas, estas vojo aldoni stilo al via reteja. 28 00:01:16,609 --> 00:01:18,900 Do laŭ stilo, ni signifi ĉiun tio ne structural-- 29 00:01:18,900 --> 00:01:24,350 tiel aĵoj kiel koloroj, fono bildoj, limoj, kiel, kompletigo, 30 00:01:24,350 --> 00:01:25,040 randoj. 31 00:01:25,040 --> 00:01:27,310 Ni parolos pri kia ĉiuj kiu signifas en iom. 32 00:01:27,310 --> 00:01:30,110 >> Do ni jhus antaŭenirinta kaj malfermis ambaŭ de tiuj en gedit. 33 00:01:30,110 --> 00:01:32,680 Do tiu estas index.html. 34 00:01:32,680 --> 00:01:34,800 Kaj jen estas main.css. 35 00:01:34,800 --> 00:01:36,829 Do main.css havas nenion. 36 00:01:36,829 --> 00:01:38,412 Allison BUCHHOLTZ-AU: Neniu stilo ĝis nun. 37 00:01:38,412 --> 00:01:39,245 Tomáš REIMERS: Neniu. 38 00:01:39,245 --> 00:01:42,577 Kaj kiel vi vidos, estas vere malbela ejo. 39 00:01:42,577 --> 00:01:44,160 Allison BUCHHOLTZ-AU: Estas nur ebenaĵo. 40 00:01:44,160 --> 00:01:45,820 Tomáš REIMERS: Yeah. 41 00:01:45,820 --> 00:01:49,150 Yeah, ne malbelan, estas nur minimalista. 42 00:01:49,150 --> 00:01:53,430 Kaj tiam tie ni havas index.html. 43 00:01:53,430 --> 00:01:55,729 Kaj tial por rapida recap de HTML, Allison, 44 00:01:55,729 --> 00:01:57,270 vi volas nur paroli pri la paĝo? 45 00:01:57,270 --> 00:01:58,395 >> Allison BUCHHOLTZ-AU: Yeah. 46 00:01:58,395 --> 00:02:01,100 Do evidente, ni havas niajn HTML etikedo, kiu ĵus nomoj HTML dosiero. 47 00:02:01,100 --> 00:02:07,080 Ni havas niajn kaplinio tie, kun CSS Awesomeness, which-- se vi reiru. 48 00:02:07,080 --> 00:02:07,720 Kie estas kiu? 49 00:02:07,720 --> 00:02:09,136 >> Tomáš REIMERS: Ho. 50 00:02:09,136 --> 00:02:10,301 Yeah, vi povas vidi. 51 00:02:10,301 --> 00:02:12,092 Allison BUCHHOLTZ-AU: Kaj rimarki la kaplinio 52 00:02:12,092 --> 00:02:14,120 Estas ĉi langeton kaplinio dekstra supren tie. 53 00:02:14,120 --> 00:02:17,130 Kaj tiam "Saluton, mondo!" Estas la teksto kiun ni ĵus 54 00:02:17,130 --> 00:02:19,620 montri en la reto paĝo, kiu is-- reiri. 55 00:02:19,620 --> 00:02:21,290 Reen. 56 00:02:21,290 --> 00:02:24,287 Kiu estas ĵus en nia korpo here-- la nura teksto. 57 00:02:24,287 --> 00:02:26,120 Ankaŭ, unu afero rimarkos, se vi rigardas tie, 58 00:02:26,120 --> 00:02:29,410 Tomas ŝanĝis tiujn du el niaj diapozitivo. 59 00:02:29,410 --> 00:02:32,035 Do kiel longe kiel vi havas ĉiujn tri de ĉi tiuj, vi estas bela. 60 00:02:32,035 --> 00:02:34,044 Ili povas esti en ajna ordo ili volas. 61 00:02:34,044 --> 00:02:39,368 Kio estas plej grava estas ĝuste tiu vi havas ĉiun de tiuj tri aferoj. 62 00:02:39,368 --> 00:02:40,340 >> Tomáš REIMERS: Cool. 63 00:02:40,340 --> 00:02:41,111 Aldoni doc tipo? 64 00:02:41,111 --> 00:02:42,235 Allison BUCHHOLTZ-AU: Yeah. 65 00:02:42,235 --> 00:02:43,068 Tomáš REIMERS: Yeah. 66 00:02:43,068 --> 00:02:43,769 Cool. 67 00:02:43,769 --> 00:02:46,102 Allison BUCHHOLTZ-AU: Ŝajne, miaj mics ne ŝatas min. 68 00:02:46,102 --> 00:02:49,650 Tomáš REIMERS: Ho, donu al ni sek simple dum Allison ŝanĝas siajn mic. 69 00:02:49,650 --> 00:02:50,500 Do jes. 70 00:02:50,500 --> 00:02:52,030 Do ni havas nian ĉefan paĝo. 71 00:02:52,030 --> 00:02:53,890 Estas speco de unstyled. 72 00:02:53,890 --> 00:02:54,780 Ni ne havas multe. 73 00:02:54,780 --> 00:02:57,110 Ni simple devas esence tekston. 74 00:02:57,110 --> 00:02:59,470 Ni havas la stilo folio. 75 00:02:59,470 --> 00:03:00,220 Ni havas la titolon. 76 00:03:00,220 --> 00:03:04,020 Do nur nudajn-boned komponantoj fari retejon. 77 00:03:04,020 --> 00:03:08,880 >> Tuj kiam de tie, ni paroli pri kio CSS estas 78 00:03:08,880 --> 00:03:11,270 kaj kia gxi aspektas kaj ĉiuj de tiu. 79 00:03:11,270 --> 00:03:12,047 Do por that-- 80 00:03:12,047 --> 00:03:13,755 Allison BUCHHOLTZ-AU: Reen al la diapozitivoj. 81 00:03:13,755 --> 00:03:15,200 Tomáš REIMERS: Reen al la diapozitivoj. 82 00:03:15,200 --> 00:03:17,240 Kaj Allison povas transpreni. 83 00:03:17,240 --> 00:03:18,720 >> Allison BUCHHOLTZ-AU: Woo. 84 00:03:18,720 --> 00:03:19,220 Akcepti. 85 00:03:19,220 --> 00:03:22,360 Do en via CSS-dosiero, vi tuj devos 86 00:03:22,360 --> 00:03:25,010 multaj tion nomis selectores. 87 00:03:25,010 --> 00:03:27,420 Tio simple estu la Surbaze de via CSS dosiero. 88 00:03:27,420 --> 00:03:29,480 Ĝi simple tuj estos sunaj kaj multaj de ĉi tiuj. 89 00:03:29,480 --> 00:03:30,780 Do seleccionador. 90 00:03:30,780 --> 00:03:32,649 Tiu estas ĝuste la ĝenerala anatomio. 91 00:03:32,649 --> 00:03:35,190 Ni intencas iri tra ekzemploj, ĉar se vi uloj neniam 92 00:03:35,190 --> 00:03:38,400 rigardis miajn sekcio, mi sentas aferojn en la abstrakta 93 00:03:38,400 --> 00:03:39,400 ne vere havas sencon. 94 00:03:39,400 --> 00:03:41,110 Ĝi ĉiam helpas al vidi la ekzemplojn. 95 00:03:41,110 --> 00:03:42,420 >> Do ni havas iujn seleccionador. 96 00:03:42,420 --> 00:03:49,120 Tio tuj estos iu ensalutilo por kion ni volas ke la stilo apliki al. 97 00:03:49,120 --> 00:03:52,220 Kaj tiam ni povas havi ajnan aro de reguloj kaj valoroj. 98 00:03:52,220 --> 00:03:55,680 Do selectores ke vi povus vidi povus esti io kiel korpo, 99 00:03:55,680 --> 00:04:00,262 aŭ alineo kun P, aŭ kaplinio, aŭ kio ajn, 100 00:04:00,262 --> 00:04:02,000 kion vi volas vian HTML etikedoj esti. 101 00:04:02,000 --> 00:04:03,570 >> Do en ĉi tiu kazo, ni havas korpon. 102 00:04:03,570 --> 00:04:06,985 Kaj ni havas iun regulon, kiu ĉi respondas 103 00:04:06,985 --> 00:04:09,610 por kio via stilo koncernas. 104 00:04:09,610 --> 00:04:12,720 Do en ĉi tiu kazo, ni havas fona koloro kaj tiparo pezo. 105 00:04:12,720 --> 00:04:16,200 Do tiu tuj ŝanĝos la fono de io 106 00:04:16,200 --> 00:04:19,640 ene ajna korpo etikedo de nia HTML dosiero. 107 00:04:19,640 --> 00:04:22,810 Kaj ĝi tuj donu tio ĉi lumo blua valoro. 108 00:04:22,810 --> 00:04:24,820 >> Do ĝi estas tuj faros la fona lumo blua. 109 00:04:24,820 --> 00:04:28,660 Kaj poste ion ene korpo estas tuj havos tiparo pezo kuraĝa. 110 00:04:28,660 --> 00:04:31,142 Do ĝi estas nur tuj aŭdaca nian tutan tekston. 111 00:04:31,142 --> 00:04:32,970 Kaj tiu estas ĝuste unu seleccionador. 112 00:04:32,970 --> 00:04:34,680 Sed vi povus havi tre multajn el tiuj. 113 00:04:34,680 --> 00:04:38,730 Kaj kiel ni iras por montri poste, iom pli pri kiel 114 00:04:38,730 --> 00:04:40,709 ke verkojn kaj pli ekzemploj tie. 115 00:04:40,709 --> 00:04:41,750 Io ajn vi volas aldoni? 116 00:04:41,750 --> 00:04:42,499 >> Tomáš REIMERS: No. 117 00:04:42,499 --> 00:04:43,500 Allison havas ĝin. 118 00:04:43,500 --> 00:04:46,144 Ni nur tuj tranĉis kontrauxulon Ekzemple ĉi tie en nia ekzemplo ejo. 119 00:04:46,144 --> 00:04:47,310 Do ni reale preni ĉi. 120 00:04:47,310 --> 00:04:48,620 Estas perfekta. 121 00:04:48,620 --> 00:04:54,460 Do mi simple tuj kopii kaj alglui tiu rajto en nian main.css dosiero. 122 00:04:54,460 --> 00:04:56,530 Kaj Mi iros por savi ĝin. 123 00:04:56,530 --> 00:04:59,190 Kaj tiam ni kuros ĝin. 124 00:04:59,190 --> 00:05:01,600 Do flanka noto, unu el la plej frustra aferojn 125 00:05:01,600 --> 00:05:04,490 estas se vi ne konservi dosieron kaj tiam vi, kiel, reŝarĝi la paĝon, 126 00:05:04,490 --> 00:05:07,450 kaj kiel, kial ne la ŝanĝo okazas? 127 00:05:07,450 --> 00:05:07,950 Okazas. 128 00:05:07,950 --> 00:05:14,230 Do jen ni ekvidis ke ni faris nian retejo lumo blua fono 129 00:05:14,230 --> 00:05:16,560 kaj iuj bolded tekston. 130 00:05:16,560 --> 00:05:20,730 >> Mi devus mencii ankaŭ, se vi infanoj havas demandojn pri io ajn 131 00:05:20,730 --> 00:05:23,622 ni faras, bonvolu libera halti nin kaj petu ni. 132 00:05:23,622 --> 00:05:25,330 Ni estas tute preta al kampo demandoj. 133 00:05:25,330 --> 00:05:27,951 134 00:05:27,951 --> 00:05:31,930 >> Allison BUCHHOLTZ-AU: Evidente, kun CSS, ĉiu agas sur si. 135 00:05:31,930 --> 00:05:34,107 Do se oni ion ne sencon nun, ni 136 00:05:34,107 --> 00:05:35,690 ne volas ke al Ciénaga vin malsupren poste. 137 00:05:35,690 --> 00:05:38,390 138 00:05:38,390 --> 00:05:41,930 >> Tomáš REIMERS: Do ni speco de elsekigi ĉi. 139 00:05:41,930 --> 00:05:44,210 Do vi volas komenci kun la seleccionador tie? 140 00:05:44,210 --> 00:05:45,979 >> Allison BUCHHOLTZ-AU: Yeah. 141 00:05:45,979 --> 00:05:48,270 Kiel mi diris antaŭe, la korpo estas nur nia seleccionador tie. 142 00:05:48,270 --> 00:05:50,950 Do se ni reiru al nia index-- ah. 143 00:05:50,950 --> 00:05:53,245 >> Tomáš REIMERS: Kiun mi simple fermis. 144 00:05:53,245 --> 00:05:54,530 Donu al mi duan. 145 00:05:54,530 --> 00:05:58,286 Do dosiero, Malferma, index.html. 146 00:05:58,286 --> 00:05:59,410 Allison BUCHHOLTZ-AU: Cool. 147 00:05:59,410 --> 00:06:02,710 Do se vi rimarkos tie, ni havas tiujn korpo etikedoj, dekstra? 148 00:06:02,710 --> 00:06:06,270 Do la seleccionador simple respondas al la etikedoj kiun ni parolas. 149 00:06:06,270 --> 00:06:07,670 Do korpo rajton tie. 150 00:06:07,670 --> 00:06:10,315 Do kion ni diras estas everything-- povas foriros? 151 00:06:10,315 --> 00:06:12,065 Se mi povus simple kiel tuŝi la ekrano. 152 00:06:12,065 --> 00:06:14,410 Estus tiel varmege. 153 00:06:14,410 --> 00:06:17,150 >> Do io ene de tiuj korpo etikedoj, kiujn ni vidis 154 00:06:17,150 --> 00:06:19,637 Estis ĝuste, kiel, la teksto, kaj la korpon ĝenerale 155 00:06:19,637 --> 00:06:20,970 referencas al, kiel, la fono. 156 00:06:20,970 --> 00:06:22,720 Se vi iam volas ŝanĝi la fonon, 157 00:06:22,720 --> 00:06:25,090 ke tuj estos en korpo etikedo. 158 00:06:25,090 --> 00:06:27,120 Suficas tiuj reguloj aplikitaj al ili. 159 00:06:27,120 --> 00:06:32,040 >> Do se ni devis iri al index.html kaj- efektive, 160 00:06:32,040 --> 00:06:33,840 ni povas havi ion eksteren de la korpo? 161 00:06:33,840 --> 00:06:37,340 Se ni havus, kiel, oni footer aŭ io, ĝi ne aplikas al ĉi. 162 00:06:37,340 --> 00:06:40,900 Sed io ene tiuj korpo etikedoj tuj 163 00:06:40,900 --> 00:06:44,960 esti tuŝita de ĉi tiu korpo selector kiu ni faris. 164 00:06:44,960 --> 00:06:47,405 Do se vi volus tajpi ion alian there-- 165 00:06:47,405 --> 00:06:49,400 >> Tomáš REIMERS: Ni aŭtu tiu hejmo. 166 00:06:49,400 --> 00:06:55,330 Do se ni havis div-- tiel ke estas nur alia etikedo vi povas havi. 167 00:06:55,330 --> 00:06:56,350 Mi tuj fermos ĝin. 168 00:06:56,350 --> 00:06:58,280 Aŭ ni faru ĉi alineon. 169 00:06:58,280 --> 00:07:01,430 Do p staras por alineo. 170 00:07:01,430 --> 00:07:02,560 Kaj ene de tiu paragrafo. 171 00:07:02,560 --> 00:07:05,650 Kaj tiam mi diros: "Tio estas teksto". 172 00:07:05,650 --> 00:07:06,369 Cool. 173 00:07:06,369 --> 00:07:09,160 Kaj poste mi faris tiun regulon apliki al paragrafo anstataŭ la korpo. 174 00:07:09,160 --> 00:07:12,390 175 00:07:12,390 --> 00:07:17,320 Vi vidos kiel ĝi aplikiĝas nur al la ĵus formita alineo, dekstra, 176 00:07:17,320 --> 00:07:18,892 Ne la tuta afero. 177 00:07:18,892 --> 00:07:20,090 Ĉu tio havas sencon? 178 00:07:20,090 --> 00:07:21,840 >> Allison BUCHHOLTZ-AU: Do tiu estas tuta korpo, 179 00:07:21,840 --> 00:07:24,450 sed nun nia seleccionador simple respondas al la paragrafo. 180 00:07:24,450 --> 00:07:27,050 Do ni simple devos aŭdaca kaj blua por tiu specifa alineo, 181 00:07:27,050 --> 00:07:30,760 ĉar tio estas la nura afero ke estas enfermita ene la p etikedo. 182 00:07:30,760 --> 00:07:35,349 >> Tomáš REIMERS: Ĉu tio havas sencon speco de kiel aferoj encapsular aliaj aferoj? 183 00:07:35,349 --> 00:07:38,140 Allison BUCHHOLTZ-AU: Ankaŭ, nur diri, kiel, unu el la plej bonaj manieroj 184 00:07:38,140 --> 00:07:40,889 por vere akiri komforta kun CSS Estas al nur faru aĵojn kiel tiu, 185 00:07:40,889 --> 00:07:42,050 nur elprovi. 186 00:07:42,050 --> 00:07:46,700 Estas tre simpla por tajpi ion el, batis Refresh, kaj vidu kio okazas. 187 00:07:46,700 --> 00:07:48,940 Kaj kiel kun la plimulto CS, eksperimentado povas ofte 188 00:07:48,940 --> 00:07:51,790 konduki al multe pli bone intuicia kompreno. 189 00:07:51,790 --> 00:07:54,432 Ankoraŭ pli ol ni nur, kiel, parolante al vi. 190 00:07:54,432 --> 00:07:58,350 >> Tomáš REIMERS: Absolute 100% konsentas sur tiu punkto. 191 00:07:58,350 --> 00:08:02,430 Do se ni reiru al tiu, ni komencu dissecting ĝuste kio tiuj du fari. 192 00:08:02,430 --> 00:08:04,550 Do ni havas du regulojn pri tio. 193 00:08:04,550 --> 00:08:07,420 Do la unua estas fonkoloro. 194 00:08:07,420 --> 00:08:10,590 Kaj vi vidas, ke ni starigis gxin egala al valoro, lumo blua. 195 00:08:10,590 --> 00:08:15,009 >> Do en CSS CSS estas speco de tre sueltos pri kiel 196 00:08:15,009 --> 00:08:16,300 vi rajtas difini koloron. 197 00:08:16,300 --> 00:08:17,800 Do vi povas difini ilin laŭnome. 198 00:08:17,800 --> 00:08:20,650 Vi povas ankaŭ fari ion kiel "ruĝa." 199 00:08:20,650 --> 00:08:25,270 Kaj tiam se ni reiru al tiu, vi vidos ke la fono estas ruĝa. 200 00:08:25,270 --> 00:08:29,040 Vi povas ankaŭ preni really-- mi pensas vi povas akiri bela creativas kun ĉi, 201 00:08:29,040 --> 00:08:29,540 ĉu ne? 202 00:08:29,540 --> 00:08:31,170 >> Allison BUCHHOLTZ-AU: Mi pensas vi povas uzi deksesumajn. 203 00:08:31,170 --> 00:08:31,250 Ĉu ne? 204 00:08:31,250 --> 00:08:32,083 >> Tomáš REIMERS: Yeah. 205 00:08:32,083 --> 00:08:32,969 Do vi povas uzi deksesumajn. 206 00:08:32,969 --> 00:08:34,490 Sed mi pensas nomo-saĝa. 207 00:08:34,490 --> 00:08:35,385 Ĉu ne ekzistas? 208 00:08:35,385 --> 00:08:37,260 Allison BUCHHOLTZ-AU: Vi povas fari sufiĉe da. 209 00:08:37,260 --> 00:08:43,350 Pli malpli kiel plej kolorojn kiujn vi povas name-- kiel, mi opinias salmo estas unu. 210 00:08:43,350 --> 00:08:45,322 >> Tomáš REIMERS: Ni estas gonna try salmo. 211 00:08:45,322 --> 00:08:47,530 Allison BUCHHOLTZ-AU: Mi pensas Chartreuse estas en tie. 212 00:08:47,530 --> 00:08:48,050 Tomáš REIMERS: Yeah. 213 00:08:48,050 --> 00:08:48,550 Vidu? 214 00:08:48,550 --> 00:08:50,080 Do vi povas akiri belan creativo. 215 00:08:50,080 --> 00:08:52,246 >> Allison BUCHHOLTZ-AU: Vi povis akiri sufiĉe creativo. 216 00:08:52,246 --> 00:08:55,750 Kiel, se vi povas pensi pri la koloro nomo, estas probable en tie. 217 00:08:55,750 --> 00:08:57,840 Se vi vere volas fajna detalo, vi povas iri deksesumajn. 218 00:08:57,840 --> 00:08:58,673 >> Tomáš REIMERS: Yeah. 219 00:08:58,673 --> 00:08:59,390 Do deksesuma. 220 00:08:59,390 --> 00:09:05,280 Se vi uloj memori ĉi reen de via malnova PSET, Bildo rekuperi, 221 00:09:05,280 --> 00:09:08,300 vi uloj devis trakti kun tiuj deksesumajn valorojn. 222 00:09:08,300 --> 00:09:15,280 Kaj ia por recap kio tio estas, Hex havas tri valoroj stokitaj en ĝi. 223 00:09:15,280 --> 00:09:17,250 Do estas en grupoj de du pliigoj. 224 00:09:17,250 --> 00:09:19,300 La unuaj du reprezentas la ruĝan valoron. 225 00:09:19,300 --> 00:09:22,420 La dua unu reprezentas la verda valoro. 226 00:09:22,420 --> 00:09:25,020 Kaj la lasta estas blua? 227 00:09:25,020 --> 00:09:30,050 >> Do FF okazas por reprezenti deksesuma 255. 228 00:09:30,050 --> 00:09:35,480 Do vi havas 255 kolorigitaj 255 verda, kaj 0 por blua. 229 00:09:35,480 --> 00:09:37,670 Kaj valoroj varias inter 0 kaj 255. 230 00:09:37,670 --> 00:09:38,350 >> Publiko: Rajto. 231 00:09:38,350 --> 00:09:41,472 Do esence, ni povus serĉi interreto por ajna koloro ni volas, 232 00:09:41,472 --> 00:09:43,912 kaj identigi la reale konata koloro spektro combo, 233 00:09:43,912 --> 00:09:45,130 kaj tiam ni povus meti ĝin en? 234 00:09:45,130 --> 00:09:46,380 Allison BUCHHOLTZ-AU: Ekzakte. 235 00:09:46,380 --> 00:09:52,900 Do vi havas preskaux kompleta kontrolo super la kolorojn vi volas ene CSS. 236 00:09:52,900 --> 00:09:55,069 Ĉu ni iros al paroli pri fono bildoj poste? 237 00:09:55,069 --> 00:09:56,110 Aŭ ĉu ni volas fari tion? 238 00:09:56,110 --> 00:09:56,240 >> Tomáš REIMERS: Yeah. 239 00:09:56,240 --> 00:09:57,010 Absolute. 240 00:09:57,010 --> 00:10:00,830 Do unue, nur por montri ke ruĝa kaj verda estas flava. 241 00:10:00,830 --> 00:10:03,120 Kaj se vi bezonas iun helpi trovi tion, vi 242 00:10:03,120 --> 00:10:05,575 povas Google ion kiel "kolorŝanĝilo." 243 00:10:05,575 --> 00:10:07,200 Allison BUCHHOLTZ-AU: Ho, ĝi estas tiel bona. 244 00:10:07,200 --> 00:10:09,090 Mi amas Koloro Picker. 245 00:10:09,090 --> 00:10:11,360 >> Tomáš REIMERS: colorpicker.com Estas bona ekzemplo. 246 00:10:11,360 --> 00:10:14,580 Kaj tie, vi vidos ke vi havas plena Photoshop-similaj kolorŝanĝilo. 247 00:10:14,580 --> 00:10:14,920 >> Allison BUCHHOLTZ-AU: Hmm. 248 00:10:14,920 --> 00:10:16,980 Ankaŭ, la malvarmeta aĵoj estas vi povas generi koloro skemoj 249 00:10:16,980 --> 00:10:18,896 por ke vi ne havas, kiel, clashing koloroj. 250 00:10:18,896 --> 00:10:22,780 Tomáš REIMERS: Kaj poste jen la deksesuma valoron supren tie. 251 00:10:22,780 --> 00:10:27,800 Do vi povas ĉiam trovi en linio esence lokoj por ricevi la deksesuma valoro de. 252 00:10:27,800 --> 00:10:31,667 Ĝi estas ne ia ke ĝuste, kiel ni vidi la kolorojn de la mondo en nombroj. 253 00:10:31,667 --> 00:10:34,000 Estas pli ke ni iru en linio kaj trovi kion koloro ni volas, 254 00:10:34,000 --> 00:10:36,850 kaj tiam preni la nombron malsupren. 255 00:10:36,850 --> 00:10:39,590 Ĉar estas nur vere facila maniero referencas aĵojn en CS. 256 00:10:39,590 --> 00:10:40,350 >> Allison BUCHHOLTZ-AU: Kaj tiam tie estas also-- 257 00:10:40,350 --> 00:10:41,630 Mi forgesis la ĝustan nomon de la ejo. 258 00:10:41,630 --> 00:10:43,838 Sed tie definitive, mi pensas, iu el Adobo 259 00:10:43,838 --> 00:10:48,350 kiu generas koloro skemoj por vi, kiu estas vere malvarmeta, ĉar vi 260 00:10:48,350 --> 00:10:50,580 definitely-- estas kelkfoje malfacile diveni, 261 00:10:50,580 --> 00:10:53,729 ho, se mi volas uzi tiun koloron, kio povus esti alia utila 262 00:10:53,729 --> 00:10:56,395 uzi aliloke sur mia retejo por, kiel, igi ĝin bela kaj kohera. 263 00:10:56,395 --> 00:11:00,430 264 00:11:00,430 --> 00:11:04,260 >> Tomáš REIMERS: Allison la parolas unu por Adobo nomita Kuler, mi pensas. 265 00:11:04,260 --> 00:11:04,885 Estas K-U-L-E-R. 266 00:11:04,885 --> 00:11:06,259 Allison BUCHHOLTZ-AU: Mi pensas tiel. 267 00:11:06,259 --> 00:11:07,610 Mi estas sufiĉe certa, ke estas unu. 268 00:11:07,610 --> 00:11:11,050 >> Tomáš REIMERS: Mia preferata havas ĉiam Koloro Skemo Designer. 269 00:11:11,050 --> 00:11:13,998 >> Allison BUCHHOLTZ-AU: Ooh. 270 00:11:13,998 --> 00:11:16,010 >> Tomáš REIMERS: Kiu estas now-- 271 00:11:16,010 --> 00:11:16,860 >> Allison BUCHHOLTZ-AU: Ha, ĉi tio estas belega. 272 00:11:16,860 --> 00:11:18,818 >> Tomáš REIMERS: Kaj vi povas esence diras, kiel, 273 00:11:18,818 --> 00:11:21,700 Mi volas tri koloroj apud la alia. 274 00:11:21,700 --> 00:11:25,030 Kaj tiam ni fari ion bela. 275 00:11:25,030 --> 00:11:29,210 Kaj tiam vi povas akiri ekzemplon de kion tio povus aspekti. 276 00:11:29,210 --> 00:11:32,470 Kaj tiam se vi ŝvebi super iu el ili donas vin la deksesumajn valoro. 277 00:11:32,470 --> 00:11:35,010 >> Do ĝuste kiel bona maniero por starti pensante pri koloro skemoj 278 00:11:35,010 --> 00:11:39,570 aŭ kion kolorojn en retejo povus iri bone kune. 279 00:11:39,570 --> 00:11:45,655 Ĉar kiu povas esti surprize Ne tiel facila elekti kiel vi pensas. 280 00:11:45,655 --> 00:11:48,280 Kaj tiam la aliaj malvarmeta afero Mi ĉiam trovis pri la ejo 281 00:11:48,280 --> 00:11:51,480 estas se vi batis Ekzemploj, ĝi malebligos montri kion ekzemplo paĝaro 282 00:11:51,480 --> 00:11:54,800 povus aspekti uzante tiu koloro skemon. 283 00:11:54,800 --> 00:11:56,270 Ĉiuokaze. 284 00:11:56,270 --> 00:11:57,863 >> Reen al la reala CSS. 285 00:11:57,863 --> 00:12:01,112 Allison BUCHHOLTZ-AU: Sed evidente, ni konas tiujn referencoj povus esti utila. 286 00:12:01,112 --> 00:12:03,195 Tomáš REIMERS: Ne, ili definitive povas esti helpema. 287 00:12:03,195 --> 00:12:04,720 Do la dua regulo, Allison? 288 00:12:04,720 --> 00:12:05,844 >> Allison BUCHHOLTZ-AU: Yeah. 289 00:12:05,844 --> 00:12:08,280 La dua regulo estas nur responda al nia tiparo. 290 00:12:08,280 --> 00:12:11,520 Do tiparo pezo estas simple speco of-- tiel la pezo volus 291 00:12:11,520 --> 00:12:15,220 esti se vi deziras simple, kiel, normala aŭ, kiel, maldika tiparoj, 292 00:12:15,220 --> 00:12:17,251 aŭ en tiu kazo, kiel, aŭdaca. 293 00:12:17,251 --> 00:12:17,750 Mi forgesas. 294 00:12:17,750 --> 00:12:21,557 Kio, se vi volis it-- estas tie maldika ol simple, kiel, normala? 295 00:12:21,557 --> 00:12:24,140 Tomáš REIMERS: Ne vere se estas pli maldika unu. 296 00:12:24,140 --> 00:12:24,680 Allison BUCHHOLTZ-AU: Mi forgesos. 297 00:12:24,680 --> 00:12:26,300 Do tiparo pezo ni tipe nur uzi por aŭdaca. 298 00:12:26,300 --> 00:12:29,010 Se vi volas ricevi vere en ĝin, ni montros al vi. 299 00:12:29,010 --> 00:12:34,317 W3Schools havas ĉiujn malsamajn tion vi povas fari por tiparoj. 300 00:12:34,317 --> 00:12:36,900 Sed esence, se vi iam volas ŝanĝi nenion pri tiparo, 301 00:12:36,900 --> 00:12:39,330 ĝi estas ĉiam tuj estos, kiel, tiparo-io. 302 00:12:39,330 --> 00:12:43,450 Do estos kiel, tiparo-familio se vi estas klopodi ŝanĝi la realan tipon. 303 00:12:43,450 --> 00:12:47,390 Estos tiparo-stilon, se vi volas fari ĝin kiel kursivon, 304 00:12:47,390 --> 00:12:49,710 aŭ kursivo, aŭ whatnot. 305 00:12:49,710 --> 00:12:53,570 Aŭ eĉ font-koloron, se ni volis ŝanĝi tion. 306 00:12:53,570 --> 00:12:55,621 >> Tomáš REIMERS: Yup. 307 00:12:55,621 --> 00:12:56,925 Do vi povas ŝanĝi tion. 308 00:12:56,925 --> 00:12:59,360 Kaj speco de simple recap nun, por ke vi povu 309 00:12:59,360 --> 00:13:01,400 vidi, ke ni havas la seleccionador supren tie. 310 00:13:01,400 --> 00:13:03,000 Ni havas tiujn frizita krampoj. 311 00:13:03,000 --> 00:13:06,735 Kaj tiam ni havas regularon limigita de punktokomojn. 312 00:13:06,735 --> 00:13:08,100 Ĉu tio havas sencon? 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 Do se tiu estas good-- 316 00:13:13,200 --> 00:13:14,424 >> Allison BUCHHOLTZ-AU: Back. 317 00:13:14,424 --> 00:13:17,590 Tomáš REIMERS: Ni parolu specife pri kia selectores ni havas. 318 00:13:17,590 --> 00:13:19,790 'Venigu ĝuste nun ni ia ĝuste montrata etikedoj. 319 00:13:19,790 --> 00:13:21,696 Sed vi uloj povis vidi ĝin kredebla. 320 00:13:21,696 --> 00:13:23,570 Diru vi havas du alineojn en paĝo kaj vi 321 00:13:23,570 --> 00:13:26,087 deziras povos stilo unu sed ne la alian, 322 00:13:26,087 --> 00:13:29,170 vi ne nur volas limigi vin mem devos uzi malsamajn reala HTML 323 00:13:29,170 --> 00:13:33,410 etikedoj doni ilin malsamaj stiloj. 324 00:13:33,410 --> 00:13:35,995 >> Do ni havas tri bazajn tipoj de selectores. 325 00:13:35,995 --> 00:13:37,120 Allison BUCHHOLTZ-AU: Yeah. 326 00:13:37,120 --> 00:13:39,828 Do ni havas etikedon, kiu estas kiu ni parolis pri rajton nun. 327 00:13:39,828 --> 00:13:42,430 Do jen speco de kiel via korpo aŭ p. 328 00:13:42,430 --> 00:13:46,280 Kaj tiam ni havas klason, kiu estas kiam oni difinas ĝin en nia CSS-dosiero, 329 00:13:46,280 --> 00:13:49,907 ĝi estas ĉiam tuj estos streketo ajn Vi volas la nomon de via klaso esti. 330 00:13:49,907 --> 00:13:51,490 Kaj tiu povas apliki al multnombraj aĵoj. 331 00:13:51,490 --> 00:13:54,610 332 00:13:54,610 --> 00:13:57,610 >> Diru vi havas kvin alineoj kaj du el la tri el ili 333 00:13:57,610 --> 00:14:00,580 bezonas esti styled la sama, vi aplikus klason al ĝi. 334 00:14:00,580 --> 00:14:03,040 Kaj tiu estas ĝuste la vojon ni fari ĝin. 335 00:14:03,040 --> 00:14:05,600 Ni donos al vi ekzemplon de kie ĉi efektive montras supren. 336 00:14:05,600 --> 00:14:11,030 Sed se vi havus eble iuj etikedo p, post ĝi, vi skribus, 337 00:14:11,030 --> 00:14:14,170 klaso egalas ajn klasoj vi volas apliki al ĝi. 338 00:14:14,170 --> 00:14:19,280 Do ajn klaso selectores ke ni volas apliki al tiu specifa alineo, 339 00:14:19,280 --> 00:14:21,300 ni povus simple skribi kiel ĉi. 340 00:14:21,300 --> 00:14:24,080 Kompreneble, mi pensas ekzemplo faros ĝin multe pli konkreta. 341 00:14:24,080 --> 00:14:27,270 >> La alia unu ni havi estas identigilo, kiu ni signifi 342 00:14:27,270 --> 00:14:29,707 kun hash, aŭ funto, aŭ hashtag. 343 00:14:29,707 --> 00:14:30,790 Tomáš REIMERS: Octothorpe. 344 00:14:30,790 --> 00:14:32,430 Allison BUCHHOLTZ-AU: Octothorpe. 345 00:14:32,430 --> 00:14:34,550 Tio funkcias, tro. 346 00:14:34,550 --> 00:14:36,640 Kaj tion oni devus vere esti unika. 347 00:14:36,640 --> 00:14:39,880 Ili devus nur aplikos al unu aferon en vian paĝon. 348 00:14:39,880 --> 00:14:43,820 Do ĉu tio estas specifa alineo, aŭ iu ero en listo, aŭ kio ajn, 349 00:14:43,820 --> 00:14:45,090 ĉi devus esti unika. 350 00:14:45,090 --> 00:14:48,730 Kaj en la sama maniero kiun ni ĵus diru, kiel, class = "class1 class2" 351 00:14:48,730 --> 00:14:51,577 tiu povas esti nur identigilo de kiom ni havas. 352 00:14:51,577 --> 00:14:52,410 Tomáš REIMERS: Yeah. 353 00:14:52,410 --> 00:14:54,330 Do ni certe parolos pri ekzemplojn ĉi tie. 354 00:14:54,330 --> 00:14:58,170 Kaj mi simple tuj plonĝi rekte reen en la kodo. 355 00:14:58,170 --> 00:15:02,090 Do ni rigardu nian HTML. 356 00:15:02,090 --> 00:15:03,960 Kaj tiel ni nun havas unu paragrafon. 357 00:15:03,960 --> 00:15:05,510 Jen teksto. 358 00:15:05,510 --> 00:15:09,151 Mi nur tuj modifos ĝin. "Tio estas teksto 1." 359 00:15:09,151 --> 00:15:11,150 Kaj tiam ni tuj havi "Jen teksto 2." 360 00:15:11,150 --> 00:15:12,525 >> Allison BUCHHOLTZ-AU: Dua unu. 361 00:15:12,525 --> 00:15:13,540 Tomáš REIMERS: Yup. 362 00:15:13,540 --> 00:15:16,810 Do ni nun havas "Tio estas teksto 2," ĉu ne? 363 00:15:16,810 --> 00:15:21,560 Kaj ni tuj vidas ke se ni reŝarĝi la paĝon, kion ni tuj trovos 364 00:15:21,560 --> 00:15:23,067 Estas ni estas gonna find-- 365 00:15:23,067 --> 00:15:24,150 Allison BUCHHOLTZ-AU: Ooh. 366 00:15:24,150 --> 00:15:24,983 Tomáš REIMERS: Yeah. 367 00:15:24,983 --> 00:15:27,570 Ni intencas trovi "Tiu estas teksto 1 "kaj" Tio estas teksto 2. " 368 00:15:27,570 --> 00:15:28,650 >> Allison BUCHHOLTZ-AU: Kaj el bela flava koloro. 369 00:15:28,650 --> 00:15:31,066 >> Tomáš REIMERS: Kaj vi vidos ke nia seleccionador nun, 370 00:15:31,066 --> 00:15:34,940 kiu aplikiĝas al p La, aŭ paragrafoj, tuŝas ilin ambaŭ, 371 00:15:34,940 --> 00:15:38,700 ĉar ili ambaŭ renkonti la kondiĉo ke ili estas ambaŭ p-etikedo. 372 00:15:38,700 --> 00:15:40,360 Tio faras entute sencon. 373 00:15:40,360 --> 00:15:43,340 Do la demando estas, nu, kio se ni volis nur akiri unu? 374 00:15:43,340 --> 00:15:46,350 Do ĝuste kiel Allison estis diranta, ni havos du aliaj manieroj por fari tion. 375 00:15:46,350 --> 00:15:47,320 Mi tuj komencos kun identigilo. 376 00:15:47,320 --> 00:15:48,405 >> Allison BUCHHOLTZ-AU: Komencu kun identigilo. 377 00:15:48,405 --> 00:15:50,405 >> Tomáš REIMERS: Kaj ambaŭ de tiuj estas atributoj. 378 00:15:50,405 --> 00:15:53,200 Do atributoj ekzistas en HTML. 379 00:15:53,200 --> 00:15:55,600 Kaj kio estas estas iu kiu vi aldonas 380 00:15:55,600 --> 00:15:58,840 en la etikedo, kiu estas apartigi de la etikedo nomo. 381 00:15:58,840 --> 00:16:01,301 Do vi povas havi plurajn atributojn. 382 00:16:01,301 --> 00:16:01,800 Yeah? 383 00:16:01,800 --> 00:16:03,950 >> Allison BUCHHOLTZ-AU: Mi ĵus estis diri, de via ekzemplo de PSET 7 384 00:16:03,950 --> 00:16:06,650 se iu el vi provas vicigi tion al la centro, 385 00:16:06,650 --> 00:16:08,550 vi eble uzis "Text align = centro." 386 00:16:08,550 --> 00:16:10,550 Kaj vi rimarkis tion probable devus esti centrita 387 00:16:10,550 --> 00:16:12,650 via teksto aŭ via stango de navigacio. 388 00:16:12,650 --> 00:16:15,499 Do tio estas nur ankaŭ atributo ke vi povus esti familiara kun. 389 00:16:15,499 --> 00:16:18,040 Tomáš REIMERS: Ekzistas faskon de atributoj kiujn vi vidos. 390 00:16:18,040 --> 00:16:18,539 Yeah. 391 00:16:18,539 --> 00:16:21,250 Kiel bona referenco al PSET 7. 392 00:16:21,250 --> 00:16:23,150 Ni havas identigilo. 393 00:16:23,150 --> 00:16:25,080 Vi povas ankaŭ havi klaso, aĵoj kiel tiu. 394 00:16:25,080 --> 00:16:27,250 Sola etikedo povas havi multajn atributojn. 395 00:16:27,250 --> 00:16:33,140 Do startanta kun identigilo, ni ŝajnigi ni deziras havi identigilo of-- Mi ne scias. 396 00:16:33,140 --> 00:16:35,140 Ni nomas ĝin speciala, ĉar ĉi tiu, ni estas 397 00:16:35,140 --> 00:16:37,867 tuj fari aŭdacan, kaj substreki, kaj kio ajn. 398 00:16:37,867 --> 00:16:39,950 Allison BUCHHOLTZ-AU: Estas gonna esti súper speciala. 399 00:16:39,950 --> 00:16:42,360 Tomáš REIMERS: Do tiu unu, ni havos identigilo speciala. 400 00:16:42,360 --> 00:16:48,140 Do la vojo por elekti tiun, do, estas en main.css, anstataŭ havi p etikedo, 401 00:16:48,140 --> 00:16:51,500 vi faru #special, OK? 402 00:16:51,500 --> 00:16:55,538 Kaj kiu selektas la aferon kun identigilo speciala. 403 00:16:55,538 --> 00:16:57,295 Ĉu tio havas sencon por ĉiuj? 404 00:16:57,295 --> 00:16:57,920 Publiko: Yeah. 405 00:16:57,920 --> 00:16:59,110 Tomáš REIMERS: Cool. 406 00:16:59,110 --> 00:17:04,440 Do nun, se ni prokrastos, ni see-- Whoops. 407 00:17:04,440 --> 00:17:06,240 Yeah. 408 00:17:06,240 --> 00:17:09,460 Ni vidos ke ĝi nur selektu la unu kun identigilo speciala. 409 00:17:09,460 --> 00:17:10,622 Yeah? 410 00:17:10,622 --> 00:17:11,900 Sonoj malvarmeta. 411 00:17:11,900 --> 00:17:12,570 Jes. 412 00:17:12,570 --> 00:17:15,456 >> Publiko: Ĉu io havas Atributo de ambaŭ klasoj kaj identigilo? 413 00:17:15,456 --> 00:17:16,359 >> Tomáš REIMERS: Jes. 414 00:17:16,359 --> 00:17:16,900 Publiko: OK. 415 00:17:16,900 --> 00:17:20,887 Kaj tiam kio okazas se vi tiam donu ĝin iuj reguloj en CSS tiu konflikto? 416 00:17:20,887 --> 00:17:21,970 Tomáš REIMERS: Absolute. 417 00:17:21,970 --> 00:17:23,940 Ni definitive iri paroli pri tio. 418 00:17:23,940 --> 00:17:31,890 Do ĝuste kion vi fartas je, vi ankaŭ povas havi klasojn. 419 00:17:31,890 --> 00:17:36,380 Do ni ŝajnigi mi havis tri paragrafoj kaj mi 420 00:17:36,380 --> 00:17:38,730 volis stiligi la unua du sed ne la tria. 421 00:17:38,730 --> 00:17:42,850 Nu, via unua ideo povas esti, nu, mi povus simple doni la dua unu kun identigilo. 422 00:17:42,850 --> 00:17:45,590 Sed vi ne povas, ĉar identigilo, ekzakte kiel Allison estis diranta, 423 00:17:45,590 --> 00:17:47,330 devas esti unika. 424 00:17:47,330 --> 00:17:50,860 >> Do anstataŭ identigilo, kion vi povas uzi estas vi povas uzi klaso. 425 00:17:50,860 --> 00:17:57,880 Kaj class-- kio permesas Vi devas fari estas esence diras, 426 00:17:57,880 --> 00:17:59,610 tiu apartenas kiel parto de grupo. 427 00:17:59,610 --> 00:18:02,410 En ĉi tiu kazo, nia grupo nomas Speciala. 428 00:18:02,410 --> 00:18:06,500 Kaj kion ni faros tiam estas ni tuj say-- anstataŭ funto, 429 00:18:06,500 --> 00:18:08,070 ni iras al uzi dot. 430 00:18:08,070 --> 00:18:08,740 OK? 431 00:18:08,740 --> 00:18:11,950 Kaj rimarki ke la funto kaj skalara nur ekzisti ene de la CSS-dosiero, 432 00:18:11,950 --> 00:18:12,797 Ne ene de la HTML. 433 00:18:12,797 --> 00:18:13,880 Allison BUCHHOLTZ-AU: Jes. 434 00:18:13,880 --> 00:18:15,185 Grava distingo. 435 00:18:15,185 --> 00:18:17,510 >> Tomáš REIMERS: Mi havas havis tiom baraktas, 436 00:18:17,510 --> 00:18:23,990 ĉar mi metis la hash en la HTML kaj tiam nur sentis stulta por longa tempo. 437 00:18:23,990 --> 00:18:27,470 Rigardu kiel ĝi selektas ambaŭ tiuj kun tiu klaso? 438 00:18:27,470 --> 00:18:28,210 Cool. 439 00:18:28,210 --> 00:18:29,950 >> Nun, la aĵoj povas havi multoblajn klasojn. 440 00:18:29,950 --> 00:18:32,790 Diru Mi volis fari la unuan du havas fonon de flava 441 00:18:32,790 --> 00:18:36,770 kaj la dua du havas tiparon koloro de bluo. 442 00:18:36,770 --> 00:18:37,270 Akcepti. 443 00:18:37,270 --> 00:18:39,735 Mi ne vere scias, kial mi tute volas fari tion, sed mi povas. 444 00:18:39,735 --> 00:18:42,401 >> Allison BUCHHOLTZ-AU: Might ne rekomendis ĝin por via retpaĝaro. 445 00:18:42,401 --> 00:18:43,880 Sed por nia celo, ĝi tion faros. 446 00:18:43,880 --> 00:18:46,294 >> Tomáš REIMERS: Ne bona koloro skemon. 447 00:18:46,294 --> 00:18:49,210 Allison BUCHHOLTZ-AU: Nu, flava kaj bluaj estas miaj gimnaziaj koloroj. 448 00:18:49,210 --> 00:18:50,947 Mi ne scias, kvankam. 449 00:18:50,947 --> 00:18:53,530 Tomáš REIMERS: Allison la alta lernejo havis grandan koloro skemon. 450 00:18:53,530 --> 00:18:54,520 [Ridado] 451 00:18:54,520 --> 00:18:59,120 Tial kion ni povas nomi ĉi estas Ni nomas this-- do ni havos Speciala 452 00:18:59,120 --> 00:19:00,030 kaj ni havas Pretty. 453 00:19:00,030 --> 00:19:02,405 Mi sugestas, por tio, oni uzas multe pli priskriba nomojn. 454 00:19:02,405 --> 00:19:05,820 Allison BUCHHOLTZ-AU: Yeah, mi volus nomas tiun, kiel, flavaj aŭ bluaj. 455 00:19:05,820 --> 00:19:08,314 >> Tomáš REIMERS: Ni ne vere fari veran retejon, 456 00:19:08,314 --> 00:19:09,730 tial ni ne faras tion. 457 00:19:09,730 --> 00:19:11,521 Sed se vi reale havis realan retejo, vi 458 00:19:11,521 --> 00:19:16,220 povus havi, kiel, artikolo kaplinio, artikolo enhavo, unua vorto, 459 00:19:16,220 --> 00:19:21,920 aĵoj kiel tiu, kiu permesas vi estos multe pli priskriba. 460 00:19:21,920 --> 00:19:23,550 Ili estas vere ĝuste kiel variabloj. 461 00:19:23,550 --> 00:19:28,390 Ili devus esti enoficigita en maniero kie Vi povas, like-- yeah, kiel tia. 462 00:19:28,390 --> 00:19:29,470 Perfekta. 463 00:19:29,470 --> 00:19:30,480 >> Do fonkoloro. 464 00:19:30,480 --> 00:19:35,920 Kaj tiam ni tuj say-- tiel la maniero ŝanĝi koloron havas nur "koloro." 465 00:19:35,920 --> 00:19:38,412 Kaj ni tuj faros ŝin blua. 466 00:19:38,412 --> 00:19:40,150 Tio estas malvarmeta. 467 00:19:40,150 --> 00:19:42,640 Do nun ni havas la unuaj du havas specialan. 468 00:19:42,640 --> 00:19:45,972 Apud unu Iĝos havas "class = bela." 469 00:19:45,972 --> 00:19:49,180 Allison BUCHHOLTZ-AU: Kaj poste vi volas aldoni "bela" al la meza. 470 00:19:49,180 --> 00:19:49,971 Tomáš REIMERS: Yup. 471 00:19:49,971 --> 00:19:52,970 Kaj tiam al la meza, aldoni "bela," kio okazas 472 00:19:52,970 --> 00:19:56,880 Estas vi nur havas spacon. 473 00:19:56,880 --> 00:19:59,800 Do la klaso atributon estas spaco-disigita listo 474 00:19:59,800 --> 00:20:02,450 de ĉiuj klasoj kiuj aplikas al tiu etikedo. 475 00:20:02,450 --> 00:20:02,959 OK? 476 00:20:02,959 --> 00:20:05,750 Ne kiel ĉi tiu apartenas al ian specialan klason nomita 477 00:20:05,750 --> 00:20:07,180 "Speciala, spaco, belan." 478 00:20:07,180 --> 00:20:10,870 Ĝi apartenas al du classes-- speciala kaj bela. 479 00:20:10,870 --> 00:20:12,492 Jes? 480 00:20:12,492 --> 00:20:14,360 Cool. 481 00:20:14,360 --> 00:20:17,010 >> Kaj tiam se ni rigardas je kio okazas, ni estas 482 00:20:17,010 --> 00:20:21,850 tuj vidi, ke la unua havas flava fono, nigra teksto. 483 00:20:21,850 --> 00:20:22,450 Dua one-- 484 00:20:22,450 --> 00:20:26,160 >> Allison BUCHHOLTZ-AU: --has aŭdaca flava fono kun bluaj tekston. 485 00:20:26,160 --> 00:20:29,330 Kaj nia lasta suficas la blua teksto kiun ni atribuas al ĝi. 486 00:20:29,330 --> 00:20:30,870 >> Tomáš REIMERS: Cool? 487 00:20:30,870 --> 00:20:32,491 Kiom selectores labori? 488 00:20:32,491 --> 00:20:32,990 Imponega. 489 00:20:32,990 --> 00:20:34,720 >> Allison BUCHHOLTZ-AU: Ĉu ni volas paroli pri la konflikto nun do? 490 00:20:34,720 --> 00:20:35,780 >> Tomáš REIMERS: Do yeah. 491 00:20:35,780 --> 00:20:36,310 Absolute. 492 00:20:36,310 --> 00:20:38,380 Do kio okazas se vi havi konflikton, ĉu ne? 493 00:20:38,380 --> 00:20:44,740 Ni ŝajnigi la unua Establas io like-- 494 00:20:44,740 --> 00:20:47,240 Allison BUCHHOLTZ-AU: Eble ĉi tiu ŝanĝas la fonon? 495 00:20:47,240 --> 00:20:48,090 Tomáš REIMERS: Yeah. 496 00:20:48,090 --> 00:20:51,699 Do ni tuj faros "bela" ŝanĝi la fonon al salmo. 497 00:20:51,699 --> 00:20:54,740 Allison BUCHHOLTZ-AU: Vi estas prava koncerne cxiujn grandajn koloroj hodiaŭ, Tomas. 498 00:20:54,740 --> 00:20:55,573 Tomáš REIMERS: Yeah. 499 00:20:55,573 --> 00:20:58,200 Ĉar mi trovis ekstere mi povas uzi salmon kiel reala koloro. 500 00:20:58,200 --> 00:21:00,270 Do ni nur tuj faros. 501 00:21:00,270 --> 00:21:01,770 Mi ankaŭ pensas Sunsubiro estas reala koloro. 502 00:21:01,770 --> 00:21:03,103 Publiko: Sunsubiro estas vera koloro? 503 00:21:03,103 --> 00:21:04,572 Allison BUCHHOLTZ-AU: Ni provu ĝin. 504 00:21:04,572 --> 00:21:07,735 Tomáš REIMERS: Post tiu demo ĝuste ĉar en kazo salatojn supren, 505 00:21:07,735 --> 00:21:08,943 Mi ne volas esti elpurigi. 506 00:21:08,943 --> 00:21:11,580 Do ni scias salmo estas vera koloro. 507 00:21:11,580 --> 00:21:15,626 Do ajna divenoj pri kio okazos? 508 00:21:15,626 --> 00:21:17,522 >> Allison BUCHHOLTZ-AU: Ajna ideo? 509 00:21:17,522 --> 00:21:20,002 >> Publiko: [inaudible]. 510 00:21:20,002 --> 00:21:20,920 >> Tomáš REIMERS: Yeah. 511 00:21:20,920 --> 00:21:22,150 Do vi havas ĝin ĝuste. 512 00:21:22,150 --> 00:21:24,930 Esence, ĝi prenas la lasta regulo ke estis donita. 513 00:21:24,930 --> 00:21:27,860 >> Allison BUCHHOLTZ-AU: Do tiu estas kie kaskadan venas en efikon. 514 00:21:27,860 --> 00:21:31,080 >> Tomáš REIMERS: Do memoru kiom ni havis tiun CSS? 515 00:21:31,080 --> 00:21:33,660 Do, per tio, ni ia signifi ke ni havas aron da reguloj 516 00:21:33,660 --> 00:21:37,115 kiuj aplikas sur supro de unu la alian, kaj Ili povas ankaŭ nuligi reciproke. 517 00:21:37,115 --> 00:21:39,380 >> Allison BUCHHOLTZ-AU: Do ajn, cxe la malsupro 518 00:21:39,380 --> 00:21:41,540 superstiros ajn estas ĉe la supro. 519 00:21:41,540 --> 00:21:45,842 Vi povus havi regulojn kiuj tute neas ion antemano. 520 00:21:45,842 --> 00:21:48,300 Tio estas ankaŭ kial oni volas esti zorgema kiam vi estas stilo, 521 00:21:48,300 --> 00:21:51,465 , do vi ne kreas regulojn kiuj vi nur tute supera. 522 00:21:51,465 --> 00:21:53,340 >> Tomáš REIMERS: Aŭ eble vi ĉu volas anstataŭigi reguloj. 523 00:21:53,340 --> 00:21:53,920 >> Allison BUCHHOLTZ-AU: Aŭ eble vi faru. 524 00:21:53,920 --> 00:21:54,300 Jes. 525 00:21:54,300 --> 00:21:57,175 >> Tomáš REIMERS: Pretend vi havas klaso kiu aplikas al plej aĵoj, 526 00:21:57,175 --> 00:22:01,220 sed diru vi volas ŝanĝi la fonkoloro al ruĝa kaj la tiparo 527 00:22:01,220 --> 00:22:03,140 pezo al aŭdaca por plej aĵoj, sed por unu, 528 00:22:03,140 --> 00:22:06,098 vi nur volas la fonkoloro esti ruĝaj sed vi volas ĉiuj aliaj 529 00:22:06,098 --> 00:22:09,990 propraĵoj, vi povus fari ion kiel "font-pezo = normala" 530 00:22:09,990 --> 00:22:12,760 kiuj devus tiam malfari ke aŭdaca ŝanĝon. 531 00:22:12,760 --> 00:22:14,480 Yeah? 532 00:22:14,480 --> 00:22:17,250 Denove, la bona maniero, mi pensas Allison diris, estas nur praktiki. 533 00:22:17,250 --> 00:22:18,080 >> Allison BUCHHOLTZ-AU: eksperimentadoj. 534 00:22:18,080 --> 00:22:20,090 >> Tomáš REIMERS: Praktiko, praktiko, praktiko, kaj eksperimento. 535 00:22:20,090 --> 00:22:22,950 Mi konas multajn personojn kiuj pensas CSS estas ĝuste multajn divenon-kaj-ĉeko 536 00:22:22,950 --> 00:22:25,580 ĉe la fino de la tago, kie se vi deziras fari something-- kiel, 537 00:22:25,580 --> 00:22:27,663 vi havas aspran ideon, sed Vi ankoraŭ probable bezonas 538 00:22:27,663 --> 00:22:31,390 provi gxin por certigi Vi scias kia gxi aspektas. 539 00:22:31,390 --> 00:22:34,482 >> Publiko: Kiam vi aplikanta klasoj, pli ol unu 540 00:22:34,482 --> 00:22:37,339 al la sama paragrafo aŭ sekcio, ĉu 541 00:22:37,339 --> 00:22:39,505 afero kiu ordo vi povas tajpu ilin en la citiloj? 542 00:22:39,505 --> 00:22:40,992 >> Tomáš REIMERS: Ne, tute ne. 543 00:22:40,992 --> 00:22:45,764 >> Allison BUCHHOLTZ-AU: Kio gravas estas la ordon ene de via CSS stilo folio. 544 00:22:45,764 --> 00:22:47,430 Publiko: Ĉu vi povus ripeti la demandon? 545 00:22:47,430 --> 00:22:50,680 Tomáš REIMERS: Ho. 546 00:22:50,680 --> 00:22:53,990 Allison BUCHHOLTZ-AU: Ene klaso, kiam vi donante klasoj 547 00:22:53,990 --> 00:22:56,964 al iu en la HTML, faras gravas kiu ordo ili estas en? 548 00:22:56,964 --> 00:22:58,130 Ne gravas la ordo. 549 00:22:58,130 --> 00:23:02,915 Kio gravas estas la maniero de la klaso selectores ene via CSS, 550 00:23:02,915 --> 00:23:04,306 ene de via stilo folio. 551 00:23:04,306 --> 00:23:06,982 >> Tomáš REIMERS: Sono bona? 552 00:23:06,982 --> 00:23:08,532 >> Allison BUCHHOLTZ-AU: Lovely. 553 00:23:08,532 --> 00:23:11,539 >> Tomáš REIMERS: Kaj poste ni tuj daŭrigi to-- 554 00:23:11,539 --> 00:23:13,330 Allison BUCHHOLTZ-AU: Kion ni havas nun? 555 00:23:13,330 --> 00:23:14,245 Mi forgesas. 556 00:23:14,245 --> 00:23:16,087 Ho, ni nur devas ekzemploj. 557 00:23:16,087 --> 00:23:17,295 Sed ni specon de farita tiujn. 558 00:23:17,295 --> 00:23:18,990 Ni jam faris ekzemplojn sur la muŝo. 559 00:23:18,990 --> 00:23:20,540 >> Tomáš REIMERS: ni atingos kombini la selectores frue. 560 00:23:20,540 --> 00:23:22,790 >> Allison BUCHHOLTZ-AU: Ho, ni preni kombini selectores. 561 00:23:22,790 --> 00:23:25,260 Tomáš REIMERS: Do iuj ekzemploj estas ni havas 562 00:23:25,260 --> 00:23:29,630 # Dog-- funto, aŭ hashtag, aŭ octothorpe, aŭ kion ajn 563 00:23:29,630 --> 00:23:32,050 vi volas nomi that-- akra. 564 00:23:32,050 --> 00:23:34,875 >> Allison BUCHHOLTZ-AU: Sharp hundo. 565 00:23:34,875 --> 00:23:36,470 >> Tomáš REIMERS: Tiam vi havas .pets. 566 00:23:36,470 --> 00:23:39,059 567 00:23:39,059 --> 00:23:41,600 Io havas identigilo de hundo, ekzistas nur unu hundon sur la paĝo. 568 00:23:41,600 --> 00:23:43,870 Io havas identigilo de kato, ekzistas nur unu katon. 569 00:23:43,870 --> 00:23:45,665 Povas esti multaj dorlotbestoj sur la paĝo. 570 00:23:45,665 --> 00:23:47,570 Tial ni donadis klasoj. 571 00:23:47,570 --> 00:23:48,740 Vi havas ekzemplon de p. 572 00:23:48,740 --> 00:23:50,490 Kaj poste venis unu el la lasta ekzemplo, kiun 573 00:23:50,490 --> 00:23:53,790 estas io ni ne raportis, estas kio okazas kiam vi kombini ilin. 574 00:23:53,790 --> 00:23:54,580 Do p.pets. 575 00:23:54,580 --> 00:23:57,510 576 00:23:57,510 --> 00:24:02,950 >> Do por ke, ni reiros al la kodo kaj enkonduki another-- yeah. 577 00:24:02,950 --> 00:24:04,290 Do reen tie. 578 00:24:04,290 --> 00:24:04,850 >> Allison BUCHHOLTZ-AU: Mi sentas kiel ĉi estas really-- 579 00:24:04,850 --> 00:24:08,105 kiel simple rigardante tra ekzemploj estas vere la vojon por lerni ĉi. 580 00:24:08,105 --> 00:24:09,360 Do, tio estas kion ni faras. 581 00:24:09,360 --> 00:24:14,030 >> Tomáš REIMERS: Do ni ŝajnigi ni nur volas elekti teksto 2, ĉu ne? 582 00:24:14,030 --> 00:24:16,530 Do ni certe ne povas faru tion kun identigilo. 583 00:24:16,530 --> 00:24:19,620 Nu, ni povus fari tion kun identigilo, sed ne havas identigilo. 584 00:24:19,620 --> 00:24:22,490 Mi povus aldoni la unuan, sed ni ŝajnigi ke mi ne volas aldoni unu 585 00:24:22,490 --> 00:24:24,910 aŭ ĝi jam havas ion alian. 586 00:24:24,910 --> 00:24:26,516 Mi ne povas fari tion kun tiu. 587 00:24:26,516 --> 00:24:28,870 La etikedo estas definitive ne unika, dekstra? 588 00:24:28,870 --> 00:24:30,670 Kaj nek estas la klaso. 589 00:24:30,670 --> 00:24:32,314 Sed vi povas kombini tion. 590 00:24:32,314 --> 00:24:35,230 Supozu ke ni volis fari iun kiun nur koncernas aferojn 591 00:24:35,230 --> 00:24:39,420 havi la klason speciala kaj kiu havas la klason bela. 592 00:24:39,420 --> 00:24:48,150 >> Do kion vi povas fari estas en main.css, vi povas diri, ni unue forigi ĉi. 593 00:24:48,150 --> 00:24:50,240 Vi povas kombini tiujn. 594 00:24:50,240 --> 00:24:51,430 Do vi povas fari .special. 595 00:24:51,430 --> 00:24:52,110 Neniu spaco. 596 00:24:52,110 --> 00:24:54,770 Nur .special.pretty. 597 00:24:54,770 --> 00:25:00,550 Kion tio signifas estas io kiu estas ambaŭ speciala kaj bela. 598 00:25:00,550 --> 00:25:01,900 Ĉu tio havas sencon? 599 00:25:01,900 --> 00:25:04,190 Kaj se ni iros tien, kio vi tuj vidos 600 00:25:04,190 --> 00:25:09,734 Estas ĉi tiu regulo validas nur por la dua, kiu havas ambaŭ el tiuj. 601 00:25:09,734 --> 00:25:11,400 Kaj vi povas fari tion por multaj aferoj. 602 00:25:11,400 --> 00:25:13,270 Vi povas say-- ni ŝajnigi Mi nur volis 603 00:25:13,270 --> 00:25:18,300 fari aferojn kiujn havas la klason bela kaj kiuj estas ankaŭ alineo etikedo. 604 00:25:18,300 --> 00:25:19,920 Do p.pretty. 605 00:25:19,920 --> 00:25:23,585 Ni pretendi ke mi havis io bela sur la etikedo korpo. 606 00:25:23,585 --> 00:25:25,850 OK? 607 00:25:25,850 --> 00:25:28,490 Mi povas kuri ĉi kaj mi povas vidi ke ĝi estas nur 608 00:25:28,490 --> 00:25:32,720 tuj apliki al tio, kio estas paragrafoj kun la klaso belan. 609 00:25:32,720 --> 00:25:35,650 Kaj vi povas kombini tiujn, esence, kion vi volas. 610 00:25:35,650 --> 00:25:38,580 Do vi povas simple kunmeti ilin. 611 00:25:38,580 --> 00:25:39,604 Ĉu tio havas sencon? 612 00:25:39,604 --> 00:25:41,770 Allison BUCHHOLTZ-AU: Do tiu speco de estas pli utila 613 00:25:41,770 --> 00:25:45,490 kiam, Tomas diris antaŭe, eble vi havas tre komplika retejo, 614 00:25:45,490 --> 00:25:48,050 kaj oni jam havas multon de tiuj reguloj skribitaj, 615 00:25:48,050 --> 00:25:51,170 kaj vi nur bezonas kombini du de antaŭe. 616 00:25:51,170 --> 00:25:55,350 Ŝati anstataŭ verki tutajn nova seleccionador kaj ŝanĝante ĝin tie, 617 00:25:55,350 --> 00:25:58,592 vi povas simple kombini ili kie koincidas. 618 00:25:58,592 --> 00:26:00,670 >> Tomáš REIMERS: Aŭ vi trovu out-- kelkfoje 619 00:26:00,670 --> 00:26:04,290 ekzistas unu klaso kiu faras tiparo la koloro kiel bluaj, 620 00:26:04,290 --> 00:26:06,740 kaj tie estas alia klaso kiun faras la fono blua. 621 00:26:06,740 --> 00:26:07,840 Kaj tio simple ne funkcias. 622 00:26:07,840 --> 00:26:10,924 Do vi skribu speciala kazo, kie, like-- sed se ĝi havas ambaŭ, kion vi estas 623 00:26:10,924 --> 00:26:13,548 tuj fari estas vi tuj fari ĉi tiu ĉi nuanco de blua 624 00:26:13,548 --> 00:26:15,310 kaj ĉi tiu ĉi tiu alia nuanco de bluo. 625 00:26:15,310 --> 00:26:15,580 Dekstra? 626 00:26:15,580 --> 00:26:17,955 >> Allison BUCHHOLTZ-AU: Bona por tiuj specoj de esceptoj. 627 00:26:17,955 --> 00:26:21,220 Tomáš REIMERS: Do al pensi problemoj 628 00:26:21,220 --> 00:26:25,000 kiuj povus ekesti kiam vi kombini ilin. 629 00:26:25,000 --> 00:26:27,020 Cool. 630 00:26:27,020 --> 00:26:29,692 Do reen al nia prezento. 631 00:26:29,692 --> 00:26:31,400 Allison BUCHHOLTZ-AU: Ni estas preskaŭ tie. 632 00:26:31,400 --> 00:26:34,022 Tomáš REIMERS: Kaj haltis konektiĝi. 633 00:26:34,022 --> 00:26:36,494 Allison BUCHHOLTZ-AU: Ho, ne. 634 00:26:36,494 --> 00:26:39,125 Allison BUCHHOLTZ-AU: CS ĉe la oficejo, Interreto iras malsupren. 635 00:26:39,125 --> 00:26:40,360 Ho, la ironio. 636 00:26:40,360 --> 00:26:45,620 >> Tomáš REIMERS: Do feliĉe, ni povas prezenti sen la interreto, mi supozas, 637 00:26:45,620 --> 00:26:47,380 ĉar ni havas ĉiujn diapozitivoj tie. 638 00:26:47,380 --> 00:26:49,304 Do ni parolu pri la interrilato de etikedoj. 639 00:26:49,304 --> 00:26:50,470 Allison BUCHHOLTZ-AU: Rajto. 640 00:26:50,470 --> 00:26:52,660 Do ĝuste speco de iri ekstere de kio Tomas diris, 641 00:26:52,660 --> 00:26:54,180 tiu estas nur alia maniero de fari ĝin. 642 00:26:54,180 --> 00:26:57,840 Do ni havas iujn patro Selektilo kun infano seleccionador. 643 00:26:57,840 --> 00:27:02,815 Do en ĉi tiu ekzemplo tie, ni havas kelkajn korpo kun klaso navbar, klaso butonon. 644 00:27:02,815 --> 00:27:03,315 Ah. 645 00:27:03,315 --> 00:27:03,990 >> Tomáš REIMERS: Ho, pardonon. 646 00:27:03,990 --> 00:27:06,180 >> Allison BUCHHOLTZ-AU: Kaj esence, kion tio signifas 647 00:27:06,180 --> 00:27:11,070 Estas elekti ĉiujn de la infanoj, kiel ĉiuj tiuj specoj de selectores, 648 00:27:11,070 --> 00:27:13,040 ene tiu gepatra seleccionador. 649 00:27:13,040 --> 00:27:16,004 Kaj tiuj estas la solaj ĝi iam tuj apliki al. 650 00:27:16,004 --> 00:27:17,755 Mi ne scias ĉu vi havi bonan vojon of-- 651 00:27:17,755 --> 00:27:19,504 Tomáš REIMERS: Do mi Versxajne la maniero pensi 652 00:27:19,504 --> 00:27:22,440 pri tio memoras antaŭ kiom Ni speco de kiel meti ilin kune. 653 00:27:22,440 --> 00:27:26,340 Kaj tiam tiu signifas unu elemento kiu koincidas ĉiuj tiuj. 654 00:27:26,340 --> 00:27:29,530 Kio ĉi estas diranta estas, mi Want You parigi ĉiun 655 00:27:29,530 --> 00:27:33,220 ene some-- mi volas vin trovi selector. 656 00:27:33,220 --> 00:27:35,670 Kaj tiam ene de tiu, mi volas vi parigi novajn aĵojn. 657 00:27:35,670 --> 00:27:36,170 Dekstra? 658 00:27:36,170 --> 00:27:40,900 Do en CSS, ĉio pri ia povante kongruas tiujn erojn. 659 00:27:40,900 --> 00:27:43,050 Kaj vi povas provi por kongrui erojn ene aliajn erojn. 660 00:27:43,050 --> 00:27:46,510 >> Do ni vere faras ekzemplon, kaj ni pensas ke tion klarigi. 661 00:27:46,510 --> 00:27:53,090 Do ni ŝajnigi ni havas speciala, speciala ĉarma, kion ajn. 662 00:27:53,090 --> 00:27:55,690 Kaj tiam ni havas ligilon, OK? 663 00:27:55,690 --> 00:27:59,780 664 00:27:59,780 --> 00:28:02,370 Do memoru, a estas ligilo. 665 00:28:02,370 --> 00:28:03,900 Ĝi estas ne tuj iros ie. 666 00:28:03,900 --> 00:28:11,500 Kaj ni tuj doni ĝin la klaso ligilo, mi supozas. 667 00:28:11,500 --> 00:28:13,335 Ni donu al ĝi la class-- doni al mi ideon. 668 00:28:13,335 --> 00:28:14,460 Allison BUCHHOLTZ-AU: Cool. 669 00:28:14,460 --> 00:28:16,420 Tomáš REIMERS: Coo-- ni iru al ĝi la klaso bela. 670 00:28:16,420 --> 00:28:16,930 Kial ne? 671 00:28:16,930 --> 00:28:17,971 >> Allison BUCHHOLTZ-AU: OK. 672 00:28:17,971 --> 00:28:23,040 Tomáš REIMERS: Do nun Pretty Things 673 00:28:23,040 --> 00:28:26,000 Tuj Faros la fono blua, fonkoloro de salmo. 674 00:28:26,000 --> 00:28:27,969 Tio havas sencon. 675 00:28:27,969 --> 00:28:28,760 Kaj se ni faras this-- 676 00:28:28,760 --> 00:28:29,620 >> Allison BUCHHOLTZ-AU: Ĉu vi volas aldoni tekston 677 00:28:29,620 --> 00:28:31,078 tial la hiperligilo efektive montras supren? 678 00:28:31,078 --> 00:28:35,088 Tomáš REIMERS: Tio estus bona alvoko. 679 00:28:35,088 --> 00:28:37,921 Allison BUCHHOLTZ-AU: 'Afero dekstra nun ni nur gonna akiri nenion. 680 00:28:37,921 --> 00:28:39,690 Tomáš REIMERS: Do Jen ligilo. 681 00:28:39,690 --> 00:28:42,202 "Jen ligilo." 682 00:28:42,202 --> 00:28:45,820 Ho, kaj tiu tuj kiel alian ligilon. 683 00:28:45,820 --> 00:28:47,280 Ni donu al ĝi la klaso "malvarmeta." 684 00:28:47,280 --> 00:28:50,295 Vi pravas. 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 Do ĝuste nun ni iras ekpreni ĉi. 688 00:28:56,010 --> 00:28:57,269 Ni intencas ĵeti unu. 689 00:28:57,269 --> 00:28:59,060 Ni havas unu en la speciala etikedo, kaj ni ankaŭ 690 00:28:59,060 --> 00:29:01,150 tuj havos en la bela tag. 691 00:29:01,150 --> 00:29:05,449 Kaj nun kion ni tuj fari estas ni tuj faros cool-- 692 00:29:05,449 --> 00:29:06,490 kion ni volas ke faras? 693 00:29:06,490 --> 00:29:10,347 694 00:29:10,347 --> 00:29:12,180 Allison BUCHHOLTZ-AU: Ĉu ni povas fari ĝin pli granda? 695 00:29:12,180 --> 00:29:13,800 Tomáš REIMERS: Ni donu al ĝi limon. 696 00:29:13,800 --> 00:29:14,840 Allison BUCHHOLTZ-AU: Ni povus limo. 697 00:29:14,840 --> 00:29:15,673 Tomáš REIMERS: Yeah. 698 00:29:15,673 --> 00:29:18,560 Do ni tuj fari ion kiel, limo is-- kaj ni 699 00:29:18,560 --> 00:29:20,971 tuj klarigos ĉi ĉiujn en unu sekundo. 700 00:29:20,971 --> 00:29:21,470 Por now-- 701 00:29:21,470 --> 00:29:24,592 >> Allison BUCHHOLTZ-AU: Por la skatolo modelo. 702 00:29:24,592 --> 00:29:27,300 Tomáš REIMERS: Sed nuntempe, ni estas nur tuj donos ĝin limo. 703 00:29:27,300 --> 00:29:29,580 Do kion tio signifas estas ke vi estas tuj vidos tiujn ligilojn. 704 00:29:29,580 --> 00:29:32,788 Kaj vi tuj vidos, ke ili havas tiujn, kiel, malbela nigra limoj, kiuj 705 00:29:32,788 --> 00:29:33,820 estas malvarmeta. 706 00:29:33,820 --> 00:29:34,500 >> Allison BUCHHOLTZ-AU: Nia retejo estas tre ĉarma. 707 00:29:34,500 --> 00:29:35,333 >> Tomáš REIMERS: Yeah. 708 00:29:35,333 --> 00:29:38,930 Nia retejo estas imponega. 709 00:29:38,930 --> 00:29:41,585 Tiuj du estas ligiloj, kaj ili aperas. 710 00:29:41,585 --> 00:29:44,160 Nun ni ŝajnigi min nur volis fari ĉi 711 00:29:44,160 --> 00:29:50,072 se ĝi ne estis ene ion kiu havis fonon de salmo. 712 00:29:50,072 --> 00:29:52,280 Do memoru ke ĉi tiu havas fonon de salmo, 713 00:29:52,280 --> 00:29:54,000 ĉar ĝi estas de klaso belan. 714 00:29:54,000 --> 00:29:59,777 >> Sed ni volas diri ke nur malvarmigas kio estas en klaso speciala, ne en klaso 715 00:29:59,777 --> 00:30:02,890 belaj, devus havi tiun limon. 716 00:30:02,890 --> 00:30:12,549 Nu, kion vi povas fari estas vi povas diri, .special, spaco, .cool. 717 00:30:12,549 --> 00:30:15,590 Kaj kion tio cxi tio farigxis, kiam vi pensas pri ĝi, estas ĝi estas esence dirante: 718 00:30:15,590 --> 00:30:19,530 OK, trovi min ĉiun kiu kongruas speciala. 719 00:30:19,530 --> 00:30:24,104 Tiam ene de tiuj etikedoj, serĉi Min ĉio tio malvarmeta. 720 00:30:24,104 --> 00:30:27,270 Allison BUCHHOLTZ-AU: Do alia maniero kiuj povus esti bonaj por pensi pri tio, 721 00:30:27,270 --> 00:30:29,810 alportante ŝin reen al C, estas ĝuste kiel la ideo de atingo. 722 00:30:29,810 --> 00:30:34,020 Do kiam oni havas iun seleccionador, kiel tiuj 723 00:30:34,020 --> 00:30:38,460 ke ni estis laborante por antaŭ tiu, via tuta TTT paĝon, ĉiuj de via HTML 724 00:30:38,460 --> 00:30:40,180 estas inter viaj atingo, dekstre? 725 00:30:40,180 --> 00:30:43,090 Sed kiam ni havas tiujn patro-filo interrilatoj, 726 00:30:43,090 --> 00:30:47,130 estas kvazaŭ vi striktante malsupren kie vi serĉas al specifa loko, 727 00:30:47,130 --> 00:30:50,540 kvazaŭ, kiel, ni serĉas ene specifa funkcio anstataŭ 728 00:30:50,540 --> 00:30:52,007 de nia tuta dosiero. 729 00:30:52,007 --> 00:30:55,090 Publiko: Tiel kun tiu en menso, volus ĝi jam importis se ni havis changed-- 730 00:30:55,090 --> 00:30:56,423 Allison BUCHHOLTZ-AU: La ordo? 731 00:30:56,423 --> 00:30:59,320 Publiko: --La klaso en CSS al .cool, spaco, .special? 732 00:30:59,320 --> 00:31:01,153 Allison BUCHHOLTZ-AU: Jes, ĉar tiam tiu 733 00:31:01,153 --> 00:31:04,420 dirus, medio al ĉiu kiu havas cool, 734 00:31:04,420 --> 00:31:07,235 kaj tiam rigardi kion has-- Mi volas diri, kiel, en tiu kazo, 735 00:31:07,235 --> 00:31:08,860 Mi ne kredas ke estus ŝanĝinta ĝin. 736 00:31:08,860 --> 00:31:10,318 >> Tomáš REIMERS: Se ni diris kion? 737 00:31:10,318 --> 00:31:10,906 Pardonu. 738 00:31:10,906 --> 00:31:12,660 >> Allison BUCHHOLTZ-AU: Se ni medio malvarmigi kaj tiam 739 00:31:12,660 --> 00:31:14,550 serĉi aferojn ekster specialaj, estus la samaj, fakte. 740 00:31:14,550 --> 00:31:16,260 >> Tomáš REIMERS: Do ne estus. 741 00:31:16,260 --> 00:31:16,590 >> Allison BUCHHOLTZ-AU: estus ne? 742 00:31:16,590 --> 00:31:17,590 Ho, ho bone. 743 00:31:17,590 --> 00:31:18,090 Mi malpravas. 744 00:31:18,090 --> 00:31:21,480 >> Tomáš REIMERS: Do la kialo ĝi estas different-- komuna mistake-- 745 00:31:21,480 --> 00:31:27,140 estas ke nun nur la ligilo havas cool, dekstra? 746 00:31:27,140 --> 00:31:32,176 Mi supozas mia demando al vi uloj estas, Kio en tiu paĝo parigitaj per .cool? 747 00:31:32,176 --> 00:31:35,984 748 00:31:35,984 --> 00:31:38,340 Estas du etikedoj ĉi tie, ĉu ne? 749 00:31:38,340 --> 00:31:39,770 Kiu estas ĉi tiu kaj ĉi tiu. 750 00:31:39,770 --> 00:31:40,590 Ambaŭ kongruas malvarmeta. 751 00:31:40,590 --> 00:31:42,200 Nenio alia. 752 00:31:42,200 --> 00:31:46,460 Do se vi diris, .cool, spaco, .special, kion vi intencas diri estas, 753 00:31:46,460 --> 00:31:48,824 ene de tiuj etikedoj, kio estas speciala? 754 00:31:48,824 --> 00:31:49,865 Allison BUCHHOLTZ-AU: Hm. 755 00:31:49,865 --> 00:31:51,800 Tion it-- pravas. 756 00:31:51,800 --> 00:31:52,310 Ĉar estas kiel ĵus ion tie. 757 00:31:52,310 --> 00:31:53,310 >> Tomáš REIMERS: Do ĝi selektas nenion. 758 00:31:53,310 --> 00:31:56,530 >> Allison BUCHHOLTZ-AU: dum kiu kun specialaj, ni estas en tiuj etikedoj tie. 759 00:31:56,530 --> 00:31:57,971 >> Tomáš REIMERS: Tiuj kaj tiuj. 760 00:31:57,971 --> 00:31:58,512 Publiko: OK. 761 00:31:58,512 --> 00:31:58,920 Do tiuj etikedoj de la antaŭen slash? 762 00:31:58,920 --> 00:31:59,740 >> Tomáš REIMERS: Jes. 763 00:31:59,740 --> 00:32:01,150 Ĉu tio havas sencon? 764 00:32:01,150 --> 00:32:03,685 Kiel ĝi estas esence provante mallarĝigi medion. 765 00:32:03,685 --> 00:32:04,810 Allison BUCHHOLTZ-AU: Yeah. 766 00:32:04,810 --> 00:32:06,870 Mi kredas ke tio estas probable la plej facila vojo pensi pri ĝi. 767 00:32:06,870 --> 00:32:09,270 >> Tomáš REIMERS: Do ni trovis cxi, kaj ni trovis ĉi ambaŭ parigitaj speciala. 768 00:32:09,270 --> 00:32:11,400 Kaj tiam ni mendas, ene tiuj knaboj, kio estas malvarmeta? 769 00:32:11,400 --> 00:32:12,941 Kaj ene de ĉi tiu, ĉi onia malvarmeta. 770 00:32:12,941 --> 00:32:14,500 Ene ĉi tiu, nenio estas malvarmeta. 771 00:32:14,500 --> 00:32:16,250 Do tiu estas la ununura etikedo kiu restas. 772 00:32:16,250 --> 00:32:20,112 >> Allison BUCHHOLTZ-AU: Dum malvarmeta estas ĝuste ene de tiuj oni etikedoj tie. 773 00:32:20,112 --> 00:32:21,070 Tomáš REIMERS: Ekzakte. 774 00:32:21,070 --> 00:32:22,403 Kaj kio estas speciala ene de tiuj? 775 00:32:22,403 --> 00:32:22,930 Nenio. 776 00:32:22,930 --> 00:32:25,270 Nun, kion mi diras estas se ne estis spaco, 777 00:32:25,270 --> 00:32:29,880 vi demandas kio estas malvarmeta kaj special-- aŭ kio estas bela kaj speciala, ĉu ne? 778 00:32:29,880 --> 00:32:35,370 Se vi diras .special.pretty, jen la sama kiel .pretty.special. 779 00:32:35,370 --> 00:32:39,220 >> Pro kio foriganta la spaco estas petante estas, kiam vi diras .special, 780 00:32:39,220 --> 00:32:40,970 vi demandas, OK, , kiuj estas speciala? 781 00:32:40,970 --> 00:32:43,780 Kaj poste el tiuj, kiuj aĵoj estas ankaŭ bela, 782 00:32:43,780 --> 00:32:47,010 kio estas la samo, gramatike, kiel demandante, kio estas bela, 783 00:32:47,010 --> 00:32:49,500 kaj tiam de tiuj, kio estas ankaŭ specialaj? 784 00:32:49,500 --> 00:32:50,000 Dekstra? 785 00:32:50,000 --> 00:32:53,099 Estas la diferenco de kio estas ene de kio estas. 786 00:32:53,099 --> 00:32:53,640 Publiko: OK. 787 00:32:53,640 --> 00:32:54,473 Tomáš REIMERS: Yeah. 788 00:32:54,473 --> 00:32:56,670 789 00:32:56,670 --> 00:32:58,030 Imponega. 790 00:32:58,030 --> 00:33:00,426 Do kun tiu en menso then-- 791 00:33:00,426 --> 00:33:01,800 >> Allison BUCHHOLTZ-AU: mi kredas nia lasta afero estas (en fantaziaj brita akcento) 792 00:33:01,800 --> 00:33:02,510 la skatolo modelo. 793 00:33:02,510 --> 00:33:05,992 >> Tomáš REIMERS: La box-- [sonoj] Mi amas la vojon Allison diras tion. 794 00:33:05,992 --> 00:33:06,950 Do la skatolo modelo afero. 795 00:33:06,950 --> 00:33:09,644 >> Allison BUCHHOLTZ-AU: Nur havi skatolo, mi estos via skatolo modelo. 796 00:33:09,644 --> 00:33:11,310 Tomáš REIMERS: Do ni parolu pri tio. 797 00:33:11,310 --> 00:33:14,070 Do ĝuste nun ni pasigis multe el tempo parolante pri selectores. 798 00:33:14,070 --> 00:33:16,944 Per nun, vi uloj estas probable, kiel, majstroj de selectors-- vi scias, 799 00:33:16,944 --> 00:33:21,510 kiel ĝuste elekti la enhavon kiu vi volas manipuli en via ekrano. 800 00:33:21,510 --> 00:33:24,740 >> Do nun la demando estas, kiom ĝuste povas vin manipuli ĝin? 801 00:33:24,740 --> 00:33:27,010 Do mi supozas ke la plej baza maniero pensi ke 802 00:33:27,010 --> 00:33:30,294 estas, nu, kion ekzakte estas ero en CSS? 803 00:33:30,294 --> 00:33:32,585 Ni pasigis multan tempon raportante, kio estas etikedo, 804 00:33:32,585 --> 00:33:36,140 kia estas la plej baza prezento de etikedon? 805 00:33:36,140 --> 00:33:39,870 806 00:33:39,870 --> 00:33:45,170 >> Bona maniero pensi Tio estas, kio formo estas salmo? 807 00:33:45,170 --> 00:33:47,295 Kio formo estas, kiel, la salmo-kolorita fono? 808 00:33:47,295 --> 00:33:47,880 >> Publiko: Estas rektangulo. 809 00:33:47,880 --> 00:33:49,040 >> Tomáš REIMERS: Estas rektangulo, dekstra? 810 00:33:49,040 --> 00:33:50,956 >> Allison BUCHHOLTZ-AU: Ne estis lertaĵo demando. 811 00:33:50,956 --> 00:33:51,870 [Ridado] 812 00:33:51,870 --> 00:33:54,670 >> Tomáš REIMERS: Ne provas trompi vi uloj tiu postrestas. 813 00:33:54,670 --> 00:33:57,510 Do ni havas ĉi rektangulo. 814 00:33:57,510 --> 00:33:59,140 Kaj la etikedo estas p, dekstra? 815 00:33:59,140 --> 00:34:02,280 Por ke ĝi donas al ni bonan kredo, ke la alineo 816 00:34:02,280 --> 00:34:07,440 estas reprezentita kiel rektangulo, je almenaŭ en la menso de la navegador, kiu 817 00:34:07,440 --> 00:34:08,715 ĝi estas. 818 00:34:08,715 --> 00:34:11,423 >> Allison BUCHHOLTZ-AU: mi volas diri, retumiloj estas tipe rektangula, 819 00:34:11,423 --> 00:34:13,440 sekve ĝi havas sentita. 820 00:34:13,440 --> 00:34:18,750 >> Tomáš REIMERS: La ideo tie estas ke ĉiuj etikedoj ene CSS 821 00:34:18,750 --> 00:34:21,790 estas reprezentitaj kiel ortangulo. 822 00:34:21,790 --> 00:34:25,699 Kaj ĉiu rektangulo havas kvar partoj laŭ CSS, OK? 823 00:34:25,699 --> 00:34:27,830 Vi havas la fakta enhavo. 824 00:34:27,830 --> 00:34:29,644 Tie estas kie la teksto troviĝas. 825 00:34:29,644 --> 00:34:30,470 >> Allison BUCHHOLTZ-AU: Eble via foto. 826 00:34:30,470 --> 00:34:31,303 >> Tomáš REIMERS: Yeah. 827 00:34:31,303 --> 00:34:33,860 Vi havas kompletigon, kiu estas nur ia blanka spaco. 828 00:34:33,860 --> 00:34:35,085 Tiam vi havas limon. 829 00:34:35,085 --> 00:34:37,710 Kaj tiam vi havas randon, kiu Estas blanka spaco ekster tiu. 830 00:34:37,710 --> 00:34:39,460 Por ke ne havas sentita al ĉiu, do ni estas 831 00:34:39,460 --> 00:34:42,500 tuj parolos pri tio dum sekundo. 832 00:34:42,500 --> 00:34:47,570 Do ĉi tie, kion ni faros Estas ni iras al krei iuj divs, OK? 833 00:34:47,570 --> 00:34:48,420 Pardonu min dum I-- 834 00:34:48,420 --> 00:34:51,506 >> Allison BUCHHOLTZ-AU: Mi sentas ŝatas ni devus meti cute bildo en. 835 00:34:51,506 --> 00:34:52,520 >> Tomáš REIMERS: Ni definitive devus. 836 00:34:52,520 --> 00:34:53,389 >> Allison BUCHHOLTZ-AU: Mi sentas min kiel ĉiu 837 00:34:53,389 --> 00:34:54,870 povis profitigi de cute bildo, estas ĉio. 838 00:34:54,870 --> 00:34:56,774 >> Tomáš REIMERS: Povas ĉiuj profitigas de a-- 839 00:34:56,774 --> 00:34:57,648 >> Publiko: Yeah, certa. 840 00:34:57,648 --> 00:34:58,790 Tomáš REIMERS: OK, malvarmeta. 841 00:34:58,790 --> 00:35:02,254 Do ni devus meti cute Bildo en ie. 842 00:35:02,254 --> 00:35:05,295 Allison BUCHHOLTZ-AU: mi sentas min kiel cute kuniklo povas esti utila nun. 843 00:35:05,295 --> 00:35:06,190 Tomáš REIMERS: Sure. 844 00:35:06,190 --> 00:35:06,950 Allison BUCHHOLTZ-AU: Fino de la semajno. 845 00:35:06,950 --> 00:35:07,390 Havi ion adorab-- 846 00:35:07,390 --> 00:35:08,520 >> Tomáš REIMERS: Kiamaniere bout katido? 847 00:35:08,520 --> 00:35:09,220 >> Allison BUCHHOLTZ-AU: A katido laboras, tro. 848 00:35:09,220 --> 00:35:11,300 >> Tomáš REIMERS: Cool, ĉar tie estas loko por tio. 849 00:35:11,300 --> 00:35:12,300 Ĝi nomas PlaceKitten. 850 00:35:12,300 --> 00:35:14,719 Allison BUCHHOLTZ-AU: Tio estas granda. 851 00:35:14,719 --> 00:35:15,510 Tomáš REIMERS: Jes. 852 00:35:15,510 --> 00:35:18,040 Allison BUCHHOLTZ-AU: Nur por, kiel, lokokupilon bildoj en via retejo. 853 00:35:18,040 --> 00:35:18,914 Tomáš REIMERS: Hmm. 854 00:35:18,914 --> 00:35:21,520 Ekzistas ankaŭ PlacePuppy. 855 00:35:21,520 --> 00:35:22,832 Kaj estas PlaceBacon. 856 00:35:22,832 --> 00:35:24,340 >> Allison BUCHHOLTZ-AU: PlaceBacon? 857 00:35:24,340 --> 00:35:25,350 Vere? 858 00:35:25,350 --> 00:35:28,190 >> Tomáš REIMERS: Ho, ni ne havas retkonekton tie. 859 00:35:28,190 --> 00:35:29,875 >> Allison BUCHHOLTZ-AU: [ĝemoj] 860 00:35:29,875 --> 00:35:30,375 Tragika. 861 00:35:30,375 --> 00:35:32,333 Tomáš REIMERS: Alie Mi montrus vin infanoj 862 00:35:32,333 --> 00:35:33,870 kiel meti bildojn en via paĝo. 863 00:35:33,870 --> 00:35:36,370 Ni tuj provos atingi ĉi laborante antaŭ ni devas iri. 864 00:35:36,370 --> 00:35:38,660 Sed nuntempe, ni ĵus tuj parolos en koloroj tiam. 865 00:35:38,660 --> 00:35:39,820 Ni volas enmeti bildojn de kittens-- 866 00:35:39,820 --> 00:35:40,210 >> Allison BUCHHOLTZ-AU: Ni faris. 867 00:35:40,210 --> 00:35:43,110 >> Tomáš REIMERS: --La Interreta malsupren por la momento estante. 868 00:35:43,110 --> 00:35:47,820 Do ni havas du divs, kaj ni estas tuj donos ilin du ids. 869 00:35:47,820 --> 00:35:51,380 870 00:35:51,380 --> 00:35:56,760 Ni tuj nomas ĝin "Unua" kaj "dua." 871 00:35:56,760 --> 00:36:01,184 Do id = "unua". 872 00:36:01,184 --> 00:36:02,850 Kaj ni tuj doni ilin du koloroj. 873 00:36:02,850 --> 00:36:08,424 Nu do kiel ni elektu ion kun identigilo de "unue"? 874 00:36:08,424 --> 00:36:09,840 Allison BUCHHOLTZ-AU: Dot aŭ hash? 875 00:36:09,840 --> 00:36:10,730 Publiko: Sharp. 876 00:36:10,730 --> 00:36:12,940 Tomáš REIMERS: Akra, perfekta. 877 00:36:12,940 --> 00:36:14,950 Sharp, hash, kion ajn we-- 878 00:36:14,950 --> 00:36:15,680 >> Allison BUCHHOLTZ-AU: Multaj eventoj nomi ĝin. 879 00:36:15,680 --> 00:36:16,430 >> Tomáš REIMERS: OK. 880 00:36:16,430 --> 00:36:19,800 Ni intencas starigi en la hashtag, kaj ke estas kion ni tuj iru kun. 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 >> Tomáš REIMERS: Do hashtag unua. 884 00:36:22,340 --> 00:36:24,506 >> Allison BUCHHOLTZ-AU: Do vi povas tuitear la seminar-- 885 00:36:24,506 --> 00:36:27,582 hashtag CSS hashtag malvarmeta. 886 00:36:27,582 --> 00:36:29,040 Tomáš REIMERS: hashtag awesomeness. 887 00:36:29,040 --> 00:36:30,730 Allison BUCHHOLTZ-AU: Hashtag awesomeness, jes. 888 00:36:30,730 --> 00:36:31,480 Tomáš REIMERS: OK. 889 00:36:31,480 --> 00:36:33,660 Do ni havas "unua" kaj "dua." 890 00:36:33,660 --> 00:36:37,697 Do unue, ni tuj devos fona koloro de ruĝa. 891 00:36:37,697 --> 00:36:39,030 Allison BUCHHOLTZ-AU: Uh, dupunkto. 892 00:36:39,030 --> 00:36:40,281 Tomáš REIMERS: Yup. 893 00:36:40,281 --> 00:36:42,281 Allison BUCHHOLTZ-AU: Mi estos via loko kontrolilo. 894 00:36:42,281 --> 00:36:43,960 Tomáš REIMERS: Allison sukcese min. 895 00:36:43,960 --> 00:36:45,830 Fono-koloro de blue-- 896 00:36:45,830 --> 00:36:46,810 >> Tomáš REIMERS: Purpura! 897 00:36:46,810 --> 00:36:47,726 >> Tomáš REIMERS: Purple. 898 00:36:47,726 --> 00:36:48,830 Allison BUCHHOLTZ-AU: Jes. 899 00:36:48,830 --> 00:36:50,630 Purpura de mia koloro favorito, kaj ni ne uzis ĝin ankoraŭ. 900 00:36:50,630 --> 00:36:51,546 >> Tomáš REIMERS: Violet. 901 00:36:51,546 --> 00:36:53,361 Allison BUCHHOLTZ-AU: Violet. 902 00:36:53,361 --> 00:36:53,860 Tio funkcias. 903 00:36:53,860 --> 00:36:56,482 904 00:36:56,482 --> 00:36:59,880 >> Tomáš REIMERS: Do ni estas tuj havos du divs. 905 00:36:59,880 --> 00:37:01,654 Ili tuj estos plene malplena. 906 00:37:01,654 --> 00:37:03,070 Ni devus probable havas iun tekston. 907 00:37:03,070 --> 00:37:05,580 908 00:37:05,580 --> 00:37:09,815 Do "unua" tuj estos "SALUTON". 909 00:37:09,815 --> 00:37:10,940 Kaj la "dua" estos say-- 910 00:37:10,940 --> 00:37:11,110 >> Allison BUCHHOLTZ-AU: Adiaŭ. 911 00:37:11,110 --> 00:37:12,514 >> Publiko: - "MONDO". 912 00:37:12,514 --> 00:37:14,122 Saluton, adiaŭ. 913 00:37:14,122 --> 00:37:16,580 Allison BUCHHOLTZ-AU: mi vidis ilin en koncerto la alia semajno. 914 00:37:16,580 --> 00:37:17,705 Tomáš REIMERS: The Beatles? 915 00:37:17,705 --> 00:37:20,242 Allison BUCHHOLTZ-AU: Por reelaj nombroj. 916 00:37:20,242 --> 00:37:21,200 Ili ne estas tiu granda. 917 00:37:21,200 --> 00:37:24,084 918 00:37:24,084 --> 00:37:24,750 Mi ne ŝatas ĝin. 919 00:37:24,750 --> 00:37:26,060 >> Tomáš REIMERS: Ni havas "SALUTON" kaj "Goodbye." 920 00:37:26,060 --> 00:37:29,102 Kaj denove, CSS estas ĝuste awesome, ĉar ĝi rekonas nian kolorojn. 921 00:37:29,102 --> 00:37:30,810 Ne necesas eĉ maltrankviligi ke ekzistas. 922 00:37:30,810 --> 00:37:33,194 Ili faros. 923 00:37:33,194 --> 00:37:35,130 >> Allison BUCHHOLTZ-AU: ili ekzistas. 924 00:37:35,130 --> 00:37:39,560 >> Tomáš REIMERS: Do CSS Furaĝo havas 255 vortoj por paroli pri koloro. 925 00:37:39,560 --> 00:37:42,986 Se vi pensus al koloro ekstere tiuj 255, kiel mi estos impresitaj. 926 00:37:42,986 --> 00:37:44,110 Allison BUCHHOLTZ-AU: Yeah. 927 00:37:44,110 --> 00:37:45,560 Mi pensas vi uloj povas havi nur enveni tuj post. 928 00:37:45,560 --> 00:37:47,727 >> Tomáš REIMERS: Do jen, vi vidos ni havas du skatoloj 929 00:37:47,727 --> 00:37:49,143 rajto sur supro de unu la alian, ĉu ne? 930 00:37:49,143 --> 00:37:50,200 Saluton kaj adiaŭ. 931 00:37:50,200 --> 00:37:51,460 >> Allison BUCHHOLTZ-AU: Mankas spaco en inter. 932 00:37:51,460 --> 00:37:53,390 Ili estas nur smooshed rajto sur supro de unu la alian. 933 00:37:53,390 --> 00:37:55,973 >> Tomáš REIMERS: Do la unua afero Mi supozas ke ni devus paroli pri 934 00:37:55,973 --> 00:38:02,960 Estas ni ankaŭ say-- yeah. 935 00:38:02,960 --> 00:38:08,020 Do CSS reprezentas ilin kiel speco de skatoloj. 936 00:38:08,020 --> 00:38:10,100 Kaj kiel skatoloj, ili havas enhavon. 937 00:38:10,100 --> 00:38:14,540 Kaj la enhavo nun estas ia la SALUTON aŭ la adiaŭ kaj tio estas ĝi. 938 00:38:14,540 --> 00:38:15,040 OK? 939 00:38:15,040 --> 00:38:19,790 >> Do unu el la unuaj aferoj kiujn vi povas fari estas vi povas aldoni kompletigon. 940 00:38:19,790 --> 00:38:25,610 Kompletigo diras kiom spaco ĝi devus forlasi ambaŭflanke. 941 00:38:25,610 --> 00:38:29,200 Do diru mi volas diri 10 rastrumeroj ambaŭflanke. 942 00:38:29,200 --> 00:38:31,234 Kaj Mi elsekigi ke en dua. 943 00:38:31,234 --> 00:38:33,150 Allison BUCHHOLTZ-AU: Ĉiuj de ĉi tiuj aferoj tie 944 00:38:33,150 --> 00:38:36,980 tuj estos plejparte en rastrumeroj por la resto de la seminario. 945 00:38:36,980 --> 00:38:40,980 Vi tuj vidos ke ĝi havas iu spaco ĉirkaŭ ĝi, ĉu ne? 946 00:38:40,980 --> 00:38:46,360 Do, kion vi ne vidas ĉi tie estas ke estas tiu nevidebla ia kompletigo 947 00:38:46,360 --> 00:38:49,600 ambaŭflanke, kio diras, kiel, OK, vi havas vian vazon content-- 948 00:38:49,600 --> 00:38:51,680 >> Allison BUCHHOLTZ-AU: Ĉu vi volas ricevi justan elsxiros inspekti elemento? 949 00:38:51,680 --> 00:38:53,659 >> Tomáš REIMERS: Yeah, tio estas bona ideo. 950 00:38:53,659 --> 00:38:56,700 Allison BUCHHOLTZ-AU: Ankaŭ, mi trovas ke la inspekti elemento estas bona maniero 951 00:38:56,700 --> 00:39:01,280 elkompreni se io okazas erara, io neatendita okazas, 952 00:39:01,280 --> 00:39:04,570 inspektinte la etikedoj kaj vidante kion estas kiel anstataŭigi ĝin estas helpema. 953 00:39:04,570 --> 00:39:05,940 >> Tomáš REIMERS: Do mi ne certas se vi uloj povas vidi ĉi koloro. 954 00:39:05,940 --> 00:39:06,470 Ĉu vi? 955 00:39:06,470 --> 00:39:10,120 Vi vidos ĉi kompletigo en la varo de latero. 956 00:39:10,120 --> 00:39:13,410 Kaj tiam oni vidas la realan enhavo en blua, dekstra? 957 00:39:13,410 --> 00:39:16,820 Do tio estas la tre Bazaj de la skatolo modelo. 958 00:39:16,820 --> 00:39:17,674 Vi havas enhavon. 959 00:39:17,674 --> 00:39:18,590 Tiam vi havas kompletigon. 960 00:39:18,590 --> 00:39:20,440 >> Publiko: Kial ne simple uzi la skatolo interne the-- 961 00:39:20,440 --> 00:39:21,606 >> Allison BUCHHOLTZ-AU: Rajto. 962 00:39:21,606 --> 00:39:24,745 Ĉar estas nur elektanta la elemento nun. 963 00:39:24,745 --> 00:39:26,050 >> Tomáš REIMERS: Yup. 964 00:39:26,050 --> 00:39:27,060 Aliaj aĵoj. 965 00:39:27,060 --> 00:39:29,780 Do ni parolu pri tio kompletigo komando dum sekundo. 966 00:39:29,780 --> 00:39:36,380 Do en CSS mezuradojn bezonas havi unuecon. 967 00:39:36,380 --> 00:39:39,740 Do unue vi havas la kvanton. 968 00:39:39,740 --> 00:39:41,460 Do en ĉi tiu kazo, ni diris 10. 969 00:39:41,460 --> 00:39:44,780 Kaj tiam la proksima ni diris estas rastrumeroj, px. 970 00:39:44,780 --> 00:39:49,160 Aliaj aĵoj vi povus havi estas aferojn kiel centimetroj, coloj. 971 00:39:49,160 --> 00:39:51,367 Vi povas fari tion ŝatas, kio estas 10 coloj? 972 00:39:51,367 --> 00:39:52,700 Kaj ĝi tuj estos ridinda. 973 00:39:52,700 --> 00:39:52,990 >> Allison BUCHHOLTZ-AU: Ho, knabo. 974 00:39:52,990 --> 00:39:53,460 >> Publiko: Halt. 975 00:39:53,460 --> 00:39:54,460 >> Tomás kaj Allison: Yeah. 976 00:39:54,460 --> 00:39:57,840 Tomáš REIMERS: Do jen ĉio kompletigon. 977 00:39:57,840 --> 00:39:59,255 Mi tuj reiri al rastrumeroj. 978 00:39:59,255 --> 00:40:01,754 >> Allison BUCHHOLTZ-AU: pixeles inklinas esti, same kiel, la normo. 979 00:40:01,754 --> 00:40:04,589 Kiam vi rigardas multajn retejojn, Ili plejparte laboras en rastrumeroj. 980 00:40:04,589 --> 00:40:07,755 Tomáš REIMERS: Do vi tuj vidos ĉu pixels-- la aliaj aĵoj vi vidas 981 00:40:07,755 --> 00:40:13,952 estas em, kiu estas unu em estas egala al la alteco de la tiparo 982 00:40:13,952 --> 00:40:15,160 kion vi nuntempe uzanta. 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 Tomáš REIMERS: Estas bona maniero por diri, kiel, mi volas tiom da spaco kiel mia tiparo 986 00:40:20,740 --> 00:40:21,514 estas prenante. 987 00:40:21,514 --> 00:40:23,180 Allison BUCHHOLTZ-AU: ne sciis tion. 988 00:40:23,180 --> 00:40:25,747 Vi lernas ion novan ĉiutage. 989 00:40:25,747 --> 00:40:27,955 Tomáš REIMERS: Estas multajn mezuradojn en CS. 990 00:40:27,955 --> 00:40:29,260 Mi sugestas ke vi rigardu ilin. 991 00:40:29,260 --> 00:40:32,122 Pro viaj kazoj, mi pensas rastrumeroj devus esti sufiĉa. 992 00:40:32,122 --> 00:40:33,830 Kaj ili estas ankaŭ kio vi tuj vidos 993 00:40:33,830 --> 00:40:36,520 en la plimulto de ekzemploj farita en linio. 994 00:40:36,520 --> 00:40:38,320 Do ni lasos ĝin ĉe rastrumeroj. 995 00:40:38,320 --> 00:40:42,420 >> Vi povas ankaŭ, mi devus say-- tiel kompletigo aroj ĉiuj paddings. 996 00:40:42,420 --> 00:40:49,789 Vi povas ankaŭ fari ion kiel "Kompletigon-top" je justaj set-- 997 00:40:49,789 --> 00:40:52,080 Allison BUCHHOLTZ-AU: Eble ni ricevos nian "SALUTON" dorso. 998 00:40:52,080 --> 00:40:55,480 Tomáš REIMERS: --to momento subiris la kompletigon sur la supro kaj nenio alia. 999 00:40:55,480 --> 00:40:59,560 Do la kvar comandos estas kompletigo-supro, kompletigo-fundo, kompletigo-maldekstra, 1000 00:40:59,560 --> 00:41:00,310 kaj kompletigon-rajton. 1001 00:41:00,310 --> 00:41:02,470 >> Allison BUCHHOLTZ-AU: Just like atendite por skatolo. 1002 00:41:02,470 --> 00:41:03,530 >> Tomáš REIMERS: Yeah. 1003 00:41:03,530 --> 00:41:05,240 Nenio tro freneza tie. 1004 00:41:05,240 --> 00:41:08,230 Ĉu tio havas sencon? 1005 00:41:08,230 --> 00:41:11,990 Do kiu estas kompletigo. 1006 00:41:11,990 --> 00:41:14,110 Mi iras al starigis la tutan la paddings reen al 10. 1007 00:41:14,110 --> 00:41:17,010 Kaj poste mi iros pluveturi al bordo. 1008 00:41:17,010 --> 00:41:21,130 >> Do kio bordo estas estas limo estas bizara komando. 1009 00:41:21,130 --> 00:41:24,450 Ĝi prenas ia tri aferojn samtempe. 1010 00:41:24,450 --> 00:41:28,930 Do la unua estas kiel granda vi volas ke tio estu kiel mezurado. 1011 00:41:28,930 --> 00:41:30,662 Denove, Mi nur uzante rastrumeroj. 1012 00:41:30,662 --> 00:41:32,620 Kaj la lasta afero mi devus aldoni al mezuradojn 1013 00:41:32,620 --> 00:41:35,270 Estas la sola afero, kiun ne bezonas unuo estas 0. 1014 00:41:35,270 --> 00:41:37,390 Estas vere malĝusta doni 0 unueco, 1015 00:41:37,390 --> 00:41:41,940 ĉar 0 estas 0 trans coloj, rastrumeroj, centimetroj, kion ajn. 1016 00:41:41,940 --> 00:41:43,960 Ĉiu simple signifas 0, dekstra? 1017 00:41:43,960 --> 00:41:46,710 Do unue vi donos gxin al gxia arangxo. 1018 00:41:46,710 --> 00:41:48,650 >> Tiam vi donos al ĝi la stilo. 1019 00:41:48,650 --> 00:41:49,869 Do mi intencis diri "solida". 1020 00:41:49,869 --> 00:41:51,410 Kaj ni parolos pri kion tio signifas. 1021 00:41:51,410 --> 00:41:54,290 Kaj poste persiste, vi donas al ĝi koloron. 1022 00:41:54,290 --> 00:41:56,850 Do mi intencis diri "nigra." 1023 00:41:56,850 --> 00:41:59,637 Kaj jen estas cxio ni nun vidis antaŭe, krom stilo, 1024 00:41:59,637 --> 00:42:00,720 sed ni parolos pri tio. 1025 00:42:00,720 --> 00:42:04,120 Do vi infanoj vidis mezuradojn, kaj vi vidis kolorojn. 1026 00:42:04,120 --> 00:42:10,410 Kaj kio okazas estas ni preni ĉi bela nigra limo ĉirkaŭ ĝi, ĉu ne? 1027 00:42:10,410 --> 00:42:11,620 Vi ĉiuj vidos kiel ni faradis? 1028 00:42:11,620 --> 00:42:12,760 >> Publiko: Yeah. 1029 00:42:12,760 --> 00:42:14,850 >> Tomáš REIMERS: Cool. 1030 00:42:14,850 --> 00:42:17,370 Do kio estas tio? 1031 00:42:17,370 --> 00:42:19,160 Do unue: ĝi estas unu bildero. 1032 00:42:19,160 --> 00:42:20,880 Tio estas mem-evidenta sufiĉe, dekstra? 1033 00:42:20,880 --> 00:42:23,254 Kiel, ĝi estas unu rastrumero dika. 1034 00:42:23,254 --> 00:42:26,170 Aŭ ĝi estus unu rastrumero, sed mi estas zomita en, do estas iomete pli 1035 00:42:26,170 --> 00:42:26,490 ol tio. 1036 00:42:26,490 --> 00:42:27,967 >> Allison BUCHHOLTZ-AU: Kaj ni havas tiu ridinda distingivo TV. 1037 00:42:27,967 --> 00:42:29,460 >> Tomáš REIMERS: Yeah. 1038 00:42:29,460 --> 00:42:33,640 Vi povas fari ĝin pli granda, malgranda, kio ajn. 1039 00:42:33,640 --> 00:42:35,630 Do jen du-pixel limo. 1040 00:42:35,630 --> 00:42:38,810 Vi vidos estas duoble pli dika. 1041 00:42:38,810 --> 00:42:40,172 Lin sekva kiu havas estas koloro. 1042 00:42:40,172 --> 00:42:41,130 Tio ne interesa. 1043 00:42:41,130 --> 00:42:42,710 Mi ne iras paroli pri kiuj, vere. 1044 00:42:42,710 --> 00:42:45,110 >> Allison BUCHHOLTZ-AU: Sed la stilo mem justa iom interesa. 1045 00:42:45,110 --> 00:42:45,980 >> Tomáš REIMERS: Yeah. 1046 00:42:45,980 --> 00:42:48,560 Do stilo, estas malmultaj aĵoj kiun mi vidas uzitaj komune. 1047 00:42:48,560 --> 00:42:55,690 Unua onia solida, apud onia punktita, kaj la lasta la strekitan. 1048 00:42:55,690 --> 00:42:59,290 Kaj tie estas ŝprucita. 1049 00:42:59,290 --> 00:43:02,980 Vi vidos ke ili estas faskon de dots, dekstra? 1050 00:43:02,980 --> 00:43:09,030 Bona maniero ia akiri belan limo irante, streketoj estas ankaŭ bela popularaj. 1051 00:43:09,030 --> 00:43:11,580 1052 00:43:11,580 --> 00:43:13,600 >> Allison BUCHHOLTZ-AU: Kaj tiam kompreneble mi estas 1053 00:43:13,600 --> 00:43:16,660 certe estas multaj aliaj stiloj kiuj vi povas akiri. 1054 00:43:16,660 --> 00:43:20,000 Kaj ni havas grandan aron de ligoj fine por vi uloj 1055 00:43:20,000 --> 00:43:23,470 al speco de peruse kaj rigardi pli malvarmeta CSS. 1056 00:43:23,470 --> 00:43:25,954 >> Tomáš REIMERS: Kaj poste la lasta afero, ni estas 1057 00:43:25,954 --> 00:43:27,870 tuj parolos pri la skatolo modeloj reala rapida. 1058 00:43:27,870 --> 00:43:30,070 Ah, kaj tiam limo, ekzakte kiel kompletigo, 1059 00:43:30,070 --> 00:43:33,270 vi ankaŭ havas aĵojn kiel limo-maldekstra, limo-dekstra, limo-top, 1060 00:43:33,270 --> 00:43:37,590 limo-fundo, kiu permesas vin akiri je specifa limo. 1061 00:43:37,590 --> 00:43:40,650 Do jen nur la limo maldekstrema difinita. 1062 00:43:40,650 --> 00:43:43,060 Ĉu tio havas sencon? 1063 00:43:43,060 --> 00:43:46,170 >> Allison BUCHHOLTZ-AU: Estas malvarmeta maniero reliefigi aĵoj aŭ aldonu 1064 00:43:46,170 --> 00:43:47,545 linioj inter malsamaj elementoj. 1065 00:43:47,545 --> 00:43:48,670 Tomáš REIMERS: Absolute. 1066 00:43:48,670 --> 00:43:50,940 Do jen nia landlimo. 1067 00:43:50,940 --> 00:43:52,790 Kaj la lasta la rando. 1068 00:43:52,790 --> 00:43:55,892 Rando Estas kiel kompletigo krom ĝi ne estas within-- 1069 00:43:55,892 --> 00:43:57,975 Allison BUCHHOLTZ-AU: Estas ne ĉirkaŭ via ero 1070 00:43:57,975 --> 00:44:00,840 sed reale ĉirkaŭ la tuta skatolo kiu ni venas vidante. 1071 00:44:00,840 --> 00:44:02,770 >> Tomáš REIMERS: Yeah. 1072 00:44:02,770 --> 00:44:04,090 Allison diris ĝin perfekte. 1073 00:44:04,090 --> 00:44:07,550 Ne, kiel interne via elemento, ĝi estas ie la tuta skatolo. 1074 00:44:07,550 --> 00:44:10,900 Tio signifas tion kiel fono ne aplikas al ĝi. 1075 00:44:10,900 --> 00:44:13,550 Kaj ĝi esence diras, kiel, mi ne volas ion 1076 00:44:13,550 --> 00:44:15,230 en ĉi tre spaco por mi. 1077 00:44:15,230 --> 00:44:17,470 Do kiel tie ni havas marĝenon de 10 rastrumeroj. 1078 00:44:17,470 --> 00:44:23,100 Do nenio ene 10 rastrumeroj estu apud mi. 1079 00:44:23,100 --> 00:44:26,210 Tio estas speco de lia spaco sed speco de ne. 1080 00:44:26,210 --> 00:44:29,215 Do tio estas la tre Bazaj de la skatolo modelo. 1081 00:44:29,215 --> 00:44:30,090 Ĉu tio havas sencon? 1082 00:44:30,090 --> 00:44:33,830 1083 00:44:33,830 --> 00:44:34,550 Cool, malvarmeta. 1084 00:44:34,550 --> 00:44:35,800 Allison BUCHHOLTZ-AU: Awesome. 1085 00:44:35,800 --> 00:44:37,890 Do nun mi kredas ke ni ĵus havas niaj malvarmetaj rimedoj 1086 00:44:37,890 --> 00:44:41,220 ke ni prenos vin infanoj tra tre rapide. 1087 00:44:41,220 --> 00:44:44,815 Kaj ni actually-- bone, ni havas interreton ankoraŭ? 1088 00:44:44,815 --> 00:44:47,860 >> Tomáš REIMERS: Ni vidi se mi povas malfermi up-- 1089 00:44:47,860 --> 00:44:50,040 lasu min nur vidi se mi povas akiri interreto rapide 1090 00:44:50,040 --> 00:44:53,317 dum Allison parolas pri io Allison volas paroli. 1091 00:44:53,317 --> 00:44:55,150 Allison BUCHHOLTZ-AU: Do basically-- mi ne 1092 00:44:55,150 --> 00:44:57,930 scias kion alian mi povas diri en ĉi tiu punkto. 1093 00:44:57,930 --> 00:45:01,340 Sed tiuj estas iuj vere bonajn rimedojn. 1094 00:45:01,340 --> 00:45:04,629 Ili estas tiuj, kiuj Tomas kaj mi uzis 1095 00:45:04,629 --> 00:45:06,420 kaj ke ni reale kutimi Prep por tiu. 1096 00:45:06,420 --> 00:45:09,940 W3Schools estas unu ke vi infanoj devus esti vidinta antaŭe. 1097 00:45:09,940 --> 00:45:12,440 Ni rekomendas gxin kiel Multon per CSS. 1098 00:45:12,440 --> 00:45:15,060 Mi scias mi rekomendas ĝin al miaj sekcio tutan tempon. 1099 00:45:15,060 --> 00:45:21,050 >> Unu el la grandaj aferoj estas ke ĝi permesas al speco de salato kun CSS 1100 00:45:21,050 --> 00:45:23,830 kaj vidi la ŝanĝojn instantáneamente en ĉi, 1101 00:45:23,830 --> 00:45:25,920 kiel, duobla fenestro vidi ke ĝi havas. 1102 00:45:25,920 --> 00:45:29,980 Do vi ne devas maltrankviligi agordo de via propra retpaĝo, 1103 00:45:29,980 --> 00:45:33,090 aŭ starigadon vhost en via loka aparato kaj loka gastiganto, 1104 00:45:33,090 --> 00:45:34,980 kaj prenantaj ĉiuj kiuj stuff laborista. 1105 00:45:34,980 --> 00:45:36,830 Ĝi estas enigita dekstra ene de la paĝo. 1106 00:45:36,830 --> 00:45:39,042 >> Kaj ĝi havas tiuj malgranduloj lecionojn kiujn vi povas 1107 00:45:39,042 --> 00:45:40,750 trairu lerni pli pri selectores, 1108 00:45:40,750 --> 00:45:44,610 aŭ lerni pri manipulanta via tiparo, aŭ fono, aŭ bildo. 1109 00:45:44,610 --> 00:45:46,990 Kaj vi havas tiujn instantáneo rezultoj kiujn vi 1110 00:45:46,990 --> 00:45:49,310 ne devas fari ajnan aliaj prep laboro por. 1111 00:45:49,310 --> 00:45:51,060 Do mi amas W3Schools. 1112 00:45:51,060 --> 00:45:51,960 Estas fabela. 1113 00:45:51,960 --> 00:45:52,670 Ĉu funkcias? 1114 00:45:52,670 --> 00:45:52,950 >> Tomáš REIMERS: Yeah. 1115 00:45:52,950 --> 00:45:53,720 Ne, tio ne. 1116 00:45:53,720 --> 00:45:55,636 Ĉu vi deziras min provi kaj restartigi mian komputilon? 1117 00:45:55,636 --> 00:45:56,410 Aux cxu ni volas to-- 1118 00:45:56,410 --> 00:46:01,490 >> Allison BUCHHOLTZ-AU: mi volas diri, Nu, tiu ankaŭ estos en linio. 1119 00:46:01,490 --> 00:46:02,740 Ĉiuj diapozitivoj estos rete. 1120 00:46:02,740 --> 00:46:05,470 Do mi simple ege rekomendas faranta tiujn. 1121 00:46:05,470 --> 00:46:07,880 >> Tiu estas granda kiel justa kiel Gvidfolio. 1122 00:46:07,880 --> 00:46:10,690 Estas nur cxiujn bazajn ordonas ke vi havas. 1123 00:46:10,690 --> 00:46:13,070 Estas granda kiam vi unue startanta ekster via retpaĝaro. 1124 00:46:13,070 --> 00:46:15,080 Ĉar eble vi ne volas ricevi en ĉiujn 1125 00:46:15,080 --> 00:46:17,355 la reala nitty aspra dezajno-pezaj aĵoj. 1126 00:46:17,355 --> 00:46:20,230 Vi nur bezonas formati gxin en maniero tian sencoplena kaj volo 1127 00:46:20,230 --> 00:46:21,490 fari provizore. 1128 00:46:21,490 --> 00:46:23,580 Kaj se vi vere volas eniri en ĝin, mi konas 1129 00:46:23,580 --> 00:46:27,240 tio estas, kiel, unu el Tomas favorito referencoj. 1130 00:46:27,240 --> 00:46:30,130 Ni uzis ĝin por prep, kaj ĝi estas fabela. 1131 00:46:30,130 --> 00:46:33,030 Estas la desarrollador de Mozilla. 1132 00:46:33,030 --> 00:46:36,490 >> Tomáš REIMERS: Do Mozilla estas la personoj kiuj faras Firefox. 1133 00:46:36,490 --> 00:46:40,290 Kaj estas ĝuste ilia propra desarrollador referenco, kiu miaopinie estas imponega. 1134 00:46:40,290 --> 00:46:44,870 Kaj ĝi havas mirindan lerta de rimedoj. 1135 00:46:44,870 --> 00:46:45,530 Do ni have-- 1136 00:46:45,530 --> 00:46:48,060 >> Allison BUCHHOLTZ-AU: Kaj tiam lasta noto estas 1137 00:46:48,060 --> 00:46:50,120 kiam vi provas desegni via retejo, 1138 00:46:50,120 --> 00:46:53,550 inspiriĝi de aferoj ke vi pensas estas bela. 1139 00:46:53,550 --> 00:46:56,340 Inspektinte la elemento, inspektinte la fontkodo 1140 00:46:56,340 --> 00:46:59,370 povas esti súper utila por provi elkompreni 1141 00:46:59,370 --> 00:47:02,080 kiom stiligi vian propran retejon. 1142 00:47:02,080 --> 00:47:04,540 >> Ofte, mi sentas kiel la pli bona vojo, krom experimentación, 1143 00:47:04,540 --> 00:47:06,290 Estas nur por rigardi proprajxon bela. 1144 00:47:06,290 --> 00:47:09,810 Mi trovas ĝin vere malfacile simple speco de desegni aferojn sur via propra, 1145 00:47:09,810 --> 00:47:11,090 precipe en la komenco. 1146 00:47:11,090 --> 00:47:14,740 Do bonvolu rigardi retejoj ke vi ĝuas rigardante. 1147 00:47:14,740 --> 00:47:16,880 Elkompreni kiel faras ili vokas al Vi. 1148 00:47:16,880 --> 00:47:19,170 Kaj tiam bonvolu provu repliki ke. 1149 00:47:19,170 --> 00:47:20,410 >> Tomáš REIMERS: Rajto. 1150 00:47:20,410 --> 00:47:23,120 Eĉ kiel retejoj kiel tiu, vi povas vidi 1151 00:47:23,120 --> 00:47:25,460 tie estas definitive div ĉe la supro. 1152 00:47:25,460 --> 00:47:29,920 Kaj tiam vi havas alian div ene tie, kio estas CSS awesomeness. 1153 00:47:29,920 --> 00:47:32,480 Kaj tiam vi havas faskon da ligiloj ĉi tien. 1154 00:47:32,480 --> 00:47:34,770 Se vi vere nur inspekti elementoj vi povas ordigi de 1155 00:47:34,770 --> 00:47:38,520 komenci vidi kion fari retejoj aspekti, kaj kiel mi povos 1156 00:47:38,520 --> 00:47:40,493 rekrei se mi volus. 1157 00:47:40,493 --> 00:47:41,890 Ĉu tio havas sencon? 1158 00:47:41,890 --> 00:47:43,670 Do ni nur havas tri minutoj maldekstre. 1159 00:47:43,670 --> 00:47:46,380 Do demandojn? 1160 00:47:46,380 --> 00:47:47,650 Ĉiuj el ili? 1161 00:47:47,650 --> 00:47:48,350 Jes. 1162 00:47:48,350 --> 00:47:50,780 >> Publiko: Por la koloro rektangulo, Kiel vi 1163 00:47:50,780 --> 00:47:53,499 have-- se vi ne volas ĝin irante tra la tuta paĝo, povus 1164 00:47:53,499 --> 00:47:56,400 vi faris gxin transiri nur duono de la paĝo aŭ simple la teksto? 1165 00:47:56,400 --> 00:47:59,660 >> Tomáš REIMERS: Yeah, absolute. 1166 00:47:59,660 --> 00:48:02,780 Do lasu min vidi reale. 1167 00:48:02,780 --> 00:48:04,670 Mi havas du ideojn. 1168 00:48:04,670 --> 00:48:07,265 Do unue: vi povas ankaŭ uzi por cent. 1169 00:48:07,265 --> 00:48:08,140 >> Publiko: Really? 1170 00:48:08,140 --> 00:48:11,260 >> Allison BUCHHOLTZ-AU: Do io suprenrigardi estas relativa posicionamiento. 1171 00:48:11,260 --> 00:48:13,385 Estas iu kiun ni ne havas tempon por eniri, 1172 00:48:13,385 --> 00:48:16,392 sed estas iu kiu definitive rekomendas infanoj ekiras. 1173 00:48:16,392 --> 00:48:17,580 >> Tomáš REIMERS: Do por cent. 1174 00:48:17,580 --> 00:48:21,524 Kaj vidi kiel ni faris ĝin nur 50% de la larĝa? 1175 00:48:21,524 --> 00:48:24,190 Allison BUCHHOLTZ-AU: Se vi efektive scias la numeron de píxeles, 1176 00:48:24,190 --> 00:48:25,780 vi povas esti pli preciza ol vojo. 1177 00:48:25,780 --> 00:48:27,200 Vi povas Fiddle kun ĝi. 1178 00:48:27,200 --> 00:48:27,700 Sed 50%. 1179 00:48:27,700 --> 00:48:31,970 Se ni estus regrandigi nia navegador, ĝi igus ĝin pli malgranda. 1180 00:48:31,970 --> 00:48:35,250 >> Tomáš REIMERS: Nu, estas esence 50% nun, mi pensas. 1181 00:48:35,250 --> 00:48:38,820 Estas 50%, kaj poste la randon estis aldonita al tiu. 1182 00:48:38,820 --> 00:48:40,100 CSS havas multan kapricoj. 1183 00:48:40,100 --> 00:48:43,195 Do nun tiu estas 50% de la paĝo larĝa. 1184 00:48:43,195 --> 00:48:46,860 Sed memoru ke vi havas 10 rastrumeroj deprenitaj de ĉiu flanko. 1185 00:48:46,860 --> 00:48:49,700 Do se vi estus movi kiu kontraŭ la brodas maldekstra de la navegador, 1186 00:48:49,700 --> 00:48:51,550 tiam aspektus kiel 50%. 1187 00:48:51,550 --> 00:48:53,884 Denove, kiel mi diris, CSS povas esti multaj divenon-kaj-ĉeko. 1188 00:48:53,884 --> 00:48:56,049 Kiel, vi pensas ion estas tuj konduti unu vojon, 1189 00:48:56,049 --> 00:48:57,805 sed kondutas tute malsame. 1190 00:48:57,805 --> 00:48:59,420 >> Allison BUCHHOLTZ-AU: Kaj vi simple akiri inteligenta, 1191 00:48:59,420 --> 00:49:02,020 kaj vi nur akiras pli bonan intuicio por ĝi kiel vi movas kune. 1192 00:49:02,020 --> 00:49:02,730 >> Tomáš REIMERS: Kaj plimalbonigas kaj pli malbone. 1193 00:49:02,730 --> 00:49:03,496 Do estas vere ĝuste raso. 1194 00:49:03,496 --> 00:49:05,454 >> Allison BUCHHOLTZ-AU: Tio estas súper kuraĝigaj. 1195 00:49:05,454 --> 00:49:07,070 Ni volas ilin ŝati CSS. 1196 00:49:07,070 --> 00:49:08,810 >> Tomáš REIMERS: CSS estas imponega. 1197 00:49:08,810 --> 00:49:10,354 Memoru tion. 1198 00:49:10,354 --> 00:49:11,020 Aliaj demandoj? 1199 00:49:11,020 --> 00:49:14,297 >> Allison BUCHHOLTZ-AU: La unu afero. 1200 00:49:14,297 --> 00:49:14,880 Ion alian? 1201 00:49:14,880 --> 00:49:15,140 Cool. 1202 00:49:15,140 --> 00:49:15,690 >> Tomáš REIMERS: Awesome. 1203 00:49:15,690 --> 00:49:18,523 >> Allison BUCHHOLTZ-AU: Nu, se vi infanoj havas demandojn poste, 1204 00:49:18,523 --> 00:49:20,919 ni estas ĉiam disponeblaj kiel po kutima. 1205 00:49:20,919 --> 00:49:22,960 Vi probable vidos iuj nin por fino projektoj 1206 00:49:22,960 --> 00:49:24,280 kaj definitive en la hackathon. 1207 00:49:24,280 --> 00:49:25,200 >> Tomáš REIMERS: Absolute. 1208 00:49:25,200 --> 00:49:25,720 Kaj en la foiro. 1209 00:49:25,720 --> 00:49:26,560 >> Allison BUCHHOLTZ-AU: Kaj en la foiro. 1210 00:49:26,560 --> 00:49:26,840 Oh. 1211 00:49:26,840 --> 00:49:28,130 >> Tomáš REIMERS: Rigardu antaŭen al vidante ĉiuj viajn awesome-- 1212 00:49:28,130 --> 00:49:29,420 >> Allison BUCHHOLTZ-AU: Ni vidos ĉiuj viajn awesome retejoj 1213 00:49:29,420 --> 00:49:30,572 ke estos bela. 1214 00:49:30,572 --> 00:49:32,780 Tomáš REIMERS: Vi povas ĉiam vidu, kiel la retejoj 1215 00:49:32,780 --> 00:49:36,234 kiuj devis, kiel, nu CSS kaj tiam kiel tiuj kiuj ne provis fari CSS. 1216 00:49:36,234 --> 00:49:39,150 Allison BUCHHOLTZ-AU: Ankaŭ, alia aferon, unu pli afero enrigardi 1217 00:49:39,150 --> 00:49:40,445 estas bootstraping. 1218 00:49:40,445 --> 00:49:41,805 Do Bootstrap estas granda. 1219 00:49:41,805 --> 00:49:42,240 >> Tomáš REIMERS: Google kiu se you-- 1220 00:49:42,240 --> 00:49:43,573 >> Allison BUCHHOLTZ-AU: Google ĝin. 1221 00:49:43,573 --> 00:49:44,340 Estas fabela. 1222 00:49:44,340 --> 00:49:45,620 Vi amos ĝin. 1223 00:49:45,620 --> 00:49:48,000 Kaj nun ke vi havas baza kompreno de CSS, 1224 00:49:48,000 --> 00:49:50,340 ĝi faros multe pli sentita. 1225 00:49:50,340 --> 00:49:50,890 Imponega. 1226 00:49:50,890 --> 00:49:51,480 Danke, knaboj. 1227 00:49:51,480 --> 00:49:53,330 >> Tomáš REIMERS: Dankon tiom. 1228 00:49:53,330 --> 00:49:54,219