1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:04,500 >> [MUSIC kucheza] 3 00:00:04,500 --> 00:00:10,099 4 00:00:10,099 --> 00:00:12,224 ALLISON BUCHHOLTZ-AU: Hivyo sisi ni kimsingi tu kwenda 5 00:00:12,224 --> 00:00:14,629 kukupa rundown ya CSS, kwa sababu tunajua 6 00:00:14,629 --> 00:00:16,420 kwamba si kufunikwa katika sehemu zote. 7 00:00:16,420 --> 00:00:20,090 Na sisi kweli wanataka kuhakikisha kuwa wewe guys kuwa chombo hiki ovyo wako, 8 00:00:20,090 --> 00:00:24,790 kwa sababu ina uwezo wa kufanya tovuti yako kuangalia sana prettier. 9 00:00:24,790 --> 00:00:28,660 >> Na kama wewe ni kujenga tovuti, basi pengine unataka kufanya hivyo pretty. 10 00:00:28,660 --> 00:00:31,372 I mean, wewe huna, lakini ningependa kupendekeza hilo. [Anacheka] 11 00:00:31,372 --> 00:00:35,430 Kama unataka watumiaji kutumia hiyo, unaweza wanataka kufanya hivyo kidogo [inaudible]. 12 00:00:35,430 --> 00:00:39,130 Hivyo sisi ni kwenda kujaribu na kukupa tu zana baadhi ya msingi na akili, 13 00:00:39,130 --> 00:00:42,340 hivyo kwamba wakati wewe kwenda nje na wewe ni kutafiti mambo kuhusu CSS, 14 00:00:42,340 --> 00:00:45,902 siyo kukamilisha gibberish, kama CSS wakati mwingine kuwa. 15 00:00:45,902 --> 00:00:47,240 >> TOMAS Reimers: Yeah. 16 00:00:47,240 --> 00:00:49,930 Allison alisema pretty vizuri. 17 00:00:49,930 --> 00:00:53,250 Kwa hiyo mimi nadhani jambo la kwanza sisi lazima kuanza na ni nini CSS? 18 00:00:53,250 --> 00:00:55,750 Hivyo CSS ni wa kushangaza. 19 00:00:55,750 --> 00:00:56,250 CSS-- 20 00:00:56,250 --> 00:00:58,320 >> ALLISON BUCHHOLTZ-AU: Hiyo ni jina la semina yetu. 21 00:00:58,320 --> 00:00:58,434 >> TOMAS Reimers: Yeah. 22 00:00:58,434 --> 00:01:00,130 Ni kweli ni muhimu kwamba wewe kuelewa kwamba kwa wakati huo. 23 00:01:00,130 --> 00:01:03,090 Kama wewe tu kuchukua moja Jambo, ni kwamba CSS kama kutisha. 24 00:01:03,090 --> 00:01:06,180 Mbili ni CSS anasimama kwa Kuachia Style Sheets. 25 00:01:06,180 --> 00:01:10,380 Hivyo katika msingi wake, CSS ni style karatasi, maana 26 00:01:10,380 --> 00:01:13,200 utapata style ukurasa wa mtandao. 27 00:01:13,200 --> 00:01:16,609 Na kisha nini maana, ni njia ya kuongeza style wa tovuti yako. 28 00:01:16,609 --> 00:01:18,900 Hivyo kwa style, tuna maana kila kitu si kwamba structural-- 29 00:01:18,900 --> 00:01:24,350 hivyo mambo kama rangi, background images, mipaka, kama, padding, 30 00:01:24,350 --> 00:01:25,040 pembezoni. 31 00:01:25,040 --> 00:01:27,310 Tutaweza majadiliano juu ya kile wote kwamba maana katika kidogo. 32 00:01:27,310 --> 00:01:30,110 >> Hivyo tumekuwa tu wamekwenda mbele na kufunguliwa wote wawili wa wale up katika gedit. 33 00:01:30,110 --> 00:01:32,680 Hivyo hii ni index.html. 34 00:01:32,680 --> 00:01:34,800 Na hii ni main.css. 35 00:01:34,800 --> 00:01:36,829 Hivyo main.css ina chochote. 36 00:01:36,829 --> 00:01:38,412 ALLISON BUCHHOLTZ-AU: No style hivyo mbali. 37 00:01:38,412 --> 00:01:39,245 TOMAS Reimers: Hakuna. 38 00:01:39,245 --> 00:01:42,577 Na kama utaona, ni kweli ugly tovuti. 39 00:01:42,577 --> 00:01:44,160 ALLISON BUCHHOLTZ-AU: Ni wazi tu. 40 00:01:44,160 --> 00:01:45,820 TOMAS Reimers: Yeah. 41 00:01:45,820 --> 00:01:49,150 Yeah, ni si mbaya, ni tu minimalist. 42 00:01:49,150 --> 00:01:53,430 Na kisha hapa tuna index.html. 43 00:01:53,430 --> 00:01:55,729 Na hivyo kwa haraka recap ya HTML, Allison, 44 00:01:55,729 --> 00:01:57,270 unataka tu kuzungumza kuhusu ukurasa? 45 00:01:57,270 --> 00:01:58,395 >> ALLISON BUCHHOLTZ-AU: Yeah. 46 00:01:58,395 --> 00:02:01,100 Hivyo ni wazi, tuna HTML yetu tag, ambayo tu majina HTML file. 47 00:02:01,100 --> 00:02:07,080 Tuna header yetu hapa, na CSS Awesomeness, which-- kama wewe kwenda nyuma. 48 00:02:07,080 --> 00:02:07,720 Ambapo ni kwamba? 49 00:02:07,720 --> 00:02:09,136 >> TOMAS Reimers: Oh. 50 00:02:09,136 --> 00:02:10,301 Yeah, unaweza kuona. 51 00:02:10,301 --> 00:02:12,092 ALLISON BUCHHOLTZ-AU: Na taarifa header 52 00:02:12,092 --> 00:02:14,120 ni hii tab header haki hapa. 53 00:02:14,120 --> 00:02:17,130 Na kisha "Hello, ulimwengu!" ni Nakala kwamba tuna tu 54 00:02:17,130 --> 00:02:19,620 kuonyesha kwenye mtandao ukurasa, ambayo is-- kurudi nyuma. 55 00:02:19,620 --> 00:02:21,290 Back. 56 00:02:21,290 --> 00:02:24,287 Ambayo ni tu katika mwili wetu here-- Nakala wazi. 57 00:02:24,287 --> 00:02:26,120 Pia, jambo moja taarifa, kama ukiangalia hapa, 58 00:02:26,120 --> 00:02:29,410 Tomas switched na haya wawili kutoka slide yetu. 59 00:02:29,410 --> 00:02:32,035 Hivyo kama una muda mrefu kama kila tatu wa haya, wewe ni faini. 60 00:02:32,035 --> 00:02:34,044 Wanaweza kuwa ili chochote wanachotaka. 61 00:02:34,044 --> 00:02:39,368 Nini muhimu zaidi ni tu kwamba una kila moja ya mambo hayo matatu. 62 00:02:39,368 --> 00:02:40,340 >> TOMAS Reimers: Cool. 63 00:02:40,340 --> 00:02:41,111 Kuongeza aina doc? 64 00:02:41,111 --> 00:02:42,235 ALLISON BUCHHOLTZ-AU: Yeah. 65 00:02:42,235 --> 00:02:43,068 TOMAS Reimers: Yeah. 66 00:02:43,068 --> 00:02:43,769 Baridi. 67 00:02:43,769 --> 00:02:46,102 ALLISON BUCHHOLTZ-AU: Inavyoonekana, vipaza sauti yangu si kama mimi. 68 00:02:46,102 --> 00:02:49,650 TOMAS Reimers: Oh, kutupa sec tu wakati Allison swichi nje mic yake. 69 00:02:49,650 --> 00:02:50,500 Hivyo yeah. 70 00:02:50,500 --> 00:02:52,030 Hivyo tuna ukurasa yetu kuu. 71 00:02:52,030 --> 00:02:53,890 Ni aina ya unstyled. 72 00:02:53,890 --> 00:02:54,780 Hatuna mengi. 73 00:02:54,780 --> 00:02:57,110 Sisi tu kimsingi maandishi. 74 00:02:57,110 --> 00:02:59,470 Tuna karatasi style. 75 00:02:59,470 --> 00:03:00,220 Tuna cheo. 76 00:03:00,220 --> 00:03:04,020 Hivyo tu bare-boned vipengele kufanya tovuti. 77 00:03:04,020 --> 00:03:08,880 >> Hivyo kutoka huko, hebu majadiliano juu ya kile CSS ni 78 00:03:08,880 --> 00:03:11,270 na inaonekana kama na yote hayo ni nini. 79 00:03:11,270 --> 00:03:12,047 Hivyo kwa that-- 80 00:03:12,047 --> 00:03:13,755 ALLISON BUCHHOLTZ-AU: Nyuma ya slides. 81 00:03:13,755 --> 00:03:15,200 TOMAS Reimers: Nyuma ya slides. 82 00:03:15,200 --> 00:03:17,240 Na Allison inaweza kuchukua zaidi ya. 83 00:03:17,240 --> 00:03:18,720 >> ALLISON BUCHHOLTZ-AU: Woo. 84 00:03:18,720 --> 00:03:19,220 OK. 85 00:03:19,220 --> 00:03:22,360 Hivyo katika CSS faili yako, wewe ni kwenda kuwa na 86 00:03:22,360 --> 00:03:25,010 mengi ya mambo haya kuitwa selectors. 87 00:03:25,010 --> 00:03:27,420 Hiyo itakuwa tu kuwa msingi wa CSS faili yako. 88 00:03:27,420 --> 00:03:29,480 Ni tu kwenda kuwa kura na kura ya haya. 89 00:03:29,480 --> 00:03:30,780 Hivyo selector. 90 00:03:30,780 --> 00:03:32,649 Hii ni anatomy ujumla. 91 00:03:32,649 --> 00:03:35,190 Sisi ni kwenda kwenda kwa njia ya mifano, kwa sababu kama wewe guys kamwe 92 00:03:35,190 --> 00:03:38,400 watched sehemu yangu, mimi kuhisi kama mambo katika abstract 93 00:03:38,400 --> 00:03:39,400 si kweli mantiki. 94 00:03:39,400 --> 00:03:41,110 Ni daima husaidia kuona mifano. 95 00:03:41,110 --> 00:03:42,420 >> Hivyo tuna baadhi selector. 96 00:03:42,420 --> 00:03:49,120 Hiyo inaenda kuwa baadhi ya kitambulisho kwa nini tunataka style kuomba. 97 00:03:49,120 --> 00:03:52,220 Na kisha tunaweza kuwa yoyote seti ya sheria na maadili. 98 00:03:52,220 --> 00:03:55,680 Hivyo selectors kwamba unaweza kuona inaweza kuwa kitu kama mwili, 99 00:03:55,680 --> 00:04:00,262 au aya na P, au header, au chochote, 100 00:04:00,262 --> 00:04:02,000 chochote unataka HTML yako vitambulisho kuwa. 101 00:04:02,000 --> 00:04:03,570 >> Hivyo katika kesi hii, tuna mwili. 102 00:04:03,570 --> 00:04:06,985 Na tuna baadhi ya utawala, ambayo hii sambamba 103 00:04:06,985 --> 00:04:09,610 kwa nini style yako inatumika kwa. 104 00:04:09,610 --> 00:04:12,720 Hivyo katika kesi hii, tuna rangi ya asili na font uzito. 105 00:04:12,720 --> 00:04:16,200 Hivyo hii ni kwenda na mabadiliko background ya kitu chochote 106 00:04:16,200 --> 00:04:19,640 ndani ya tag yoyote ya mwili wa HTML faili wetu. 107 00:04:19,640 --> 00:04:22,810 Na ni kwenda kutoa ni hii thamani mwanga wa bluu. 108 00:04:22,810 --> 00:04:24,820 >> Hivyo ni kwenda kufanya background mwanga wa bluu. 109 00:04:24,820 --> 00:04:28,660 Na kisha kitu chochote ndani ya mwili ni kwenda na font uzito koze. 110 00:04:28,660 --> 00:04:31,142 Hivyo ni kwenda tu kwa ujasiri wa maandishi yetu. 111 00:04:31,142 --> 00:04:32,970 Na hii ni selector moja tu. 112 00:04:32,970 --> 00:04:34,680 Lakini unaweza kuwa na mengi sana ya haya. 113 00:04:34,680 --> 00:04:38,730 Na kama sisi ni kwenda kuonyesha baadaye, kidogo zaidi katika jinsi 114 00:04:38,730 --> 00:04:40,709 kwamba matendo na mifano zaidi huko. 115 00:04:40,709 --> 00:04:41,750 Kitu chochote unataka kuongeza? 116 00:04:41,750 --> 00:04:42,499 >> TOMAS Reimers: No. 117 00:04:42,499 --> 00:04:43,500 Allison got it. 118 00:04:43,500 --> 00:04:46,144 Sisi ni kwenda tu kukata up mfano hapa juu ya mfano wa tovuti yetu. 119 00:04:46,144 --> 00:04:47,310 Basi hebu kweli kuchukua hii. 120 00:04:47,310 --> 00:04:48,620 Ni kamilifu. 121 00:04:48,620 --> 00:04:54,460 Hivyo mimi nina kwenda tu nakala na kuweka kwamba haki katika main.css faili wetu. 122 00:04:54,460 --> 00:04:56,530 Na mimi nina kwenda kuokoa yake. 123 00:04:56,530 --> 00:04:59,190 Na kisha sisi kukimbia. 124 00:04:59,190 --> 00:05:01,600 Hivyo upande note, moja ya mambo mengi frustrating 125 00:05:01,600 --> 00:05:04,490 ni kama huna kuokoa faili, na basi, kama, upya ukurasa, 126 00:05:04,490 --> 00:05:07,450 na kama, kwa nini si mabadiliko yanatokea? 127 00:05:07,450 --> 00:05:07,950 Ni hutokea. 128 00:05:07,950 --> 00:05:14,230 Hivyo hapa tuliona kwamba sisi alifanya yetu tovuti mwanga wa bluu background 129 00:05:14,230 --> 00:05:16,560 na baadhi ya bolded maandishi. 130 00:05:16,560 --> 00:05:20,730 >> Mimi lazima pia kutaja, kama wewe guys una maswali kuhusu kitu chochote 131 00:05:20,730 --> 00:05:23,622 sisi ni kufanya, tafadhali jisikie bure kutuzuia na kuuliza kwetu. 132 00:05:23,622 --> 00:05:25,330 Tuko tayari kabisa na shamba maswali. 133 00:05:25,330 --> 00:05:27,951 134 00:05:27,951 --> 00:05:31,930 >> ALLISON BUCHHOLTZ-AU: Ni wazi, na CSS, kila kitu hujenga juu yenyewe. 135 00:05:31,930 --> 00:05:34,107 Hivyo kama jambo moja haina mantiki sasa, sisi 136 00:05:34,107 --> 00:05:35,690 hawataki kuwa kuumiza vichwa vya wewe chini baadaye. 137 00:05:35,690 --> 00:05:38,390 138 00:05:38,390 --> 00:05:41,930 >> TOMAS Reimers: Basi hebu aina ya Kuchambua hii. 139 00:05:41,930 --> 00:05:44,210 Hivyo unataka kuanza na selector hapa? 140 00:05:44,210 --> 00:05:45,979 >> ALLISON BUCHHOLTZ-AU: Yeah. 141 00:05:45,979 --> 00:05:48,270 Kama mimi alikuwa akisema kabla, mwili ni tu selector yetu hapa. 142 00:05:48,270 --> 00:05:50,950 Hivyo kama sisi kwenda nyuma juu ya index-- ah yetu. 143 00:05:50,950 --> 00:05:53,245 >> TOMAS Reimers: Ni mimi tu kufungwa. 144 00:05:53,245 --> 00:05:54,530 Nipe pili. 145 00:05:54,530 --> 00:05:58,286 Hivyo Picha, Open, index.html. 146 00:05:58,286 --> 00:05:59,410 ALLISON BUCHHOLTZ-AU: Cool. 147 00:05:59,410 --> 00:06:02,710 Hivyo kama wewe taarifa hapa, sisi kuwa vitambulisho haya mwili, haki? 148 00:06:02,710 --> 00:06:06,270 Hivyo selector tu sambamba na tags kwamba sisi ni kuzungumza juu. 149 00:06:06,270 --> 00:06:07,670 Hivyo mwili haki hapa. 150 00:06:07,670 --> 00:06:10,315 Hivyo kile sisi ni kusema ni everything-- tunaweza kwenda nyuma? 151 00:06:10,315 --> 00:06:12,065 Mimi napenda inaweza tu kama kugusa screen. 152 00:06:12,065 --> 00:06:14,410 Ni d kuwa hivyo baridi sana. 153 00:06:14,410 --> 00:06:17,150 >> Hivyo kitu chochote ndani ya wale tags mwili, ambayo tuliona 154 00:06:17,150 --> 00:06:19,637 mara tu, kama, maandishi, na mwili kwa ujumla 155 00:06:19,637 --> 00:06:20,970 inahusu, kama, background. 156 00:06:20,970 --> 00:06:22,720 Kama wewe milele wanataka kubadilisha background, 157 00:06:22,720 --> 00:06:25,090 kwamba kinaendelea kuwa katika tag mwili. 158 00:06:25,090 --> 00:06:27,120 Tu ana sheria hizi kutumiwa kwao. 159 00:06:27,120 --> 00:06:32,040 >> Hivyo kama sisi walikuwa kwenda index.html and-- kweli, 160 00:06:32,040 --> 00:06:33,840 tunaweza kuwa na kitu nje ya mwili? 161 00:06:33,840 --> 00:06:37,340 Kama tungekuwa na, kama, footer au kitu, bila kuomba hii. 162 00:06:37,340 --> 00:06:40,900 Lakini kitu chochote ndani ya tags haya mwili ni kwenda 163 00:06:40,900 --> 00:06:44,960 kuathirika na mwili huu selector kwamba tumekuwa kufanywa. 164 00:06:44,960 --> 00:06:47,405 Hivyo kama ungekuwa na aina kitu kingine there-- 165 00:06:47,405 --> 00:06:49,400 >> TOMAS Reimers: Hebu gari kwamba nyumbani. 166 00:06:49,400 --> 00:06:55,330 Hivyo kama sisi alikuwa div-- hivyo hiyo ni tu tag mwingine unaweza kuwa. 167 00:06:55,330 --> 00:06:56,350 Mimi nina kwenda karibu yake. 168 00:06:56,350 --> 00:06:58,280 Au hebu kufanya hili aya. 169 00:06:58,280 --> 00:07:01,430 Hivyo p anasimama kwa aya. 170 00:07:01,430 --> 00:07:02,560 Na ndani ya aya hiyo. 171 00:07:02,560 --> 00:07:05,650 Na kisha mimi kusema, "Hii ni maandishi." 172 00:07:05,650 --> 00:07:06,369 Baridi. 173 00:07:06,369 --> 00:07:09,160 Na kisha mimi alifanya utawala hii yanahusu aya badala ya mwili. 174 00:07:09,160 --> 00:07:12,390 175 00:07:12,390 --> 00:07:17,320 Utaona jinsi inatumika tu kwa aya kipya, kulia, 176 00:07:17,320 --> 00:07:18,892 si jambo zima. 177 00:07:18,892 --> 00:07:20,090 Je, hiyo mantiki? 178 00:07:20,090 --> 00:07:21,840 >> ALLISON BUCHHOLTZ-AU: Hivyo hii ni mwili wote, 179 00:07:21,840 --> 00:07:24,450 lakini sasa selector zetu tu sambamba na aya. 180 00:07:24,450 --> 00:07:27,050 Hivyo sisi tu na ujasiri na bluu kwa aya hii maalum, 181 00:07:27,050 --> 00:07:30,760 kwa sababu hili ni jambo tu kwamba ni iliyoambatanishwa ndani ya p tag. 182 00:07:30,760 --> 00:07:35,349 >> TOMAS Reimers: Je, hiyo maana kufanya aina ya jinsi mambo kurejelea mambo mengine? 183 00:07:35,349 --> 00:07:38,140 ALLISON BUCHHOLTZ-AU: Pia, tu kusema, kama, moja ya njia bora 184 00:07:38,140 --> 00:07:40,889 kwa kweli kupata starehe na CSS ni tu kufanya mambo kama hayo, 185 00:07:40,889 --> 00:07:42,050 tu kujaribu nje. 186 00:07:42,050 --> 00:07:46,700 Ni rahisi sana kwa aina ya kitu nje, kugonga Refresh, na kuona nini kinatokea. 187 00:07:46,700 --> 00:07:48,940 Na kama wengi CS, majaribio unaweza mara nyingi 188 00:07:48,940 --> 00:07:51,790 kusababisha bora zaidi uelewa Intuitive. 189 00:07:51,790 --> 00:07:54,432 Hata zaidi kuliko sisi tu, kama, kuzungumza na wewe. 190 00:07:54,432 --> 00:07:58,350 >> TOMAS Reimers: Kabisa 100% kukubaliana juu ya hatua hiyo. 191 00:07:58,350 --> 00:08:02,430 Hivyo kama sisi kurudi nyuma kwa hii, hebu kuanza dissecting nini hasa hizi mbili kufanya. 192 00:08:02,430 --> 00:08:04,550 Hivyo tuna sheria mbili juu ya hili. 193 00:08:04,550 --> 00:08:07,420 Hivyo kwanza moja ni rangi ya asili. 194 00:08:07,420 --> 00:08:10,590 Na unaweza kuona kwamba tumekuwa kuweka sawa na thamani, mwanga bluu. 195 00:08:10,590 --> 00:08:15,009 >> Hivyo katika CSS, CSS ni aina ya huru sana kuhusu jinsi 196 00:08:15,009 --> 00:08:16,300 wewe ni kuruhusiwa kufafanua rangi. 197 00:08:16,300 --> 00:08:17,800 Hivyo unaweza kufafanua yao kwa jina. 198 00:08:17,800 --> 00:08:20,650 Unaweza pia kufanya kitu kama "nyekundu." 199 00:08:20,650 --> 00:08:25,270 Na kisha kama sisi kurudi nyuma kwa hii, utaona kwamba background ni nyekundu. 200 00:08:25,270 --> 00:08:29,040 Unaweza pia kupata really-- Nadhani wewe unaweza kupata pretty ubunifu na hii, 201 00:08:29,040 --> 00:08:29,540 unaweza si wewe? 202 00:08:29,540 --> 00:08:31,170 >> ALLISON BUCHHOLTZ-AU: I unafikiri unaweza kutumia hex. 203 00:08:31,170 --> 00:08:31,250 Je, si wewe? 204 00:08:31,250 --> 00:08:32,083 >> TOMAS Reimers: Yeah. 205 00:08:32,083 --> 00:08:32,969 Hivyo unaweza kutumia hex. 206 00:08:32,969 --> 00:08:34,490 Lakini mimi nina kufikiri jina-busara. 207 00:08:34,490 --> 00:08:35,385 Je, si huko? 208 00:08:35,385 --> 00:08:37,260 ALLISON BUCHHOLTZ-AU: Unaweza kufanya chache kabisa. 209 00:08:37,260 --> 00:08:43,350 Pretty kiasi kama rangi zaidi kuwa wewe unaweza name-- kama, nadhani lax ni mmoja. 210 00:08:43,350 --> 00:08:45,322 >> TOMAS Reimers: Tuko gonna kujaribu lax. 211 00:08:45,322 --> 00:08:47,530 ALLISON BUCHHOLTZ-AU: I kufikiri Chartreuse ni katika huko. 212 00:08:47,530 --> 00:08:48,050 TOMAS Reimers: Yeah. 213 00:08:48,050 --> 00:08:48,550 Angalia? 214 00:08:48,550 --> 00:08:50,080 Hivyo unaweza kupata pretty ubunifu. 215 00:08:50,080 --> 00:08:52,246 >> ALLISON BUCHHOLTZ-AU: You inaweza kupata pretty ubunifu. 216 00:08:52,246 --> 00:08:55,750 Kama, kama unaweza kufikiria jina rangi, pengine ni katika huko. 217 00:08:55,750 --> 00:08:57,840 Kama kweli unataka faini kina, unaweza kwenda hex. 218 00:08:57,840 --> 00:08:58,673 >> TOMAS Reimers: Yeah. 219 00:08:58,673 --> 00:08:59,390 Hivyo hexadecimal. 220 00:08:59,390 --> 00:09:05,280 Kama wewe guys kumbuka hii nyuma kutoka pset yako ya zamani, Image Kuokoa, 221 00:09:05,280 --> 00:09:08,300 nyie alikuwa na kukabiliana na maadili haya hex. 222 00:09:08,300 --> 00:09:15,280 Na aina ya kwa kurejea kile yaani, hex ina maadili tatu kuhifadhiwa katika hilo. 223 00:09:15,280 --> 00:09:17,250 Hivyo ni katika makundi ya nyongeza mbili. 224 00:09:17,250 --> 00:09:19,300 mbili za kwanza kuwakilisha thamani nyekundu. 225 00:09:19,300 --> 00:09:22,420 moja ya pili inawakilisha thamani ya kijani. 226 00:09:22,420 --> 00:09:25,020 Na moja ya mwisho ni bluu? 227 00:09:25,020 --> 00:09:30,050 >> Hivyo FF kinachotokea kwa kuwakilisha hexadecimal 255. 228 00:09:30,050 --> 00:09:35,480 Hivyo una 255 nyekundu, 255 kijani, na 0 kwa rangi ya bluu. 229 00:09:35,480 --> 00:09:37,670 Na maadili mbalimbali kati ya 0 na 255. 230 00:09:37,670 --> 00:09:38,350 >> Watazamaji: Haki. 231 00:09:38,350 --> 00:09:41,472 Hivyo kimsingi, tunaweza kutafuta intaneti kwa ajili ya rangi yoyote tunataka, 232 00:09:41,472 --> 00:09:43,912 na kutambua kweli-inayojulikana rangi wigo combo, 233 00:09:43,912 --> 00:09:45,130 na kisha tunaweza kuiweka katika? 234 00:09:45,130 --> 00:09:46,380 ALLISON BUCHHOLTZ-AU: Hasa. 235 00:09:46,380 --> 00:09:52,900 Hivyo una pretty much udhibiti kamili juu ya rangi unataka ndani ya CSS. 236 00:09:52,900 --> 00:09:55,069 Je, sisi kwenda kuzungumza kuhusu background images baadaye? 237 00:09:55,069 --> 00:09:56,110 Au tunataka kufanya hivyo? 238 00:09:56,110 --> 00:09:56,240 >> TOMAS Reimers: Yeah. 239 00:09:56,240 --> 00:09:57,010 Kabisa. 240 00:09:57,010 --> 00:10:00,830 Hivyo kwanza, tu kuonyesha kwamba nyekundu na kijani ni njano. 241 00:10:00,830 --> 00:10:03,120 Na kama unahitaji baadhi msaada wa kupata hii, 242 00:10:03,120 --> 00:10:05,575 unaweza Google kitu kama "rangi picker." 243 00:10:05,575 --> 00:10:07,200 ALLISON BUCHHOLTZ-AU: Oh, hivyo ni nzuri. 244 00:10:07,200 --> 00:10:09,090 Mimi upendo Color Picker. 245 00:10:09,090 --> 00:10:11,360 >> TOMAS Reimers: colorpicker.com ni mfano mzuri. 246 00:10:11,360 --> 00:10:14,580 Na hapa, utaona kwamba una full Photoshop-kama rangi picker. 247 00:10:14,580 --> 00:10:14,920 >> ALLISON BUCHHOLTZ-AU: Mm-hm. 248 00:10:14,920 --> 00:10:16,980 Pia, mambo ya baridi ni wewe inaweza kuzalisha miradi ya Michezo 249 00:10:16,980 --> 00:10:18,896 ili huna, kama, clashing rangi. 250 00:10:18,896 --> 00:10:22,780 TOMAS Reimers: Na kisha hapa ni thamani hex hapa up. 251 00:10:22,780 --> 00:10:27,800 Hivyo unaweza daima kupata online kimsingi maeneo ya kupata hex thamani kutoka. 252 00:10:27,800 --> 00:10:31,667 Ni si aina ya kwamba tu, kama, sisi kuona rangi ya dunia kwa idadi. 253 00:10:31,667 --> 00:10:34,000 Ni zaidi kwamba sisi kwenda online na kupata nini rangi tunataka, 254 00:10:34,000 --> 00:10:36,850 na kisha kuchukua simu chini. 255 00:10:36,850 --> 00:10:39,590 Kwa sababu ni kweli tu rahisi njia ya kumbukumbu mambo katika CS. 256 00:10:39,590 --> 00:10:40,350 >> ALLISON BUCHHOLTZ-AU: Na kisha kuna also-- 257 00:10:40,350 --> 00:10:41,630 Mimi kusahau jina halisi ya tovuti. 258 00:10:41,630 --> 00:10:43,838 Lakini kuna dhahiri, mimi kufikiri, kitu kutoka Adobe 259 00:10:43,838 --> 00:10:48,350 kwamba inazalisha miradi ya Michezo kwa ajili yenu, ambayo ni kweli baridi, kwa sababu wewe 260 00:10:48,350 --> 00:10:50,580 definitely-- ni wakati mwingine vigumu kufikiri, 261 00:10:50,580 --> 00:10:53,729 oh, kama nataka kutumia alama hii, kile anaweza kuwa mtu mwingine muhimu 262 00:10:53,729 --> 00:10:56,395 kutumia mahali pengine kwenye tovuti yangu kwa, kama, kufanya ni nzuri na kushikamana. 263 00:10:56,395 --> 00:11:00,430 264 00:11:00,430 --> 00:11:04,260 >> TOMAS Reimers: Allison kuzungumza juu ya moja kwa Adobe kuitwa Kuler, nadhani. 265 00:11:04,260 --> 00:11:04,885 Ni K-U-L-E-R. 266 00:11:04,885 --> 00:11:06,259 ALLISON BUCHHOLTZ-AU: Nadhani hivyo. 267 00:11:06,259 --> 00:11:07,610 Mimi nina uhakika pretty hiyo ni moja. 268 00:11:07,610 --> 00:11:11,050 >> TOMAS Reimers: My favorite ina daima imekuwa Color Mfuko Designer. 269 00:11:11,050 --> 00:11:13,998 >> ALLISON BUCHHOLTZ-AU: Ooh. 270 00:11:13,998 --> 00:11:16,010 >> TOMAS Reimers: Ni ni now-- 271 00:11:16,010 --> 00:11:16,860 >> ALLISON BUCHHOLTZ-AU: Ah, hii ni nzuri. 272 00:11:16,860 --> 00:11:18,818 >> TOMAS Reimers: Na wewe unaweza kimsingi kusema, kama, 273 00:11:18,818 --> 00:11:21,700 Nataka rangi tatu karibu na kila mmoja. 274 00:11:21,700 --> 00:11:25,030 Na kisha hebu kufanya kitu kizuri. 275 00:11:25,030 --> 00:11:29,210 Na kisha unaweza kupata mfano wa kile ili kuangalia kama. 276 00:11:29,210 --> 00:11:32,470 Na kisha kama hover juu yoyote ya yao, inakupa thamani hex. 277 00:11:32,470 --> 00:11:35,010 >> Hivyo tu kama njia nzuri ya kuanza kufikiri juu ya miradi ya Michezo 278 00:11:35,010 --> 00:11:39,570 au nini rangi katika tovuti wanaweza kwenda vizuri pamoja. 279 00:11:39,570 --> 00:11:45,655 Kwa sababu ambayo inaweza kuwa ya kushangaza si kama rahisi kuchukua kama unafikiri. 280 00:11:45,655 --> 00:11:48,280 Na kisha nyingine baridi jambo Nimekuwa daima kupatikana kuhusu tovuti hii 281 00:11:48,280 --> 00:11:51,480 ni kama wewe hit Mifano, ni itabidi kuonyesha nini mfano tovuti 282 00:11:51,480 --> 00:11:54,800 ili kuangalia kama kutumia kwamba mpango wa rangi. 283 00:11:54,800 --> 00:11:56,270 Anyway. 284 00:11:56,270 --> 00:11:57,863 >> Nyuma ya CSS halisi. 285 00:11:57,863 --> 00:12:01,112 ALLISON BUCHHOLTZ-AU: Lakini ni wazi, sisi kujua marejeo haya inaweza kuwa na manufaa. 286 00:12:01,112 --> 00:12:03,195 TOMAS Reimers: Hapana, wao dhahiri wanaweza kuwa na manufaa. 287 00:12:03,195 --> 00:12:04,720 Hivyo utawala wa pili, Allison? 288 00:12:04,720 --> 00:12:05,844 >> ALLISON BUCHHOLTZ-AU: Yeah. 289 00:12:05,844 --> 00:12:08,280 utawala pili ni sambamba na font yetu. 290 00:12:08,280 --> 00:12:11,520 Hivyo font uzito ni tu aina of-- hivyo uzito ingekuwa 291 00:12:11,520 --> 00:12:15,220 kuwa kama unataka tu, kama, kawaida au, kama, fonts wakondefu, 292 00:12:15,220 --> 00:12:17,251 au katika kesi hii, kama, ujasiri. 293 00:12:17,251 --> 00:12:17,750 Mimi kusahau. 294 00:12:17,750 --> 00:12:21,557 Nini kama alitaka ubaya wake ni pale moja wakondefu kuliko tu, kama, kawaida? 295 00:12:21,557 --> 00:12:24,140 TOMAS Reimers: Mimi si kweli kujua kama kuna moja wakondefu. 296 00:12:24,140 --> 00:12:24,680 ALLISON BUCHHOLTZ-AU: I kusahau. 297 00:12:24,680 --> 00:12:26,300 Hivyo font uzito sisi kawaida kutumia tu kwa ajili ya ujasiri. 298 00:12:26,300 --> 00:12:29,010 Kama unataka kupata kweli katika yake, tunakwenda kuonyesha. 299 00:12:29,010 --> 00:12:34,317 W3Schools ina tofauti mambo unaweza kufanya kwa ajili ya fonts. 300 00:12:34,317 --> 00:12:36,900 Lakini kimsingi, kama wewe milele unataka kubadili jambo lolote kuhusu font, 301 00:12:36,900 --> 00:12:39,330 ni daima kwenda kuwa, kama, font-kitu. 302 00:12:39,330 --> 00:12:43,450 Hivyo utakuwa ni kama, font-familia kama wewe ni kujaribu kubadili aina halisi. 303 00:12:43,450 --> 00:12:47,390 Ni utakuwa font-style kama wewe wanataka kufanya hivyo kama cursive, 304 00:12:47,390 --> 00:12:49,710 au italics, au whatnot. 305 00:12:49,710 --> 00:12:53,570 Au hata font-rangi, kama tulitaka mabadiliko hayo. 306 00:12:53,570 --> 00:12:55,621 >> TOMAS Reimers: Yup. 307 00:12:55,621 --> 00:12:56,925 Hivyo unaweza mabadiliko hayo. 308 00:12:56,925 --> 00:12:59,360 Na aina ya tu recap sasa, hivyo unaweza 309 00:12:59,360 --> 00:13:01,400 kuona kwamba tuna selector hapa. 310 00:13:01,400 --> 00:13:03,000 Tuna braces haya curly. 311 00:13:03,000 --> 00:13:06,735 Na kisha sisi kuwa na sheria delimited na semicolons. 312 00:13:06,735 --> 00:13:08,100 Je, hiyo mantiki? 313 00:13:08,100 --> 00:13:09,130 Yeah? 314 00:13:09,130 --> 00:13:10,500 Baridi. 315 00:13:10,500 --> 00:13:13,200 Hivyo kama kwamba ni wakatenda mema 316 00:13:13,200 --> 00:13:14,424 >> ALLISON BUCHHOLTZ-AU: Back. 317 00:13:14,424 --> 00:13:17,590 TOMAS Reimers: Hebu majadiliano hasa kuhusu aina gani ya selectors tuna. 318 00:13:17,590 --> 00:13:19,790 'Njia ya hivi sasa tumekuwa aina ya tu umeonyesha vitambulisho. 319 00:13:19,790 --> 00:13:21,696 Lakini nyie wangeweza kuiona plausible. 320 00:13:21,696 --> 00:13:23,570 Sema una aya mbili juu ya ukurasa na wewe 321 00:13:23,570 --> 00:13:26,087 wanataka kuwa na uwezo wa style moja lakini si mengine, 322 00:13:26,087 --> 00:13:29,170 hawataki tu kikomo mwenyewe kuwa na kutumia HTML tofauti halisi 323 00:13:29,170 --> 00:13:33,410 tags kuwapa mitindo tofauti. 324 00:13:33,410 --> 00:13:35,995 >> Hivyo tuna tatu za msingi aina ya selectors. 325 00:13:35,995 --> 00:13:37,120 ALLISON BUCHHOLTZ-AU: Yeah. 326 00:13:37,120 --> 00:13:39,828 Hivyo tuna tag, ambayo ni nini tumekuwa kuzungumza juu ya haki ya sasa. 327 00:13:39,828 --> 00:13:42,430 Hivyo hiyo ni aina ya kama mwili wako au p. 328 00:13:42,430 --> 00:13:46,280 Na kisha tuna tabaka, ambayo ni wakati sisi kufafanua katika CSS faili wetu, 329 00:13:46,280 --> 00:13:49,907 ni daima kwenda kuwa dot, chochote unataka jina la darasa lako kuwa. 330 00:13:49,907 --> 00:13:51,490 Na hii inaweza kutumika kwa mambo mbalimbali. 331 00:13:51,490 --> 00:13:54,610 332 00:13:54,610 --> 00:13:57,610 >> Sema una aya tano na wawili wa tatu wao 333 00:13:57,610 --> 00:14:00,580 haja ya kuwa na styled huo, ungependa kuomba darasa yake. 334 00:14:00,580 --> 00:14:03,040 Na hii ni njia tu sisi kufanya hivyo. 335 00:14:03,040 --> 00:14:05,600 Sisi nitakupa mfano wa ambapo kweli hii inaonyesha up. 336 00:14:05,600 --> 00:14:11,030 Lakini kama alikuwa na labda baadhi tag p, baada ya hayo, ungependa kuandika, 337 00:14:11,030 --> 00:14:14,170 darasa ni sawa na madarasa chochote unataka kuomba hiyo. 338 00:14:14,170 --> 00:14:19,280 Kwa hiyo chochote darasa selectors kwamba tunataka kuomba aya hii maalum, 339 00:14:19,280 --> 00:14:21,300 tunaweza tu kuandika kama hii. 340 00:14:21,300 --> 00:14:24,080 Bila shaka, nadhani mfano kufanya hivyo zaidi halisi. 341 00:14:24,080 --> 00:14:27,270 >> mtu mwingine tuna ni id, ambayo sisi kuashiria 342 00:14:27,270 --> 00:14:29,707 na hash, au chupa, au hashtag. 343 00:14:29,707 --> 00:14:30,790 TOMAS Reimers: Octothorpe. 344 00:14:30,790 --> 00:14:32,430 ALLISON BUCHHOLTZ-AU: Octothorpe. 345 00:14:32,430 --> 00:14:34,550 Kwamba kazi, pia. 346 00:14:34,550 --> 00:14:36,640 Na hii moja lazima kweli kuwa ya kipekee. 347 00:14:36,640 --> 00:14:39,880 Wanapaswa kuomba tu kwa jambo moja juu ya ukurasa wako. 348 00:14:39,880 --> 00:14:43,820 Hivyo kama hiyo ni aya maalum, au baadhi ya bidhaa katika orodha, au chochote, 349 00:14:43,820 --> 00:14:45,090 hii inapaswa kuwa ya kipekee. 350 00:14:45,090 --> 00:14:48,730 Na katika njia sawa kwamba sisi tu kusema, kama, class = "class1 class2," 351 00:14:48,730 --> 00:14:51,577 hii inaweza tu kuwa id wa chochote tuna. 352 00:14:51,577 --> 00:14:52,410 TOMAS Reimers: Yeah. 353 00:14:52,410 --> 00:14:54,330 Basi hebu dhahiri kuzungumza kuhusu mifano hapa. 354 00:14:54,330 --> 00:14:58,170 Na mimi nina kwenda tu kwa kupiga mbizi moja nyuma katika kanuni. 355 00:14:58,170 --> 00:15:02,090 Hivyo hebu tuangalie HTML yetu. 356 00:15:02,090 --> 00:15:03,960 Na hivyo sisi sasa hivi na aya moja. 357 00:15:03,960 --> 00:15:05,510 Hii ni maandishi. 358 00:15:05,510 --> 00:15:09,151 Mimi tu kwenda kurekebisha yake. "Hii ni Nakala 1." 359 00:15:09,151 --> 00:15:11,150 Na kisha tunakwenda kuwa "Hii ni Nakala 2." 360 00:15:11,150 --> 00:15:12,525 >> ALLISON BUCHHOLTZ-AU: Pili moja. 361 00:15:12,525 --> 00:15:13,540 TOMAS Reimers: Yup. 362 00:15:13,540 --> 00:15:16,810 Hivyo sasa tuna "Hii ni Nakala 2," haki? 363 00:15:16,810 --> 00:15:21,560 Na tunakwenda kuona kwamba kama sisi upya ukurasa, nini tunakwenda kupata 364 00:15:21,560 --> 00:15:23,067 ni sisi ni gonna find-- 365 00:15:23,067 --> 00:15:24,150 ALLISON BUCHHOLTZ-AU: Ooh. 366 00:15:24,150 --> 00:15:24,983 TOMAS Reimers: Yeah. 367 00:15:24,983 --> 00:15:27,570 Sisi ni kwenda kupata "Hii ni Nakala 1, "na" Hii ni Nakala 2. " 368 00:15:27,570 --> 00:15:28,650 >> ALLISON BUCHHOLTZ-AU: Na nje lovely rangi ya njano. 369 00:15:28,650 --> 00:15:31,066 >> TOMAS Reimers: Na utaona kwamba selector yetu hivi sasa, 370 00:15:31,066 --> 00:15:34,940 ambayo inatumika kwa p, au aya, huathiri wote wawili, 371 00:15:34,940 --> 00:15:38,700 kwa sababu wote wawili kukutana hali kwamba wao ni wote p tag. 372 00:15:38,700 --> 00:15:40,360 Kwamba inafanya hisia jumla. 373 00:15:40,360 --> 00:15:43,340 Hivyo swali ni, vizuri, nini kama sisi alitaka tu kupata moja? 374 00:15:43,340 --> 00:15:46,350 Hivyo hasa kama Allison alikuwa akisema, tuna njia nyingine mbili kufanya hivyo. 375 00:15:46,350 --> 00:15:47,320 Mimi nina kwenda kuanza na id. 376 00:15:47,320 --> 00:15:48,405 >> ALLISON BUCHHOLTZ-AU: Hebu kuanza na id. 377 00:15:48,405 --> 00:15:50,405 >> TOMAS Reimers: Na wote ya hizi ni sifa. 378 00:15:50,405 --> 00:15:53,200 Hivyo sifa zipo katika HTML. 379 00:15:53,200 --> 00:15:55,600 Na nini wao ni ni kitu ambacho wewe kuongeza 380 00:15:55,600 --> 00:15:58,840 ndani ya tag ambayo ni tofauti na jina tag. 381 00:15:58,840 --> 00:16:01,301 Hivyo unaweza kuwa na sifa nyingi. 382 00:16:01,301 --> 00:16:01,800 Yeah? 383 00:16:01,800 --> 00:16:03,950 >> ALLISON BUCHHOLTZ-AU: Nilikuwa kwenda tu kusema, kutokana na mfano wako kutoka pset 7, 384 00:16:03,950 --> 00:16:06,650 kama yoyote ya wewe kujaribu align mambo ya kituo hicho, 385 00:16:06,650 --> 00:16:08,550 unaweza kuwa kutumika "Nakala align = katikati." 386 00:16:08,550 --> 00:16:10,550 Na wewe niliona pengine wanapaswa kuwa unaozingatia 387 00:16:10,550 --> 00:16:12,650 Nakala yako au urambazaji yako bar. 388 00:16:12,650 --> 00:16:15,499 Hivyo hiyo ni tu pia sifa kwamba unaweza kuwa familiar with. 389 00:16:15,499 --> 00:16:18,040 TOMAS Reimers: Kuna rundo ya sifa ya kuwa utaona. 390 00:16:18,040 --> 00:16:18,539 Yeah. 391 00:16:18,539 --> 00:16:21,250 Kama kumbukumbu nzuri kwa pset 7. 392 00:16:21,250 --> 00:16:23,150 Tuna id. 393 00:16:23,150 --> 00:16:25,080 Unaweza pia kuwa na darasa, mambo kama hayo. 394 00:16:25,080 --> 00:16:27,250 tag moja inaweza kuwa na sifa nyingi. 395 00:16:27,250 --> 00:16:33,140 Hivyo kwa kuanzia na id, hebu kujifanya sisi unataka kuwa na id of-- sijui. 396 00:16:33,140 --> 00:16:35,140 Tutamwita hivyo maalum, kwa sababu hii moja, tuko 397 00:16:35,140 --> 00:16:37,867 kwenda kufanya ujasiri, na kusisitiza, na chochote. 398 00:16:37,867 --> 00:16:39,950 ALLISON BUCHHOLTZ-AU: Ni gonna kuwa super maalum. 399 00:16:39,950 --> 00:16:42,360 TOMAS Reimers: Hivyo hii moja, tuna id maalum. 400 00:16:42,360 --> 00:16:48,140 Hivyo njia ya kuchagua kwamba, basi, ni katika main.css, kuliko kuwa p tag, 401 00:16:48,140 --> 00:16:51,500 kufanya #special, OK? 402 00:16:51,500 --> 00:16:55,538 Na kwamba kuchagua kitu na id maalum. 403 00:16:55,538 --> 00:16:57,295 Je, hii mantiki kwa kila mtu? 404 00:16:57,295 --> 00:16:57,920 Watazamaji: Yeah. 405 00:16:57,920 --> 00:16:59,110 TOMAS Reimers: Cool. 406 00:16:59,110 --> 00:17:04,440 Hivyo sasa kama sisi kurudi nyuma, tutaweza see-- whoops. 407 00:17:04,440 --> 00:17:06,240 Yeah. 408 00:17:06,240 --> 00:17:09,460 Tutaweza kuona kwamba kuchagua tu moja na kitambulisho maalum. 409 00:17:09,460 --> 00:17:10,622 Yeah? 410 00:17:10,622 --> 00:17:11,900 Sauti ya baridi. 411 00:17:11,900 --> 00:17:12,570 Ndiyo. 412 00:17:12,570 --> 00:17:15,456 >> Watazamaji: Je, kitu kuwa sifa ya wote darasani na id? 413 00:17:15,456 --> 00:17:16,359 >> TOMAS Reimers: Ndiyo. 414 00:17:16,359 --> 00:17:16,900 Watazamaji: OK. 415 00:17:16,900 --> 00:17:20,887 Na kisha kile kinachotokea kama wewe kisha kutoa ni baadhi ya sheria katika CSS migogoro hiyo? 416 00:17:20,887 --> 00:17:21,970 TOMAS Reimers: Kabisa. 417 00:17:21,970 --> 00:17:23,940 Sisi ni dhahiri kwenda kuzungumzia suala hilo. 418 00:17:23,940 --> 00:17:31,890 Hivyo nini hasa walikuwa kupata katika, unaweza pia kuwa na madarasa. 419 00:17:31,890 --> 00:17:36,380 Basi hebu kujifanya nilikuwa aya tatu na mimi 420 00:17:36,380 --> 00:17:38,730 alitaka style kwanza mbili lakini si tatu. 421 00:17:38,730 --> 00:17:42,850 Naam, wazo yako ya kwanza inaweza kuwa, vizuri, mimi inaweza tu kutoa moja ya pili id. 422 00:17:42,850 --> 00:17:45,590 Lakini huwezi, kwa sababu id, hasa kama Allison alikuwa akisema, 423 00:17:45,590 --> 00:17:47,330 ina kuwa ya kipekee. 424 00:17:47,330 --> 00:17:50,860 >> Hivyo badala ya id, nini unaweza kutumia ni unaweza kutumia darasani. 425 00:17:50,860 --> 00:17:57,880 Na class-- nini inaruhusu wewe kufanya ni kimsingi kusema, 426 00:17:57,880 --> 00:17:59,610 hili ni kama sehemu ya kundi. 427 00:17:59,610 --> 00:18:02,410 Katika kesi hiyo, kundi yetu inaitwa Maalum. 428 00:18:02,410 --> 00:18:06,500 Na nini tunakwenda kufanya basi ni tunakwenda say-- badala ya chupa, 429 00:18:06,500 --> 00:18:08,070 tunakwenda kutumia dot. 430 00:18:08,070 --> 00:18:08,740 OK? 431 00:18:08,740 --> 00:18:11,950 Na taarifa kwamba chupa na dot tu kuwepo ndani ya CSS faili, 432 00:18:11,950 --> 00:18:12,797 si ndani ya HTML. 433 00:18:12,797 --> 00:18:13,880 ALLISON BUCHHOLTZ-AU: Ndiyo. 434 00:18:13,880 --> 00:18:15,185 Muhimu tofauti. 435 00:18:15,185 --> 00:18:17,510 >> TOMAS Reimers: Nina alikuwa mapambano sana, 436 00:18:17,510 --> 00:18:23,990 kwa sababu mimi kuweka hash katika HTML na basi tu waliona kijinga kwa muda mrefu. 437 00:18:23,990 --> 00:18:27,470 Kuona ni jinsi gani kuchagua wote wawili wa ndio na darasa hiyo? 438 00:18:27,470 --> 00:18:28,210 Baridi. 439 00:18:28,210 --> 00:18:29,950 >> Sasa, mambo yanaweza kuwa na madarasa nyingi. 440 00:18:29,950 --> 00:18:32,790 Hebu sema nilitaka kufanya kwanza mbili na background ya njano 441 00:18:32,790 --> 00:18:36,770 na ya pili wawili font rangi ya bluu. 442 00:18:36,770 --> 00:18:37,270 OK. 443 00:18:37,270 --> 00:18:39,735 Mimi kwa kweli sijui nini ningependa wanataka kufanya hivyo, lakini naweza. 444 00:18:39,735 --> 00:18:42,401 >> ALLISON BUCHHOLTZ-AU: Might si ilipendekeza kwa ajili ya tovuti yako. 445 00:18:42,401 --> 00:18:43,880 Lakini kwa madhumuni yetu, hivyo itabidi kufanya. 446 00:18:43,880 --> 00:18:46,294 >> TOMAS Reimers: Ni si nzuri rangi mpango. 447 00:18:46,294 --> 00:18:49,210 ALLISON BUCHHOLTZ-AU: Naam, njano na bluu ni rangi yangu ya shule ya sekondari. 448 00:18:49,210 --> 00:18:50,947 Sijui, ingawa. 449 00:18:50,947 --> 00:18:53,530 TOMAS Reimers: Allison high shule alikuwa alama ya mpango kubwa. 450 00:18:53,530 --> 00:18:54,520 [Kicheko] 451 00:18:54,520 --> 00:18:59,120 Hivyo basi nini tunaweza kuwaita hii ni Hebu simu this-- hivyo tuna Maalum 452 00:18:59,120 --> 00:19:00,030 na tuna Pretty. 453 00:19:00,030 --> 00:19:02,405 Mimi zinaonyesha, kwa ajili ya hii, unaweza kutumia zaidi maelezo majina. 454 00:19:02,405 --> 00:19:05,820 ALLISON BUCHHOLTZ-AU: Yeah, I would wito huu, kama, njano au bluu. 455 00:19:05,820 --> 00:19:08,314 >> TOMAS Reimers: Tuko si kweli kufanya tovuti ya kweli, 456 00:19:08,314 --> 00:19:09,730 ambayo ni kwa nini sisi siyo kufanya hivyo. 457 00:19:09,730 --> 00:19:11,521 Lakini kama kweli alikuwa tovuti ya kweli, 458 00:19:11,521 --> 00:19:16,220 anaweza kuwa, kama, makala header, maudhui ya makala, neno la kwanza, 459 00:19:16,220 --> 00:19:21,920 mambo kama hayo, ambayo kuruhusu wewe kuwa zaidi maelezo. 460 00:19:21,920 --> 00:19:23,550 Haya ni kweli tu kama vigezo. 461 00:19:23,550 --> 00:19:28,390 Wanapaswa kuwa jina lake katika njia ambapo unaweza, like-- yeah, kama vile. 462 00:19:28,390 --> 00:19:29,470 Perfect. 463 00:19:29,470 --> 00:19:30,480 >> Hivyo rangi ya asili. 464 00:19:30,480 --> 00:19:35,920 Na kisha tunakwenda say-- hivyo njia ya mabadiliko ya rangi ni tu "rangi." 465 00:19:35,920 --> 00:19:38,412 Na sisi ni kwenda kufanya ni bluu. 466 00:19:38,412 --> 00:19:40,150 Hiyo ni cool. 467 00:19:40,150 --> 00:19:42,640 Hivyo basi, tuna mbili za kwanza na ya pekee. 468 00:19:42,640 --> 00:19:45,972 Next moja kwenda kuwa na "class = pretty." 469 00:19:45,972 --> 00:19:49,180 ALLISON BUCHHOLTZ-AU: Na kisha utasikia unataka kuongeza "pretty" kwa moja katikati. 470 00:19:49,180 --> 00:19:49,971 TOMAS Reimers: Yup. 471 00:19:49,971 --> 00:19:52,970 Na kisha katikati moja, kuongeza "pretty," nini kinatokea 472 00:19:52,970 --> 00:19:56,880 ni wewe tu na nafasi. 473 00:19:56,880 --> 00:19:59,800 Hivyo darasa sifa ni orodha nafasi-kutengwa 474 00:19:59,800 --> 00:20:02,450 wa madaraja yote zinazotumika kwa tag kwamba. 475 00:20:02,450 --> 00:20:02,959 OK? 476 00:20:02,959 --> 00:20:05,750 Siyo kama hii moja ni mali ya baadhi ya aina ya darasa maalum iitwayo 477 00:20:05,750 --> 00:20:07,180 ", Nafasi maalum, pretty." 478 00:20:07,180 --> 00:20:10,870 Ni mali ya mbili classes-- maalum na pretty. 479 00:20:10,870 --> 00:20:12,492 Ndiyo? 480 00:20:12,492 --> 00:20:14,360 Baridi. 481 00:20:14,360 --> 00:20:17,010 >> Na kisha kama sisi kuangalia nini kinatokea, tuko 482 00:20:17,010 --> 00:20:21,850 kwenda kuona kwamba moja ya kwanza ina njano background, Nakala nyeusi. 483 00:20:21,850 --> 00:20:22,450 One-- Pili 484 00:20:22,450 --> 00:20:26,160 >> ALLISON BUCHHOLTZ-AU: --has ujasiri njano background na maandishi ya bluu. 485 00:20:26,160 --> 00:20:29,330 Na moja yetu ya mwisho tu ana bluu Nakala kwamba sisi kwa ajili ya hiyo. 486 00:20:29,330 --> 00:20:30,870 >> TOMAS Reimers: Mpya? 487 00:20:30,870 --> 00:20:32,491 Jinsi selectors kazi? 488 00:20:32,491 --> 00:20:32,990 Kutisha. 489 00:20:32,990 --> 00:20:34,720 >> ALLISON BUCHHOLTZ-AU: Je, tunataka majadiliano juu ya mgogoro sasa basi? 490 00:20:34,720 --> 00:20:35,780 >> TOMAS Reimers: Hivyo yeah. 491 00:20:35,780 --> 00:20:36,310 Kabisa. 492 00:20:36,310 --> 00:20:38,380 Hivyo kile kinachotokea kama wewe una mgogoro, haki? 493 00:20:38,380 --> 00:20:44,740 Hebu kujifanya moja kwanza seti up kitu like-- 494 00:20:44,740 --> 00:20:47,240 ALLISON BUCHHOLTZ-AU: Labda hii moja mabadiliko background? 495 00:20:47,240 --> 00:20:48,090 TOMAS Reimers: Yeah. 496 00:20:48,090 --> 00:20:51,699 Hivyo sisi ni kwenda kufanya "pretty" kubadilisha background kwa samaki. 497 00:20:51,699 --> 00:20:54,740 ALLISON BUCHHOLTZ-AU: Wewe tu na rangi zote kubwa leo, Tomas. 498 00:20:54,740 --> 00:20:55,573 TOMAS Reimers: Yeah. 499 00:20:55,573 --> 00:20:58,200 Kwa sababu nimeona naweza kutumia lax kama rangi ya kweli. 500 00:20:58,200 --> 00:21:00,270 Hivyo sisi ni kwenda tu kufanya hivyo. 501 00:21:00,270 --> 00:21:01,770 Pia nadhani Sunset ni rangi halisi. 502 00:21:01,770 --> 00:21:03,103 Watazamaji: Sunset ni rangi halisi? 503 00:21:03,103 --> 00:21:04,572 ALLISON BUCHHOLTZ-AU: Hebu jaribu hilo. 504 00:21:04,572 --> 00:21:07,735 TOMAS Reimers: Baada ya demo hii kwa sababu tu katika kesi hiyo messes up, 505 00:21:07,735 --> 00:21:08,943 Sitaki kuwa debugging. 506 00:21:08,943 --> 00:21:11,580 Hivyo tunajua lax ni rangi halisi. 507 00:21:11,580 --> 00:21:15,626 Hivyo guesses yoyote juu ya nini kitatokea? 508 00:21:15,626 --> 00:21:17,522 >> ALLISON BUCHHOLTZ-AU: Wazo yoyote? 509 00:21:17,522 --> 00:21:20,002 >> Watazamaji: [inaudible]. 510 00:21:20,002 --> 00:21:20,920 >> TOMAS Reimers: Yeah. 511 00:21:20,920 --> 00:21:22,150 Hivyo wewe got it hasa haki. 512 00:21:22,150 --> 00:21:24,930 Kimsingi, inachukua utawala iliyopita kwamba ilitolewa. 513 00:21:24,930 --> 00:21:27,860 >> ALLISON BUCHHOLTZ-AU: Hivyo hii ni ambapo kuachia anakuja katika athari. 514 00:21:27,860 --> 00:21:31,080 >> TOMAS Reimers: Basi kumbuka jinsi sisi alikuwa na kwamba kuachia karatasi style? 515 00:21:31,080 --> 00:21:33,660 Hivyo kwa kuwa, sisi aina ya maana kwamba tuna rundo la sheria 516 00:21:33,660 --> 00:21:37,115 ambayo yanahusu juu ya kila mmoja, na wanaweza pia override kila mmoja. 517 00:21:37,115 --> 00:21:39,380 >> ALLISON BUCHHOLTZ-AU: Hivyo chochote ya chini 518 00:21:39,380 --> 00:21:41,540 mapenzi override chochote ni saa ya juu. 519 00:21:41,540 --> 00:21:45,842 Unaweza kuwa na sheria kwamba kabisa yanatofautiana kitu kabla. 520 00:21:45,842 --> 00:21:48,300 Hiyo pia ni kwa nini unataka kuwa makini wakati uko styling, 521 00:21:48,300 --> 00:21:51,465 hivyo wewe si kujenga sheria kwamba wewe tu kabisa kuu. 522 00:21:51,465 --> 00:21:53,340 >> TOMAS Reimers: Au labda wewe nataka overwrite sheria. 523 00:21:53,340 --> 00:21:53,920 >> ALLISON BUCHHOLTZ-AU: Au labda wewe kufanya. 524 00:21:53,920 --> 00:21:54,300 Ndiyo. 525 00:21:54,300 --> 00:21:57,175 >> TOMAS Reimers: Kujifanya una darasa ambayo inatumika kwa mambo mengi, 526 00:21:57,175 --> 00:22:01,220 lakini hebu sema unataka kubadilisha rangi ya asili na nyekundu na font 527 00:22:01,220 --> 00:22:03,140 uzito kwa ujasiri kwa zaidi mambo hayo, lakini kwa moja, 528 00:22:03,140 --> 00:22:06,098 wewe tu unataka rangi ya asili kuwa nyekundu lakini unataka wengine wote 529 00:22:06,098 --> 00:22:09,990 mali, unaweza kufanya kitu kama "font-uzito = kawaida," 530 00:22:09,990 --> 00:22:12,760 ambayo kisha kutengua kuwa mabadiliko ujasiri. 531 00:22:12,760 --> 00:22:14,480 Yeah? 532 00:22:14,480 --> 00:22:17,250 Tena, njia bora, nadhani Allison alisema, ni mazoezi tu. 533 00:22:17,250 --> 00:22:18,080 >> ALLISON BUCHHOLTZ-AU: majaribio. 534 00:22:18,080 --> 00:22:20,090 >> TOMAS Reimers: Mazoezi, mazoezi, mazoezi, na majaribio. 535 00:22:20,090 --> 00:22:22,950 Najua mengi ya watu wanadhani CSS ni tu mengi ya nadhani-na-check 536 00:22:22,950 --> 00:22:25,580 mwisho wa siku, ambapo kama unataka kufanya something-- kama, 537 00:22:25,580 --> 00:22:27,663 una wazo mbaya, lakini wewe bado pengine wanahitaji 538 00:22:27,663 --> 00:22:31,390 kujaribu nje kuhakikisha unajua ni nini inaonekana kama. 539 00:22:31,390 --> 00:22:34,482 >> Watazamaji: Wakati wewe ni kuomba madarasa, zaidi ya moja 540 00:22:34,482 --> 00:22:37,339 na aya hiyo au sehemu, je, ni 541 00:22:37,339 --> 00:22:39,505 jambo utaratibu gani unaweza aina yao katika quotes? 542 00:22:39,505 --> 00:22:40,992 >> TOMAS Reimers: Hapana, si wakati wote. 543 00:22:40,992 --> 00:22:45,764 >> ALLISON BUCHHOLTZ-AU: mambo gani ni Ili ndani ya karatasi yako CSS style. 544 00:22:45,764 --> 00:22:47,430 Watazamaji: Je, unaweza kurudia swali? 545 00:22:47,430 --> 00:22:50,680 TOMAS Reimers: Oh. 546 00:22:50,680 --> 00:22:53,990 ALLISON BUCHHOLTZ-AU: Ndani darasani, wakati wewe ni kutoa madarasa 547 00:22:53,990 --> 00:22:56,964 kitu katika HTML, haina ni jambo ambayo ili wao uko katika? 548 00:22:56,964 --> 00:22:58,130 Haijalishi utaratibu. 549 00:22:58,130 --> 00:23:02,915 Yale mambo utaratibu wa ni selectors darasa ndani ya CSS yako, 550 00:23:02,915 --> 00:23:04,306 ndani ya karatasi yako style. 551 00:23:04,306 --> 00:23:06,982 >> TOMAS Reimers: Sound nzuri? 552 00:23:06,982 --> 00:23:08,532 >> ALLISON BUCHHOLTZ-AU: Lovely. 553 00:23:08,532 --> 00:23:11,539 >> TOMAS Reimers: Na kisha tunakwenda kuendelea to-- 554 00:23:11,539 --> 00:23:13,330 ALLISON BUCHHOLTZ-AU: Je, tuna ijayo? 555 00:23:13,330 --> 00:23:14,245 Mimi kusahau. 556 00:23:14,245 --> 00:23:16,087 Oh, sisi tu mifano. 557 00:23:16,087 --> 00:23:17,295 Lakini tumekuwa aina ya kosa hizo. 558 00:23:17,295 --> 00:23:18,990 Tumefanya mifano juu ya kuruka. 559 00:23:18,990 --> 00:23:20,540 >> TOMAS Reimers: Sisi kupata kuchanganya selectors hivi karibuni. 560 00:23:20,540 --> 00:23:22,790 >> ALLISON BUCHHOLTZ-AU: Oh, sisi kupata kuchanganya selectors. 561 00:23:22,790 --> 00:23:25,260 TOMAS Reimers: Kwa hiyo baadhi mifano ni sisi kuwa 562 00:23:25,260 --> 00:23:29,630 # Dog-- chupa, au hashtag, au octothorpe, au chochote 563 00:23:29,630 --> 00:23:32,050 unataka simu that-- mkali. 564 00:23:32,050 --> 00:23:34,875 >> ALLISON BUCHHOLTZ-AU: Sharp mbwa. 565 00:23:34,875 --> 00:23:36,470 >> TOMAS Reimers: Kisha una .pets. 566 00:23:36,470 --> 00:23:39,059 567 00:23:39,059 --> 00:23:41,600 Kitu id ya mbwa, kuna mbwa moja tu juu ya ukurasa. 568 00:23:41,600 --> 00:23:43,870 Kitu id ya paka, kuna moja tu paka. 569 00:23:43,870 --> 00:23:45,665 Kuna inaweza kuwa pets wengi juu ya ukurasa. 570 00:23:45,665 --> 00:23:47,570 Hiyo ni kwa nini sisi alitoa kwamba madarasa. 571 00:23:47,570 --> 00:23:48,740 Una mfano wa p. 572 00:23:48,740 --> 00:23:50,490 Na kisha hivyo moja ya Mfano wa mwisho, ambayo 573 00:23:50,490 --> 00:23:53,790 ni kitu sisi si kuongelea, ni kile kinachotokea wakati wewe kuchanganya yao. 574 00:23:53,790 --> 00:23:54,580 Hivyo p.pets. 575 00:23:54,580 --> 00:23:57,510 576 00:23:57,510 --> 00:24:02,950 >> Hivyo kwa kuwa, hebu kwenda nyuma kanuni na kuanzisha another-- yeah. 577 00:24:02,950 --> 00:24:04,290 Hivyo nyuma hapa. 578 00:24:04,290 --> 00:24:04,850 >> ALLISON BUCHHOLTZ-AU: I kujisikia kama hii ni really-- 579 00:24:04,850 --> 00:24:08,105 kama tu kuangalia njia ya mifano ni kweli njia ya kujifunza hii. 580 00:24:08,105 --> 00:24:09,360 Hivyo kwamba ni nini sisi ni kufanya. 581 00:24:09,360 --> 00:24:14,030 >> TOMAS Reimers: Basi hebu kujifanya sisi tu wanataka kuchagua Nakala 2, haki? 582 00:24:14,030 --> 00:24:16,530 Hivyo sisi dhahiri hawawezi kufanya hivyo kwa id. 583 00:24:16,530 --> 00:24:19,620 Naam, tunaweza kufanya hivyo kwa id, lakini haina id. 584 00:24:19,620 --> 00:24:22,490 Mimi naweza kuongeza moja, lakini hebu kujifanya kwamba mimi sitaki kuongeza moja 585 00:24:22,490 --> 00:24:24,910 au tayari ina kitu kingine. 586 00:24:24,910 --> 00:24:26,516 Siwezi kufanya hivyo na kwamba. 587 00:24:26,516 --> 00:24:28,870 tag ni dhahiri si ya kipekee, haki? 588 00:24:28,870 --> 00:24:30,670 Na wala ni darasani. 589 00:24:30,670 --> 00:24:32,314 Lakini unaweza kuchanganya mambo haya. 590 00:24:32,314 --> 00:24:35,230 Hebu sema sisi alitaka kufanya kitu ambayo inatumika tu kwa mambo ambayo 591 00:24:35,230 --> 00:24:39,420 una darasa maalum na ambayo una darasa pretty. 592 00:24:39,420 --> 00:24:48,150 >> Hivyo nini unaweza kufanya ni katika main.css, unaweza kusema, hebu kwanza kufuta hii. 593 00:24:48,150 --> 00:24:50,240 Unaweza kuchanganya hizi. 594 00:24:50,240 --> 00:24:51,430 Hivyo unaweza kufanya .special. 595 00:24:51,430 --> 00:24:52,110 Hakuna nafasi. 596 00:24:52,110 --> 00:24:54,770 Tu .special.pretty. 597 00:24:54,770 --> 00:25:00,550 Nini maana ni kitu ambayo ni wawili maalum na pretty. 598 00:25:00,550 --> 00:25:01,900 Je, hiyo mantiki? 599 00:25:01,900 --> 00:25:04,190 Na kama sisi kwenda hapa, nini wewe ni kwenda kuona 600 00:25:04,190 --> 00:25:09,734 ni sheria hii inatumika tu kwa pili moja, ambayo ina wote wa wale. 601 00:25:09,734 --> 00:25:11,400 Na unaweza kufanya hivyo kwa mambo mengi. 602 00:25:11,400 --> 00:25:13,270 Unaweza say-- hebu kujifanya nilitaka tu 603 00:25:13,270 --> 00:25:18,300 kufanya mambo ambayo una darasa pretty na ambayo pia ni aya tag. 604 00:25:18,300 --> 00:25:19,920 Hivyo p.pretty. 605 00:25:19,920 --> 00:25:23,585 Hebu kujifanya kuwa nilikuwa kitu pretty juu ya tag mwili. 606 00:25:23,585 --> 00:25:25,850 OK? 607 00:25:25,850 --> 00:25:28,490 Siwezi kukimbia hii na mimi unaweza kuona kwamba ni tu 608 00:25:28,490 --> 00:25:32,720 kwenda kuomba mambo ambayo ni aya na darasa pretty. 609 00:25:32,720 --> 00:25:35,650 Na unaweza kuchanganya haya, kimsingi, kama wengi kama unataka. 610 00:25:35,650 --> 00:25:38,580 Hivyo unaweza tu ya kuweka kwao pamoja. 611 00:25:38,580 --> 00:25:39,604 Je, hiyo mantiki? 612 00:25:39,604 --> 00:25:41,770 ALLISON BUCHHOLTZ-AU: Hivyo aina hii ya ni muhimu zaidi 613 00:25:41,770 --> 00:25:45,490 wakati, Tomas alikuwa akisema awali, labda una tovuti ngumu sana, 614 00:25:45,490 --> 00:25:48,050 na tayari una mengi ya sheria hizi imeandikwa, 615 00:25:48,050 --> 00:25:51,170 na wewe tu haja ya kuchanganya mbili mbele. 616 00:25:51,170 --> 00:25:55,350 Kama badala ya kuandika nzima selector mpya na kubadilisha huko, 617 00:25:55,350 --> 00:25:58,592 unaweza tu kuchanganya yao baada ya uanzishwaji. 618 00:25:58,592 --> 00:26:00,670 >> TOMAS Reimers: Au wanaweza kupata out-- wakati mwingine 619 00:26:00,670 --> 00:26:04,290 kuna darasa moja ambayo hufanya rangi font ya kama bluu, 620 00:26:04,290 --> 00:26:06,740 na kuna kundi jingine ambalo hufanya background ya bluu. 621 00:26:06,740 --> 00:26:07,840 Na kwamba tu si kazi. 622 00:26:07,840 --> 00:26:10,924 Hivyo wewe kuandika kesi maalum, ambapo, like-- lakini kama ana zote mbili, nini wewe 623 00:26:10,924 --> 00:26:13,548 kwenda kufanya ni wewe kwenda kufanya kivuli hii ya bluu hii moja 624 00:26:13,548 --> 00:26:15,310 na hii ni moja ya kivuli hii nyingine ya bluu. 625 00:26:15,310 --> 00:26:15,580 Haki? 626 00:26:15,580 --> 00:26:17,955 >> ALLISON BUCHHOLTZ-AU: Good kwa wale aina ya tofauti. 627 00:26:17,955 --> 00:26:21,220 TOMAS Reimers: Hivyo kwa kufikiri juu ya matatizo 628 00:26:21,220 --> 00:26:25,000 ambayo inaweza kutokea wakati kuchanganya yao. 629 00:26:25,000 --> 00:26:27,020 Baridi. 630 00:26:27,020 --> 00:26:29,692 Hivyo nyuma na mada yetu. 631 00:26:29,692 --> 00:26:31,400 ALLISON BUCHHOLTZ-AU: Tuko karibu na hapo. 632 00:26:31,400 --> 00:26:34,022 TOMAS Reimers: Na kimesimama kuunganisha. 633 00:26:34,022 --> 00:26:36,494 ALLISON BUCHHOLTZ-AU: Oh, hakuna. 634 00:26:36,494 --> 00:26:39,125 ALLISON BUCHHOLTZ-AU: CS katika ofisi, internet inakwenda chini. 635 00:26:39,125 --> 00:26:40,360 Oh, kejeli. 636 00:26:40,360 --> 00:26:45,620 >> TOMAS Reimers: Hivyo bahati nzuri, tunaweza kuwasilisha bila internet, mimi nadhani, 637 00:26:45,620 --> 00:26:47,380 kwa sababu tuna slides yote hapa. 638 00:26:47,380 --> 00:26:49,304 Basi hebu majadiliano juu ya uhusiano wa vitambulisho. 639 00:26:49,304 --> 00:26:50,470 ALLISON BUCHHOLTZ-AU: Haki. 640 00:26:50,470 --> 00:26:52,660 Hivyo tu aina ya kwenda mbali ya nini Tomas alisema, 641 00:26:52,660 --> 00:26:54,180 hii ni njia nyingine ya kufanya hivyo. 642 00:26:54,180 --> 00:26:57,840 Hivyo tuna baadhi mzazi Selector na selector mtoto. 643 00:26:57,840 --> 00:27:02,815 Hivyo katika mfano huu hapa, tuna baadhi ya mwili na darasa Upau wa Uabiri, darasa kifungo. 644 00:27:02,815 --> 00:27:03,315 Ah. 645 00:27:03,315 --> 00:27:03,990 >> TOMAS Reimers: Oh, sorry. 646 00:27:03,990 --> 00:27:06,180 >> ALLISON BUCHHOLTZ-AU: Na kimsingi, nini maana ya hii 647 00:27:06,180 --> 00:27:11,070 ni kuchagua wote wa watoto, kama yote ya aina hii ya selectors, 648 00:27:11,070 --> 00:27:13,040 ndani ya hii selector mzazi. 649 00:27:13,040 --> 00:27:16,004 Na wale ni wale tu ni milele kwenda kuomba. 650 00:27:16,004 --> 00:27:17,755 Sijui kama wewe kuwa njia bora of-- 651 00:27:17,755 --> 00:27:19,504 TOMAS Reimers: Kwa hiyo mimi nadhani njia ya kufikiri 652 00:27:19,504 --> 00:27:22,440 kuhusu hili ni kukumbuka kabla ya jinsi sisi aina ya like kuziweka pamoja. 653 00:27:22,440 --> 00:27:26,340 Na basi hiyo ina maana moja ya kipengele ambayo mechi yote haya. 654 00:27:26,340 --> 00:27:29,530 Nini hii ni kusema ni, mimi wanataka kwa mechi kila kitu 655 00:27:29,530 --> 00:27:33,220 ndani ya some-- nataka wewe kupata selector. 656 00:27:33,220 --> 00:27:35,670 Na kisha ndani ya kwamba, nataka wewe mechi mambo mapya. 657 00:27:35,670 --> 00:27:36,170 Haki? 658 00:27:36,170 --> 00:27:40,900 Hivyo katika CSS, ni wote kuhusu aina ya kuwa na uwezo wa mechi ya vitu hivi. 659 00:27:40,900 --> 00:27:43,050 Na unaweza kujaribu kwa mechi vitu ndani ya vitu vingine. 660 00:27:43,050 --> 00:27:46,510 >> Basi hebu kweli kufanya mfano, na tunadhani kwamba kutakuwa na kufafanua. 661 00:27:46,510 --> 00:27:53,090 Basi hebu kujifanya tuna maalum, maalum pretty, chochote. 662 00:27:53,090 --> 00:27:55,690 Na kisha tuna kiungo, OK? 663 00:27:55,690 --> 00:27:59,780 664 00:27:59,780 --> 00:28:02,370 Basi kumbuka, ni kiungo. 665 00:28:02,370 --> 00:28:03,900 Ni si kwenda mahali popote. 666 00:28:03,900 --> 00:28:11,500 Na tunakwenda kuwapa kiungo darasani, mimi nadhani. 667 00:28:11,500 --> 00:28:13,335 Hebu kuwapa class-- nipe wazo. 668 00:28:13,335 --> 00:28:14,460 ALLISON BUCHHOLTZ-AU: Cool. 669 00:28:14,460 --> 00:28:16,420 TOMAS Reimers: Coo-- hebu kwenda yake darasani pretty. 670 00:28:16,420 --> 00:28:16,930 Kwa nini? 671 00:28:16,930 --> 00:28:17,971 >> ALLISON BUCHHOLTZ-AU: OK. 672 00:28:17,971 --> 00:28:23,040 TOMAS Reimers: Hivyo mambo ya haki sasa pretty 673 00:28:23,040 --> 00:28:26,000 ni kwenda kufanya background bluu, rangi ya asili ya samaki. 674 00:28:26,000 --> 00:28:27,969 Kwamba inafanya hisia. 675 00:28:27,969 --> 00:28:28,760 Na kama sisi kufanya this-- 676 00:28:28,760 --> 00:28:29,620 >> ALLISON BUCHHOLTZ-AU: Je, unataka kuongeza Nakala 677 00:28:29,620 --> 00:28:31,078 hivyo kweli hyperlink inaonyesha up? 678 00:28:31,078 --> 00:28:35,088 TOMAS Reimers: Hiyo itakuwa wito nzuri. 679 00:28:35,088 --> 00:28:37,921 ALLISON BUCHHOLTZ-AU: 'Njia haki sasa tuko tu gonna kupata chochote. 680 00:28:37,921 --> 00:28:39,690 TOMAS Reimers: Hivyo hii ni kiungo. 681 00:28:39,690 --> 00:28:42,202 "Hii ni kiungo." 682 00:28:42,202 --> 00:28:45,820 Oh, na hii ni kwenda kuwa kiungo mwingine. 683 00:28:45,820 --> 00:28:47,280 Hebu kuwapa darasa "cool." 684 00:28:47,280 --> 00:28:50,295 Wewe ni haki. 685 00:28:50,295 --> 00:28:50,795 Baridi. 686 00:28:50,795 --> 00:28:53,590 687 00:28:53,590 --> 00:28:56,010 Hivyo sasa hivi tunakwenda kunyakua hii. 688 00:28:56,010 --> 00:28:57,269 Sisi ni kwenda kutupa moja. 689 00:28:57,269 --> 00:28:59,060 Tuna moja katika tag maalum, na sisi pia 690 00:28:59,060 --> 00:29:01,150 ni kwenda kuwa moja katika tag pretty. 691 00:29:01,150 --> 00:29:05,449 Na hivi sasa nini tunakwenda kufanya ni tunakwenda kufanya cool-- 692 00:29:05,449 --> 00:29:06,490 nini tunataka kufanya? 693 00:29:06,490 --> 00:29:10,347 694 00:29:10,347 --> 00:29:12,180 ALLISON BUCHHOLTZ-AU: Je, tunaweza kufanya hivyo kubwa? 695 00:29:12,180 --> 00:29:13,800 TOMAS Reimers: Hebu kuwapa mpaka. 696 00:29:13,800 --> 00:29:14,840 ALLISON BUCHHOLTZ-AU: Tunaweza mpaka. 697 00:29:14,840 --> 00:29:15,673 TOMAS Reimers: Yeah. 698 00:29:15,673 --> 00:29:18,560 Hivyo sisi ni kwenda kufanya kitu kama, mpaka is-- na tuko 699 00:29:18,560 --> 00:29:20,971 kwenda kueleza hii yote katika pili. 700 00:29:20,971 --> 00:29:21,470 Kwa now-- 701 00:29:21,470 --> 00:29:24,592 >> ALLISON BUCHHOLTZ-AU: Kwa mfano sanduku. 702 00:29:24,592 --> 00:29:27,300 TOMAS Reimers: Lakini kwa sasa, tuko tu kwenda kuwapa mpaka. 703 00:29:27,300 --> 00:29:29,580 Hivyo nini maana ni wewe kwenda kuona viungo hivi. 704 00:29:29,580 --> 00:29:32,788 Na wewe ni kwenda kuona kwamba wana haya, kama, mipaka ugly nyeusi, ambayo 705 00:29:32,788 --> 00:29:33,820 ni ya baridi. 706 00:29:33,820 --> 00:29:34,500 >> ALLISON BUCHHOLTZ-AU: Tovuti yetu ni hivyo pretty. 707 00:29:34,500 --> 00:29:35,333 >> TOMAS Reimers: Yeah. 708 00:29:35,333 --> 00:29:38,930 Tovuti yetu ni kutisha. 709 00:29:38,930 --> 00:29:41,585 Hivyo hizi mbili ni viungo, na wao kuonekana. 710 00:29:41,585 --> 00:29:44,160 Sasa hebu kujifanya mimi tu walitaka kufanya hivi 711 00:29:44,160 --> 00:29:50,072 kama ilikuwa si ndani ya kitu ambayo ilikuwa historia ya samaki. 712 00:29:50,072 --> 00:29:52,280 Basi kumbuka kwamba hii moja ina historia ya lax, 713 00:29:52,280 --> 00:29:54,000 kwa sababu ni ya darasa pretty. 714 00:29:54,000 --> 00:29:59,777 >> Lakini tunataka kusema kwamba tu cools ambayo ni katika darasa maalum, si katika darasa 715 00:29:59,777 --> 00:30:02,890 pretty, wanapaswa kuwa na mpakani. 716 00:30:02,890 --> 00:30:12,549 Naam, nini unaweza kufanya ni wewe anaweza kusema, .special, nafasi, .cool. 717 00:30:12,549 --> 00:30:15,590 Na nini kwamba anachokifanya, wakati unafikiri kuhusu hilo, ni kimsingi akisema, 718 00:30:15,590 --> 00:30:19,530 OK, kupata mimi kila kitu kuwa mechi maalum. 719 00:30:19,530 --> 00:30:24,104 Kisha baada ya wale vitambulisho, kupata mimi kila kitu kwamba ni baridi. 720 00:30:24,104 --> 00:30:27,270 ALLISON BUCHHOLTZ-AU: Hivyo njia nyingine ambayo inaweza kuwa nzuri ya kufikiri kuhusu hili, 721 00:30:27,270 --> 00:30:29,810 kuleta nyuma C, ni tu kama wazo la upeo. 722 00:30:29,810 --> 00:30:34,020 Hivyo wakati una baadhi selector, kama wale 723 00:30:34,020 --> 00:30:38,460 kwamba sisi tumekuwa kufanya kazi kwa kabla ya hii, mtandao wako mzima ukurasa, yote ya HTML yako 724 00:30:38,460 --> 00:30:40,180 ni ndani ya wigo wako, haki? 725 00:30:40,180 --> 00:30:43,090 Lakini wakati tuna hizi mzazi na mtoto mahusiano, 726 00:30:43,090 --> 00:30:47,130 ni kama wewe ni kupungua chini ambapo wewe ni kuangalia kwa mahali maalum, 727 00:30:47,130 --> 00:30:50,540 kama, kama, sisi ni kuangalia ndani ya kazi maalum badala 728 00:30:50,540 --> 00:30:52,007 ya faili wetu mzima. 729 00:30:52,007 --> 00:30:55,090 Watazamaji: Hivyo kwa kuwa katika akili, ingekuwa ni kuwa mattered kama tulikuwa changed-- 730 00:30:55,090 --> 00:30:56,423 ALLISON BUCHHOLTZ-AU: ili? 731 00:30:56,423 --> 00:30:59,320 Watazamaji: --the darasa katika CSS kwa .cool, nafasi, .special? 732 00:30:59,320 --> 00:31:01,153 ALLISON BUCHHOLTZ-AU: Ndiyo, kwa sababu basi 733 00:31:01,153 --> 00:31:04,420 kusema, wigo kwa kila kitu ambayo ina baridi, 734 00:31:04,420 --> 00:31:07,235 na kisha kuangalia nini has-- I mean, kama, katika kesi hii, 735 00:31:07,235 --> 00:31:08,860 Sidhani ingekuwa iliyopita ni. 736 00:31:08,860 --> 00:31:10,318 >> TOMAS Reimers: Tungeli alisema nini? 737 00:31:10,318 --> 00:31:10,906 Sorry. 738 00:31:10,906 --> 00:31:12,660 >> ALLISON BUCHHOLTZ-AU: Kama sisi wigo kwa baridi na kisha 739 00:31:12,660 --> 00:31:14,550 kuangalia kwa mambo ya nje ya maalum, itakuwa ni sawa, kwa kweli. 740 00:31:14,550 --> 00:31:16,260 >> TOMAS Reimers: Hivyo isingekuwa. 741 00:31:16,260 --> 00:31:16,590 >> ALLISON BUCHHOLTZ-AU: Ni akakataa? 742 00:31:16,590 --> 00:31:17,590 Oh, oh vizuri. 743 00:31:17,590 --> 00:31:18,090 Mimi vibaya. 744 00:31:18,090 --> 00:31:21,480 >> TOMAS Reimers: Hivyo sababu ni different-- mistake-- kawaida 745 00:31:21,480 --> 00:31:27,140 ni kwamba hivi sasa tu kiungo ina baridi, haki? 746 00:31:27,140 --> 00:31:32,176 Nadhani swali yangu na wewe guys ni, nini juu ya ukurasa huu ni kuendana na .cool? 747 00:31:32,176 --> 00:31:35,984 748 00:31:35,984 --> 00:31:38,340 Kuna vitambulisho mbili hapa, haki? 749 00:31:38,340 --> 00:31:39,770 Ambayo ni hii moja na hii moja. 750 00:31:39,770 --> 00:31:40,590 Wote mechi baridi. 751 00:31:40,590 --> 00:31:42,200 Kitu kingine gani. 752 00:31:42,200 --> 00:31:46,460 Hivyo kama wewe alisema, .cool, nafasi, .special, nini wewe kwenda kusema ni, 753 00:31:46,460 --> 00:31:48,824 ndani ya hizi tags, ni nini maalum? 754 00:31:48,824 --> 00:31:49,865 ALLISON BUCHHOLTZ-AU: Hm. 755 00:31:49,865 --> 00:31:51,800 Hiyo ni nini ubaya wake wa kulia. 756 00:31:51,800 --> 00:31:52,310 Kwa sababu ni kama tu kitu hapa. 757 00:31:52,310 --> 00:31:53,310 >> TOMAS Reimers: Hivyo ni kuchagua kitu chochote. 758 00:31:53,310 --> 00:31:56,530 >> ALLISON BUCHHOLTZ-AU: Ambapo kwa maalum, tuko ndani ya hizi tags hapa. 759 00:31:56,530 --> 00:31:57,971 >> TOMAS Reimers: Wale na wale. 760 00:31:57,971 --> 00:31:58,512 Watazamaji: OK. 761 00:31:58,512 --> 00:31:58,920 Hivyo wale vitambulisho kutoka mbele kufyeka? 762 00:31:58,920 --> 00:31:59,740 >> TOMAS Reimers: Ndiyo. 763 00:31:59,740 --> 00:32:01,150 Je, hiyo mantiki? 764 00:32:01,150 --> 00:32:03,685 Jinsi ni kimsingi kujaribu kupunguza wigo. 765 00:32:03,685 --> 00:32:04,810 ALLISON BUCHHOLTZ-AU: Yeah. 766 00:32:04,810 --> 00:32:06,870 Nadhani kwamba pengine njia rahisi ya kufikiri juu yake. 767 00:32:06,870 --> 00:32:09,270 >> TOMAS Reimers: Hivyo sisi kupatikana hii, na sisi kupatikana hii wote kuendana maalum. 768 00:32:09,270 --> 00:32:11,400 Na kisha sisi ni kuuliza, ndani ya guys haya, nini baridi? 769 00:32:11,400 --> 00:32:12,941 Na ndani ya hii moja, baridi hii ya mtu. 770 00:32:12,941 --> 00:32:14,500 Ndani ya hii moja, hakuna baridi. 771 00:32:14,500 --> 00:32:16,250 Hivyo hii ni tag tu kwamba bado. 772 00:32:16,250 --> 00:32:20,112 >> ALLISON BUCHHOLTZ-AU: Wakati baridi ni tu ndani ya vitambulisho haya a huko. 773 00:32:20,112 --> 00:32:21,070 TOMAS Reimers: Hasa. 774 00:32:21,070 --> 00:32:22,403 Na nini maalum ndani ya hizo? 775 00:32:22,403 --> 00:32:22,930 Chochote. 776 00:32:22,930 --> 00:32:25,270 Sasa, nini nasema ni kama kulikuwa hakuna nafasi, 777 00:32:25,270 --> 00:32:29,880 wewe ni kuuliza nini baridi na special-- au nini pretty na maalum, haki? 778 00:32:29,880 --> 00:32:35,370 Kama wewe kusema .special.pretty, hiyo ni sawa kama .pretty.special. 779 00:32:35,370 --> 00:32:39,220 >> Kwa sababu kile kuondoa nafasi ni kuuliza ni, wakati wewe kusema .special, 780 00:32:39,220 --> 00:32:40,970 wewe ni kuuliza, OK, ambayo ndio ni maalum? 781 00:32:40,970 --> 00:32:43,780 Na kisha ya wale, ambao ndio pia ni pretty, 782 00:32:43,780 --> 00:32:47,010 ambayo ni sawa, grama, kama kuuliza, nini pretty, 783 00:32:47,010 --> 00:32:49,500 na kisha ya wale, nini pia maalum? 784 00:32:49,500 --> 00:32:50,000 Haki? 785 00:32:50,000 --> 00:32:53,099 Ni tofauti ya nini ndani ya ni nini. 786 00:32:53,099 --> 00:32:53,640 Watazamaji: OK. 787 00:32:53,640 --> 00:32:54,473 TOMAS Reimers: Yeah. 788 00:32:54,473 --> 00:32:56,670 789 00:32:56,670 --> 00:32:58,030 Kutisha. 790 00:32:58,030 --> 00:33:00,426 Hivyo, pamoja na kwamba katika akili then-- 791 00:33:00,426 --> 00:33:01,800 >> ALLISON BUCHHOLTZ-AU: Nadhani mwisho wetu Jambo ni (IN FANCY BRITISH lafudhi) 792 00:33:01,800 --> 00:33:02,510 sanduku mfano. 793 00:33:02,510 --> 00:33:05,992 >> TOMAS Reimers: box-- [chuckles] Mimi upendo njia Allison anasema kwamba. 794 00:33:05,992 --> 00:33:06,950 Hivyo sanduku mfano kitu. 795 00:33:06,950 --> 00:33:09,644 >> ALLISON BUCHHOLTZ-AU: Tu sanduku, mimi itakuwa sanduku yako mfano. 796 00:33:09,644 --> 00:33:11,310 TOMAS Reimers: Hivyo hebu majadiliano juu ya hilo. 797 00:33:11,310 --> 00:33:14,070 Hivyo sasa hivi tumekuwa alitumia mengi muda kuzungumza juu ya selectors. 798 00:33:14,070 --> 00:33:16,944 Kwa sasa, you guys ni pengine, kama, mabwana wa selectors-- unajua, 799 00:33:16,944 --> 00:33:21,510 jinsi ya hasa kuchagua maudhui ambayo unataka kuendesha kwenye screen yako. 800 00:33:21,510 --> 00:33:24,740 >> Hivyo sasa swali ni, jinsi hasa unaweza kuendesha yake? 801 00:33:24,740 --> 00:33:27,010 Kwa hiyo mimi nadhani msingi zaidi njia ya kufikiri juu ya kwamba 802 00:33:27,010 --> 00:33:30,294 ni, vizuri, nini hasa ni kipengele katika CSS? 803 00:33:30,294 --> 00:33:32,585 Tumekuwa alitumia muda mwingi kuzungumza juu ya, ni nini tag, 804 00:33:32,585 --> 00:33:36,140 au ni nini msingi zaidi uwakilishi wa tag? 805 00:33:36,140 --> 00:33:39,870 806 00:33:39,870 --> 00:33:45,170 >> njia nzuri ya kufikiri juu ya yaani, ni umbo ni lax? 807 00:33:45,170 --> 00:33:47,295 Nini sura ni, kama, lax-rangi background? 808 00:33:47,295 --> 00:33:47,880 >> Watazamaji: Ni mstatili. 809 00:33:47,880 --> 00:33:49,040 >> TOMAS Reimers: Ni mstatili, haki? 810 00:33:49,040 --> 00:33:50,956 >> ALLISON BUCHHOLTZ-AU: Hakuwa swali hila. 811 00:33:50,956 --> 00:33:51,870 [Kicheko] 812 00:33:51,870 --> 00:33:54,670 >> TOMAS Reimers: Si kujaribu hila nyie hii marehemu. 813 00:33:54,670 --> 00:33:57,510 Hivyo tuna pembenne hii. 814 00:33:57,510 --> 00:33:59,140 Na tag ni p, haki? 815 00:33:59,140 --> 00:34:02,280 Hivyo kwamba inatupa nzuri imani kwamba aya 816 00:34:02,280 --> 00:34:07,440 ni kuwakilishwa kama mstatili, katika angalau katika akili ya browser, ambayo 817 00:34:07,440 --> 00:34:08,715 ni. 818 00:34:08,715 --> 00:34:11,423 >> ALLISON BUCHHOLTZ-AU: I mean, browsers ni kawaida rectangular, 819 00:34:11,423 --> 00:34:13,440 hivyo inafanya hisia. 820 00:34:13,440 --> 00:34:18,750 >> TOMAS Reimers: Wazo hapa ni kwamba wote wa vitambulisho ndani ya CSS 821 00:34:18,750 --> 00:34:21,790 ni kuwakilishwa kama mstatili. 822 00:34:21,790 --> 00:34:25,699 Na kila Mstatili ina nne sehemu kulingana na CSS, OK? 823 00:34:25,699 --> 00:34:27,830 Una maudhui halisi. 824 00:34:27,830 --> 00:34:29,644 Hiyo ambapo Nakala uongo. 825 00:34:29,644 --> 00:34:30,470 >> ALLISON BUCHHOLTZ-AU: Labda picha yako. 826 00:34:30,470 --> 00:34:31,303 >> TOMAS Reimers: Yeah. 827 00:34:31,303 --> 00:34:33,860 Una padding, ambayo ni baadhi tu ya aina ya nafasi nyeupe. 828 00:34:33,860 --> 00:34:35,085 Kisha una mpaka. 829 00:34:35,085 --> 00:34:37,710 Na kisha una margin, ambayo ni nafasi nyeupe nje ya hiyo. 830 00:34:37,710 --> 00:34:39,460 Hivyo kwamba haina mantiki kwa mtu yeyote, hivyo sisi ni 831 00:34:39,460 --> 00:34:42,500 kwenda kuzungumza kuhusu kwamba kwa ajili ya pili. 832 00:34:42,500 --> 00:34:47,570 Hivyo haki hapa, nini tunakwenda kufanya ni tunakwenda kujenga baadhi divs, OK? 833 00:34:47,570 --> 00:34:48,420 Samahani wakati I-- 834 00:34:48,420 --> 00:34:51,506 >> ALLISON BUCHHOLTZ-AU: Najisikia kama tunapaswa kuweka picha cute katika. 835 00:34:51,506 --> 00:34:52,520 >> TOMAS Reimers: Sisi dhahiri lazima. 836 00:34:52,520 --> 00:34:53,389 >> ALLISON BUCHHOLTZ-AU: Najisikia kama kila mtu 837 00:34:53,389 --> 00:34:54,870 wanaweza kunufaika kutokana na cute picha, ni wote. 838 00:34:54,870 --> 00:34:56,774 >> TOMAS Reimers: Je, sisi faida yote kutoka a-- 839 00:34:56,774 --> 00:34:57,648 >> Watazamaji: Yeah, uhakika. 840 00:34:57,648 --> 00:34:58,790 TOMAS Reimers: OK, cool. 841 00:34:58,790 --> 00:35:02,254 Hivyo tunapaswa kuweka cute picha katika mahali fulani. 842 00:35:02,254 --> 00:35:05,295 ALLISON BUCHHOLTZ-AU: Mimi najisikia kama cute Bunny inaweza kuwa na manufaa hivi sasa. 843 00:35:05,295 --> 00:35:06,190 TOMAS Reimers: Sure. 844 00:35:06,190 --> 00:35:06,950 ALLISON BUCHHOLTZ-AU: Mwisho wa wiki. 845 00:35:06,950 --> 00:35:07,390 Kuwa na kitu adorab-- 846 00:35:07,390 --> 00:35:08,520 >> TOMAS Reimers: Jinsi bout kitten? 847 00:35:08,520 --> 00:35:09,220 >> ALLISON BUCHHOLTZ-AU: kitten kazi, pia. 848 00:35:09,220 --> 00:35:11,300 >> TOMAS Reimers: Cool, kwa sababu kuna tovuti kwa ajili hiyo. 849 00:35:11,300 --> 00:35:12,300 Ni wito PlaceKitten. 850 00:35:12,300 --> 00:35:14,719 ALLISON BUCHHOLTZ-AU: Hiyo ni kubwa. 851 00:35:14,719 --> 00:35:15,510 TOMAS Reimers: Ndiyo. 852 00:35:15,510 --> 00:35:18,040 ALLISON BUCHHOLTZ-AU: Tu kwa ajili ya, kama, placeholder picha katika tovuti yako. 853 00:35:18,040 --> 00:35:18,914 TOMAS Reimers: Mm-hm. 854 00:35:18,914 --> 00:35:21,520 Kuna pia PlacePuppy. 855 00:35:21,520 --> 00:35:22,832 Na kuna PlaceBacon. 856 00:35:22,832 --> 00:35:24,340 >> ALLISON BUCHHOLTZ-AU: PlaceBacon? 857 00:35:24,340 --> 00:35:25,350 Kweli? 858 00:35:25,350 --> 00:35:28,190 >> TOMAS Reimers: Oh, hatufanyi intaneti hapa. 859 00:35:28,190 --> 00:35:29,875 >> ALLISON BUCHHOLTZ-AU: [kilio] 860 00:35:29,875 --> 00:35:30,375 Kutisha. 861 00:35:30,375 --> 00:35:32,333 TOMAS Reimers: Vinginevyo, Napenda kuonyesha guys 862 00:35:32,333 --> 00:35:33,870 jinsi ya kuweka picha katika tovuti yako. 863 00:35:33,870 --> 00:35:36,370 Sisi ni kwenda kujaribu kupata hii kazi kabla ya sisi kwenda. 864 00:35:36,370 --> 00:35:38,660 Lakini kwa sasa, tuko tu kwenda kuzungumza katika rangi huo. 865 00:35:38,660 --> 00:35:39,820 Tunataka kuweka picha za kittens-- 866 00:35:39,820 --> 00:35:40,210 >> ALLISON BUCHHOLTZ-AU: Sisi alifanya. 867 00:35:40,210 --> 00:35:43,110 >> TOMAS Reimers: --the biashara ya chini kwa muda huu. 868 00:35:43,110 --> 00:35:47,820 Hivyo tuna divs mbili, na tuko kwenda kuwapa vitambulisho mbili. 869 00:35:47,820 --> 00:35:51,380 870 00:35:51,380 --> 00:35:56,760 Tunakwenda kuiita "Ya kwanza" na "pili." 871 00:35:56,760 --> 00:36:01,184 Hivyo id = "kwanza." 872 00:36:01,184 --> 00:36:02,850 Na sisi ni kwenda kuwapa rangi mbili. 873 00:36:02,850 --> 00:36:08,424 Hivyo ni jinsi gani sisi kuchagua kitu na kitambulisho ya "kwanza"? 874 00:36:08,424 --> 00:36:09,840 ALLISON BUCHHOLTZ-AU: Dot au hash? 875 00:36:09,840 --> 00:36:10,730 Watazamaji: Sharp. 876 00:36:10,730 --> 00:36:12,940 TOMAS Reimers: Sharp, kamilifu. 877 00:36:12,940 --> 00:36:14,950 Sharp, hash, chochote we-- 878 00:36:14,950 --> 00:36:15,680 >> ALLISON BUCHHOLTZ-AU: Kura ya mambo ya simu yake. 879 00:36:15,680 --> 00:36:16,430 >> TOMAS Reimers: OK. 880 00:36:16,430 --> 00:36:19,800 Sisi ni kwenda kukaa juu ya hashtag, na kwamba ni nini sisi ni kwenda kwa. 881 00:36:19,800 --> 00:36:20,300 OK? 882 00:36:20,300 --> 00:36:20,735 >> ALLISON BUCHHOLTZ-AU: Alama ya reli. 883 00:36:20,735 --> 00:36:22,340 >> TOMAS Reimers: Hivyo hashtag ya kwanza. 884 00:36:22,340 --> 00:36:24,506 >> ALLISON BUCHHOLTZ-AU: Hivyo unaweza tweet seminar-- 885 00:36:24,506 --> 00:36:27,582 hashtag CSS, hashtag baridi. 886 00:36:27,582 --> 00:36:29,040 TOMAS Reimers: Alama ya reli Awesomeness. 887 00:36:29,040 --> 00:36:30,730 ALLISON BUCHHOLTZ-AU: Hashtag Awesomeness, ndiyo. 888 00:36:30,730 --> 00:36:31,480 TOMAS Reimers: OK. 889 00:36:31,480 --> 00:36:33,660 Hivyo tuna "ya kwanza" na "pili." 890 00:36:33,660 --> 00:36:37,697 Hivyo kwanza, tunakwenda kuwa rangi ya asili ya nyekundu. 891 00:36:37,697 --> 00:36:39,030 ALLISON BUCHHOLTZ-AU: Uh, koloni. 892 00:36:39,030 --> 00:36:40,281 TOMAS Reimers: Yup. 893 00:36:40,281 --> 00:36:42,281 ALLISON BUCHHOLTZ-AU: Nitakuwa yako doa-kusahihisha. 894 00:36:42,281 --> 00:36:43,960 TOMAS Reimers: Allison got me. 895 00:36:43,960 --> 00:36:45,830 Background-rangi ya blue-- 896 00:36:45,830 --> 00:36:46,810 >> TOMAS Reimers: Purple! 897 00:36:46,810 --> 00:36:47,726 >> TOMAS Reimers: Purple. 898 00:36:47,726 --> 00:36:48,830 ALLISON BUCHHOLTZ-AU: Ndiyo. 899 00:36:48,830 --> 00:36:50,630 Purple ya rangi yangu favorite, na sisi si kutumika yake bado. 900 00:36:50,630 --> 00:36:51,546 >> TOMAS Reimers: Violet. 901 00:36:51,546 --> 00:36:53,361 ALLISON BUCHHOLTZ-AU: Violet. 902 00:36:53,361 --> 00:36:53,860 Kwamba kazi. 903 00:36:53,860 --> 00:36:56,482 904 00:36:56,482 --> 00:36:59,880 >> TOMAS Reimers: Hivyo sisi ni kwenda na divs mbili. 905 00:36:59,880 --> 00:37:01,654 Wao wanaenda kuwa kabisa tupu. 906 00:37:01,654 --> 00:37:03,070 Sisi lazima pengine kuwa na baadhi ya maandishi. 907 00:37:03,070 --> 00:37:05,580 908 00:37:05,580 --> 00:37:09,815 Hivyo "ya kwanza" ni kwenda kuwa "HELLO." 909 00:37:09,815 --> 00:37:10,940 Na "pili" itakuwa say-- 910 00:37:10,940 --> 00:37:11,110 >> ALLISON BUCHHOLTZ-AU: Goodbye. 911 00:37:11,110 --> 00:37:12,514 >> Watazamaji: - "WORLD." 912 00:37:12,514 --> 00:37:14,122 Hello, kwaheri. 913 00:37:14,122 --> 00:37:16,580 ALLISON BUCHHOLTZ-AU: Niliona yao katika tamasha wiki nyingine. 914 00:37:16,580 --> 00:37:17,705 TOMAS Reimers: Beatles? 915 00:37:17,705 --> 00:37:20,242 ALLISON BUCHHOLTZ-AU: Kwa reals. 916 00:37:20,242 --> 00:37:21,200 Wao ni si kubwa. 917 00:37:21,200 --> 00:37:24,084 918 00:37:24,084 --> 00:37:24,750 Sijui kama hayo. 919 00:37:24,750 --> 00:37:26,060 >> TOMAS Reimers: Tuna "HELLO" na "kwaheri." 920 00:37:26,060 --> 00:37:29,102 Na tena, CSS ni tu ya kutisha, sababu inatambua rangi yetu. 921 00:37:29,102 --> 00:37:30,810 Hawana haja ya hata wasiwasi kwamba wao kuwepo. 922 00:37:30,810 --> 00:37:33,194 Wao kufanya. 923 00:37:33,194 --> 00:37:35,130 >> ALLISON BUCHHOLTZ-AU: Wao kuwepo. 924 00:37:35,130 --> 00:37:39,560 >> TOMAS Reimers: Hivyo CSS Nadhani ina Maneno 255 kwa majadiliano juu ya rangi. 925 00:37:39,560 --> 00:37:42,986 Kama unaweza kufikiria rangi nje wale 255, kama, mimi itakuwa hisia. 926 00:37:42,986 --> 00:37:44,110 ALLISON BUCHHOLTZ-AU: Yeah. 927 00:37:44,110 --> 00:37:45,560 Nadhani wewe guys inaweza kuwa kuja tu katika haki baada. 928 00:37:45,560 --> 00:37:47,727 >> TOMAS Reimers: Hivyo hapa, utaona tuna masanduku mawili 929 00:37:47,727 --> 00:37:49,143 haki juu ya kila mmoja, haki? 930 00:37:49,143 --> 00:37:50,200 HELLO na kwaheri. 931 00:37:50,200 --> 00:37:51,460 >> ALLISON BUCHHOLTZ-AU: Hakuna nafasi katika kati. 932 00:37:51,460 --> 00:37:53,390 Wao ni tu smooshed haki juu ya kila mmoja. 933 00:37:53,390 --> 00:37:55,973 >> TOMAS Reimers: hivyo jambo la kwanza Nadhani tunapaswa kuzungumzia 934 00:37:55,973 --> 00:38:02,960 ni hebu pia say-- yeah. 935 00:38:02,960 --> 00:38:08,020 Hivyo CSS inawakilisha yao kama aina ya masanduku. 936 00:38:08,020 --> 00:38:10,100 Na kama masanduku, wana maudhui. 937 00:38:10,100 --> 00:38:14,540 Na maudhui ya hivi sasa ni aina ya HELLO au kwaheri na hiyo ni yake. 938 00:38:14,540 --> 00:38:15,040 OK? 939 00:38:15,040 --> 00:38:19,790 >> Hivyo moja ya mambo ya kwanza unaweza kufanya ni unaweza kuongeza padding. 940 00:38:19,790 --> 00:38:25,610 Padding anasema nafasi kiasi gani ni lazima kuondoka kwenye kila upande. 941 00:38:25,610 --> 00:38:29,200 Basi hebu kusema nataka kusema 10 saizi ya kila upande. 942 00:38:29,200 --> 00:38:31,234 Nami mchambue kwamba katika pili. 943 00:38:31,234 --> 00:38:33,150 ALLISON BUCHHOLTZ-AU: Mambo yote haya hapa 944 00:38:33,150 --> 00:38:36,980 ni kwenda kuwa wengi wao wakiwa katika saizi ajili ya mapumziko ya semina. 945 00:38:36,980 --> 00:38:40,980 Wewe ni kwenda kuona kwamba ina baadhi ya nafasi karibu yake, haki? 946 00:38:40,980 --> 00:38:46,360 Hivyo kile huna kuona hapa ni kuna aina hii usioonekana wa padding 947 00:38:46,360 --> 00:38:49,600 kila upande, ambayo inasema, kama, OK, una boksi lako la content-- 948 00:38:49,600 --> 00:38:51,680 >> ALLISON BUCHHOLTZ-AU: Je, unataka tu kuvuta up kukagua kipengele? 949 00:38:51,680 --> 00:38:53,659 >> TOMAS Reimers: Yeah, hiyo ni wazo nzuri. 950 00:38:53,659 --> 00:38:56,700 ALLISON BUCHHOLTZ-AU: Pia, mimi kupata kwamba kukagua kipengele ni njia nzuri 951 00:38:56,700 --> 00:39:01,280 kufikiri kama kitu ni kwenda vibaya, kitu yasiyotarajiwa hutokea, 952 00:39:01,280 --> 00:39:04,570 ukaguzi vitambulisho na kuona nini ni kama overwritten ni kusaidia. 953 00:39:04,570 --> 00:39:05,940 >> TOMAS Reimers: Kwa hiyo mimi nina uhakika kama wewe guys unaweza kuona rangi hii. 954 00:39:05,940 --> 00:39:06,470 Unaweza? 955 00:39:06,470 --> 00:39:10,120 Utaona padding hii juu ya aina ya makali. 956 00:39:10,120 --> 00:39:13,410 Na kisha unaweza kuona halisi yaliyomo katika bluu, haki? 957 00:39:13,410 --> 00:39:16,820 Hivyo hiyo ni sana misingi ya mfano sanduku. 958 00:39:16,820 --> 00:39:17,674 Una maudhui. 959 00:39:17,674 --> 00:39:18,590 Kisha una padding. 960 00:39:18,590 --> 00:39:20,440 >> Watazamaji: Kwa nini si wewe tu kutumia sanduku ndani ya the-- 961 00:39:20,440 --> 00:39:21,606 >> ALLISON BUCHHOLTZ-AU: Haki. 962 00:39:21,606 --> 00:39:24,745 Kwa sababu ni kuchagua tu kipengele hivi sasa. 963 00:39:24,745 --> 00:39:26,050 >> TOMAS Reimers: Yup. 964 00:39:26,050 --> 00:39:27,060 Mambo mengine. 965 00:39:27,060 --> 00:39:29,780 Basi hebu majadiliano juu ya kwamba padding amri kwa ajili ya pili. 966 00:39:29,780 --> 00:39:36,380 Hivyo katika CSS, vipimo haja ya kuwa na kitengo. 967 00:39:36,380 --> 00:39:39,740 Hivyo kwanza una kiasi. 968 00:39:39,740 --> 00:39:41,460 Hivyo katika kesi hii, tumekuwa alisema 10. 969 00:39:41,460 --> 00:39:44,780 Na kisha moja ijayo tumekuwa alisema ni saizi, px. 970 00:39:44,780 --> 00:39:49,160 Wale wengine unaweza kuwa ni mambo kama sentimita, inches. 971 00:39:49,160 --> 00:39:51,367 Unaweza kufanya mambo kama, nini ni inchi 10? 972 00:39:51,367 --> 00:39:52,700 Na itakuja kuwa ridiculous. 973 00:39:52,700 --> 00:39:52,990 >> ALLISON BUCHHOLTZ-AU: Oh, mvulana. 974 00:39:52,990 --> 00:39:53,460 >> Watazamaji: Whoa. 975 00:39:53,460 --> 00:39:54,460 >> TOMAS NA ALLISON: Yeah. 976 00:39:54,460 --> 00:39:57,840 TOMAS Reimers: Basi hiyo ni yote padding. 977 00:39:57,840 --> 00:39:59,255 Mimi nina kwenda nyuma saizi. 978 00:39:59,255 --> 00:40:01,754 >> ALLISON BUCHHOLTZ-AU: saizi huwa na kuwa, kama, standard. 979 00:40:01,754 --> 00:40:04,589 Wakati ukiangalia mengi ya Nje, wengi wao kazi katika saizi. 980 00:40:04,589 --> 00:40:07,755 TOMAS Reimers: Hivyo wewe ni kwenda kuona ama pixels-- wale wengine unaweza kuona 981 00:40:07,755 --> 00:40:13,952 ni em, ambayo ni em moja ni sawa na urefu wa font 982 00:40:13,952 --> 00:40:15,160 ambayo wewe ni sasa kutumia. 983 00:40:15,160 --> 00:40:16,201 >> ALLISON BUCHHOLTZ-AU: Mm. 984 00:40:16,201 --> 00:40:17,574 985 00:40:17,574 --> 00:40:20,740 TOMAS Reimers: Ni njia nzuri ya kusema, kama, nataka nafasi kama vile font yangu 986 00:40:20,740 --> 00:40:21,514 ni kuchukua. 987 00:40:21,514 --> 00:40:23,180 ALLISON BUCHHOLTZ-AU: Je, hamjui kwamba. 988 00:40:23,180 --> 00:40:25,747 Unaweza kujifunza kitu kipya kila siku. 989 00:40:25,747 --> 00:40:27,955 TOMAS Reimers: Kuna mengi ya vipimo katika CS. 990 00:40:27,955 --> 00:40:29,260 Mimi zinaonyesha wewe kuangalia yao juu. 991 00:40:29,260 --> 00:40:32,122 Kwa kesi yako yote, nadhani saizi lazima kutosha. 992 00:40:32,122 --> 00:40:33,830 Na wao uko pia kile wewe ni kwenda kuona 993 00:40:33,830 --> 00:40:36,520 katika wengi wa mifano kufanyika online. 994 00:40:36,520 --> 00:40:38,320 Hivyo tutaweza kuondoka ni saa saizi. 995 00:40:38,320 --> 00:40:42,420 >> Unaweza pia, mimi lazima say-- hivyo seti padding yote ya paddings. 996 00:40:42,420 --> 00:40:49,789 Unaweza pia kufanya kitu kama "Padding-top" tu set-- 997 00:40:49,789 --> 00:40:52,080 ALLISON BUCHHOLTZ-AU: Labda tutaweza kupata yetu "HELLO" nyuma. 998 00:40:52,080 --> 00:40:55,480 TOMAS Reimers: --to kuweka tu padding juu na kitu kingine. 999 00:40:55,480 --> 00:40:59,560 Hivyo amri ya nne ni padding-juu, padding-chini, padding-kushoto, 1000 00:40:59,560 --> 00:41:00,310 na padding-kulia. 1001 00:41:00,310 --> 00:41:02,470 >> ALLISON BUCHHOLTZ-AU: Tu kama ungependa kutarajia kwa ajili ya sanduku. 1002 00:41:02,470 --> 00:41:03,530 >> TOMAS Reimers: Yeah. 1003 00:41:03,530 --> 00:41:05,240 Hakuna pia mambo huko. 1004 00:41:05,240 --> 00:41:08,230 Je, hiyo mantiki? 1005 00:41:08,230 --> 00:41:11,990 Hivyo kwamba ni padding. 1006 00:41:11,990 --> 00:41:14,110 Mimi nina kwenda kuweka wote paddings nyuma 10. 1007 00:41:14,110 --> 00:41:17,010 Na kisha mimi nina kwenda na hoja juu ya mpaka. 1008 00:41:17,010 --> 00:41:21,130 >> Hivyo kile mpaka ni ni mpaka ni amri weird. 1009 00:41:21,130 --> 00:41:24,450 Inachukua aina ya mambo matatu kwa wakati mmoja. 1010 00:41:24,450 --> 00:41:28,930 Hivyo kwanza ni jinsi kubwa unataka kuwa kama kipimo. 1011 00:41:28,930 --> 00:41:30,662 Tena, mimi nina tu kwa kutumia saizi. 1012 00:41:30,662 --> 00:41:32,620 Na jambo la mwisho mimi unapaswa kuongeza vipimo 1013 00:41:32,620 --> 00:41:35,270 ni jambo moja ambayo haina haja ya kitengo ni 0. 1014 00:41:35,270 --> 00:41:37,390 Ni kweli sahihi kutoa 0 kitengo, 1015 00:41:37,390 --> 00:41:41,940 kwa sababu 0 ni 0 hela inches, saizi, sentimita, chochote. 1016 00:41:41,940 --> 00:41:43,960 Yote tu ina maana 0, haki? 1017 00:41:43,960 --> 00:41:46,710 Hivyo kwanza wewe kuwapa kipimo. 1018 00:41:46,710 --> 00:41:48,650 >> Kisha wewe kuwapa style. 1019 00:41:48,650 --> 00:41:49,869 Hivyo nina kwenda kusema "imara." 1020 00:41:49,869 --> 00:41:51,410 Na tutaweza majadiliano juu ya nini maana. 1021 00:41:51,410 --> 00:41:54,290 Na kisha mwisho, wewe kuwapa rangi. 1022 00:41:54,290 --> 00:41:56,850 Hivyo nina kwenda kusema "nyeusi." 1023 00:41:56,850 --> 00:41:59,637 Na haya ni mambo yote sisi wameweza sasa kuona mbele, ila kwa ajili ya style, 1024 00:41:59,637 --> 00:42:00,720 lakini tutaweza kuzungumzia suala hilo. 1025 00:42:00,720 --> 00:42:04,120 Hivyo guys tumeona vipimo, na ve kuonekana rangi. 1026 00:42:04,120 --> 00:42:10,410 Na kile kinachotokea ni sisi kupata hii nzuri nyeusi mpaka karibu yake, haki? 1027 00:42:10,410 --> 00:42:11,620 You guys kuona jinsi sisi alifanya hivyo? 1028 00:42:11,620 --> 00:42:12,760 >> Watazamaji: Yeah. 1029 00:42:12,760 --> 00:42:14,850 >> TOMAS Reimers: Cool. 1030 00:42:14,850 --> 00:42:17,370 Kwa hiyo kile ni kwamba? 1031 00:42:17,370 --> 00:42:19,160 Hivyo kwanza ya yote, ni pixel moja. 1032 00:42:19,160 --> 00:42:20,880 Hiyo ni binafsi dhahiri kutosha, sawa? 1033 00:42:20,880 --> 00:42:23,254 Kama, ni pixel moja nene. 1034 00:42:23,254 --> 00:42:26,170 Au itakuwa ni pixel moja, lakini nina zoomed katika, hivyo ni kidogo zaidi 1035 00:42:26,170 --> 00:42:26,490 zaidi ya hiyo. 1036 00:42:26,490 --> 00:42:27,967 >> ALLISON BUCHHOLTZ-AU: Na tuna hii ridiculous azimio TV. 1037 00:42:27,967 --> 00:42:29,460 >> TOMAS Reimers: Yeah. 1038 00:42:29,460 --> 00:42:33,640 Unaweza kufanya hivyo kubwa, ndogo, chochote. 1039 00:42:33,640 --> 00:42:35,630 Hivyo hapa ni mpaka mbili pixel. 1040 00:42:35,630 --> 00:42:38,810 Utaona ni mara mbili kama nene. 1041 00:42:38,810 --> 00:42:40,172 Jambo la pili una ni rangi. 1042 00:42:40,172 --> 00:42:41,130 Hiyo si ya kuvutia. 1043 00:42:41,130 --> 00:42:42,710 Mimi si kwenda kuzungumza juu ya kwamba, kwa kweli. 1044 00:42:42,710 --> 00:42:45,110 >> ALLISON BUCHHOLTZ-AU: Lakini style inaweza kuwa tu kidogo ya kuvutia. 1045 00:42:45,110 --> 00:42:45,980 >> TOMAS Reimers: Yeah. 1046 00:42:45,980 --> 00:42:48,560 Hivyo style, kuna wachache ndio kwamba mimi kuona kutumika kawaida. 1047 00:42:48,560 --> 00:42:55,690 Kwanza moja ya imara, moja ijayo ya dotted, na dashed moja jana. 1048 00:42:55,690 --> 00:42:59,290 Na hapa ni dotted. 1049 00:42:59,290 --> 00:43:02,980 Utaona kwamba wao ni rundo la dots, haki? 1050 00:43:02,980 --> 00:43:09,030 njia nzuri ya aina ya kupata mpaka nzuri kwenda, pia dashes ni pretty maarufu. 1051 00:43:09,030 --> 00:43:11,580 1052 00:43:11,580 --> 00:43:13,600 >> ALLISON BUCHHOLTZ-AU: Na kisha bila shaka, mimi nina 1053 00:43:13,600 --> 00:43:16,660 uhakika kuna mengi mengine mitindo kwamba unaweza kupata. 1054 00:43:16,660 --> 00:43:20,000 Na tuna kuweka kubwa ya viungo mwishoni kwa guys 1055 00:43:20,000 --> 00:43:23,470 aina ya peruse na kuangalia zaidi baridi CSS. 1056 00:43:23,470 --> 00:43:25,954 >> TOMAS Reimers: Na kisha Jambo la mwisho, tuko 1057 00:43:25,954 --> 00:43:27,870 kwenda kuzungumza kuhusu mifano sanduku halisi haraka. 1058 00:43:27,870 --> 00:43:30,070 Oh, na kisha mpaka, hasa kama padding, 1059 00:43:30,070 --> 00:43:33,270 pia una mambo kama mpaka-kushoto, mpaka-kulia, mpaka-juu, 1060 00:43:33,270 --> 00:43:37,590 mpaka-chini, ambayo kuruhusu kupata mpakani maalum. 1061 00:43:37,590 --> 00:43:40,650 Hivyo hapa ni tu mpaka kushoto-defined. 1062 00:43:40,650 --> 00:43:43,060 Je, hiyo mantiki? 1063 00:43:43,060 --> 00:43:46,170 >> ALLISON BUCHHOLTZ-AU: Ni baridi njia kusisitiza mambo au kuongeza 1064 00:43:46,170 --> 00:43:47,545 mistari kati ya mambo mbalimbali. 1065 00:43:47,545 --> 00:43:48,670 TOMAS Reimers: Kabisa. 1066 00:43:48,670 --> 00:43:50,940 Hivyo hiyo ni mipaka yetu. 1067 00:43:50,940 --> 00:43:52,790 Na kiasi moja jana. 1068 00:43:52,790 --> 00:43:55,892 Margin ya kama padding ila ni si within-- 1069 00:43:55,892 --> 00:43:57,975 ALLISON BUCHHOLTZ-AU: Ni si kuzunguka kipengele yako 1070 00:43:57,975 --> 00:44:00,840 lakini kwa kweli karibu nzima sanduku kwamba tumekuwa tukiona. 1071 00:44:00,840 --> 00:44:02,770 >> TOMAS Reimers: Yeah. 1072 00:44:02,770 --> 00:44:04,090 Allison alisema kikamilifu. 1073 00:44:04,090 --> 00:44:07,550 Ni si, kama, ndani ya yako kipengele, ni karibu sanduku nzima. 1074 00:44:07,550 --> 00:44:10,900 Hiyo ina maana mambo kama background hayahusu yake. 1075 00:44:10,900 --> 00:44:13,550 Na kimsingi anasema, kama, sitaki chochote 1076 00:44:13,550 --> 00:44:15,230 katika nafasi hii sana kwangu. 1077 00:44:15,230 --> 00:44:17,470 Hivyo kama hapa tuna margin ya 10 saizi. 1078 00:44:17,470 --> 00:44:23,100 Hivyo hakuna ndani ya 10 saizi lazima karibu na mimi. 1079 00:44:23,100 --> 00:44:26,210 Hiyo ni aina ya yake nafasi lakini aina ya si. 1080 00:44:26,210 --> 00:44:29,215 Hivyo hiyo ni sana misingi ya mfano sanduku. 1081 00:44:29,215 --> 00:44:30,090 Je, hiyo mantiki? 1082 00:44:30,090 --> 00:44:33,830 1083 00:44:33,830 --> 00:44:34,550 Cool, baridi. 1084 00:44:34,550 --> 00:44:35,800 ALLISON BUCHHOLTZ-AU: Awesome. 1085 00:44:35,800 --> 00:44:37,890 Hivyo sasa nadhani sisi tu kuwa rasilimali zetu baridi 1086 00:44:37,890 --> 00:44:41,220 kwamba tutaweza kuchukua wewe guys njia ya haraka sana. 1087 00:44:41,220 --> 00:44:44,815 Na tutaweza actually-- vizuri, Je, tuna biashara bado? 1088 00:44:44,815 --> 00:44:47,860 >> TOMAS Reimers: Hebu kuona kama naweza kufungua up-- 1089 00:44:47,860 --> 00:44:50,040 napenda tu kuona kama mimi unaweza kupata internet haraka 1090 00:44:50,040 --> 00:44:53,317 wakati Allison mazungumzo juu ya kitu chochote Allison anayetaka kuzungumzia. 1091 00:44:53,317 --> 00:44:55,150 ALLISON BUCHHOLTZ-AU: Hivyo basically-- mimi si 1092 00:44:55,150 --> 00:44:57,930 kujua nini kingine naweza kusema katika hatua hii. 1093 00:44:57,930 --> 00:45:01,340 Lakini hizi ni baadhi rasilimali nzuri kwa kweli. 1094 00:45:01,340 --> 00:45:04,629 Hawa ndio kwamba Tomas na mimi kutumika 1095 00:45:04,629 --> 00:45:06,420 na kwamba sisi kweli kutumika prep kwa hili. 1096 00:45:06,420 --> 00:45:09,940 W3Schools ni moja kwamba guys lazima tumeona kabla. 1097 00:45:09,940 --> 00:45:12,440 Sisi kupendekeza kwa mambo mengi kwa CSS. 1098 00:45:12,440 --> 00:45:15,060 Mimi najua kupendekeza kwa sehemu yangu wakati wote. 1099 00:45:15,060 --> 00:45:21,050 >> Moja ya mambo makubwa ni kwamba utapata aina ya fujo na CSS 1100 00:45:21,050 --> 00:45:23,830 na kuona mabadiliko mara moja katika hili, 1101 00:45:23,830 --> 00:45:25,920 kama, mbili-dirisha mtazamo kwamba ina. 1102 00:45:25,920 --> 00:45:29,980 Hivyo huna kuwa na wasiwasi kuhusu kuanzisha mwenyewe mtandao ukurasa wako, 1103 00:45:29,980 --> 00:45:33,090 au kuanzisha vhost katika yako appliance ndani na jeshi mitaa, 1104 00:45:33,090 --> 00:45:34,980 na kupata yote ya kazi mambo ya ajabu. 1105 00:45:34,980 --> 00:45:36,830 Ni iliyoingia haki ndani ya ukurasa. 1106 00:45:36,830 --> 00:45:39,042 >> Na ina haya kidogo masomo ambayo unaweza 1107 00:45:39,042 --> 00:45:40,750 kwenda kwa njia ya kujifunza zaidi kuhusu selectors, 1108 00:45:40,750 --> 00:45:44,610 au kujifunza kuhusu kufanyia yako font, au background, au picha. 1109 00:45:44,610 --> 00:45:46,990 Na una hizi matokeo instantaneous kwamba 1110 00:45:46,990 --> 00:45:49,310 hawana kufanya lolote nyingine prep kazi kwa. 1111 00:45:49,310 --> 00:45:51,060 Hivyo mimi upendo W3Schools. 1112 00:45:51,060 --> 00:45:51,960 Ni Fabulous. 1113 00:45:51,960 --> 00:45:52,670 Je, ni kazi? 1114 00:45:52,670 --> 00:45:52,950 >> TOMAS Reimers: Yeah. 1115 00:45:52,950 --> 00:45:53,720 Hakuna, si. 1116 00:45:53,720 --> 00:45:55,636 Je, unataka mimi kujaribu na kuanzisha upya kompyuta yangu? 1117 00:45:55,636 --> 00:45:56,410 Au tunataka to-- 1118 00:45:56,410 --> 00:46:01,490 >> ALLISON BUCHHOLTZ-AU: I mean, vizuri, hii pia kuwa online. 1119 00:46:01,490 --> 00:46:02,740 Slides wote watakuwa online. 1120 00:46:02,740 --> 00:46:05,470 Hivyo mimi tu sana kupendekeza kufanya haya. 1121 00:46:05,470 --> 00:46:07,880 >> Hii ni kubwa kama tu kama shuka kudanganya. 1122 00:46:07,880 --> 00:46:10,690 Ni tu yote ya msingi amri kwamba una. 1123 00:46:10,690 --> 00:46:13,070 Ni kubwa wakati uko kwanza kuanzia nje ya tovuti yako. 1124 00:46:13,070 --> 00:46:15,080 Kwa sababu labda huna wanataka kupata katika kila 1125 00:46:15,080 --> 00:46:17,355 nitty gritty halisi kubuni-nzito mambo ya ajabu. 1126 00:46:17,355 --> 00:46:20,230 Wewe tu haja ya muundo ni katika njia aina hiyo ya mantiki na mapenzi 1127 00:46:20,230 --> 00:46:21,490 kufanya kwa wakati huu. 1128 00:46:21,490 --> 00:46:23,580 Na kama kweli unataka kupata ndani yake, najua 1129 00:46:23,580 --> 00:46:27,240 hii ni, kama, moja ya Tomas ya favorite rejea. 1130 00:46:27,240 --> 00:46:30,130 Tulikuwa kutumia kwa prep, na ni Fabulous. 1131 00:46:30,130 --> 00:46:33,030 Ni Developer kutoka Mozilla. 1132 00:46:33,030 --> 00:46:36,490 >> TOMAS Reimers: Hivyo Mozilla ni watu ambao kufanya Firefox. 1133 00:46:36,490 --> 00:46:40,290 Na ni tu developer yao wenyewe kumbukumbu, ambayo nadhani ni wa kushangaza. 1134 00:46:40,290 --> 00:46:44,870 Na ina ajabu orodha ya rasilimali. 1135 00:46:44,870 --> 00:46:45,530 Hivyo sisi have-- 1136 00:46:45,530 --> 00:46:48,060 >> ALLISON BUCHHOLTZ-AU: Na kisha mwisho kumbuka ni 1137 00:46:48,060 --> 00:46:50,120 wakati wewe ni kujaribu kubuni tovuti yako, 1138 00:46:50,120 --> 00:46:53,550 kuteka msukumo kutoka mambo ambazo unadhani kuwa ni pretty. 1139 00:46:53,550 --> 00:46:56,340 Ukaguzi wa kipengele, ukaguzi code chanzo 1140 00:46:56,340 --> 00:46:59,370 inaweza kuwa super manufaa kwa kujaribu kufikiri 1141 00:46:59,370 --> 00:47:02,080 jinsi ya style tovuti yako mwenyewe. 1142 00:47:02,080 --> 00:47:04,540 >> Mara nyingi, mimi kuhisi kama bora njia, badala ya majaribio, 1143 00:47:04,540 --> 00:47:06,290 ni tu kuangalia mambo ambayo ni pretty. 1144 00:47:06,290 --> 00:47:09,810 Mimi kupata ni ngumu kweli kweli tu aina ya kubuni mambo juu yako mwenyewe, 1145 00:47:09,810 --> 00:47:11,090 hasa katika mwanzo. 1146 00:47:11,090 --> 00:47:14,740 Hivyo tafadhali kuangalia tovuti kwamba wewe kufurahia kuangalia. 1147 00:47:14,740 --> 00:47:16,880 Kufikiri nini hufanya yao rufaa na wewe. 1148 00:47:16,880 --> 00:47:19,170 Na kisha kujisikia huru kujaribu na kuiga hiyo. 1149 00:47:19,170 --> 00:47:20,410 >> TOMAS Reimers: Haki. 1150 00:47:20,410 --> 00:47:23,120 Hata kama tovuti kama hii, unaweza kuona 1151 00:47:23,120 --> 00:47:25,460 kuna dhahiri div saa ya juu. 1152 00:47:25,460 --> 00:47:29,920 Na kisha una div nyingine ndani hapa, ambayo ni CSS Awesomeness. 1153 00:47:29,920 --> 00:47:32,480 Na kisha una rundo la viungo hapa. 1154 00:47:32,480 --> 00:47:34,770 Kama kweli tu kukagua vipengele, unaweza aina ya 1155 00:47:34,770 --> 00:47:38,520 kuanza kuona nini tovuti kuangalia kama, na jinsi gani mimi 1156 00:47:38,520 --> 00:47:40,493 recreate kwamba kama mimi alitaka. 1157 00:47:40,493 --> 00:47:41,890 Je, hiyo mantiki? 1158 00:47:41,890 --> 00:47:43,670 Hivyo sisi tu dakika tatu kushoto. 1159 00:47:43,670 --> 00:47:46,380 Kwa hiyo, maswali? 1160 00:47:46,380 --> 00:47:47,650 Yeyote kati yao? 1161 00:47:47,650 --> 00:47:48,350 Ndiyo. 1162 00:47:48,350 --> 00:47:50,780 >> Watazamaji: Kwa rangi mstatili, jinsi ingekuwa wewe 1163 00:47:50,780 --> 00:47:53,499 have-- kama wewe hakutaka kwenda kote ukurasa mzima, inaweza 1164 00:47:53,499 --> 00:47:56,400 umeweka ni kwenda katika tu ukurasa nusu au tu maandishi? 1165 00:47:56,400 --> 00:47:59,660 >> TOMAS Reimers: Yeah, kabisa. 1166 00:47:59,660 --> 00:48:02,780 Hivyo basi mimi kuona kwa kweli. 1167 00:48:02,780 --> 00:48:04,670 Nina mawazo mawili. 1168 00:48:04,670 --> 00:48:07,265 Hivyo kwanza ya yote, wewe Unaweza pia kutumia percents. 1169 00:48:07,265 --> 00:48:08,140 >> Watazamaji: Kweli? 1170 00:48:08,140 --> 00:48:11,260 >> ALLISON BUCHHOLTZ-AU: Hivyo kitu kuangalia juu ni jamaa positioning. 1171 00:48:11,260 --> 00:48:13,385 Ni kitu ambacho sisi hawana muda kupata katika, 1172 00:48:13,385 --> 00:48:16,392 lakini ni kitu mimi dhahiri kupendekeza guys kuangalia nje. 1173 00:48:16,392 --> 00:48:17,580 >> TOMAS Reimers: percents vivyo hivyo. 1174 00:48:17,580 --> 00:48:21,524 Na kuona jinsi sisi alifanya hivyo 50% tu ya upana? 1175 00:48:21,524 --> 00:48:24,190 ALLISON BUCHHOLTZ-AU: Kama kweli kujua idadi ya saizi, 1176 00:48:24,190 --> 00:48:25,780 unaweza kuwa sahihi zaidi kwa njia hiyo. 1177 00:48:25,780 --> 00:48:27,200 Unaweza Fiddle karibu na hiyo. 1178 00:48:27,200 --> 00:48:27,700 Lakini 50%. 1179 00:48:27,700 --> 00:48:31,970 Kama tulikuwa na resize browser wetu, ingekuwa kufanya hivyo vidogo vidogo. 1180 00:48:31,970 --> 00:48:35,250 >> TOMAS Reimers: Naam, ni kimsingi 50% hivi sasa, nadhani. 1181 00:48:35,250 --> 00:48:38,820 Ni 50%, na kisha margin imeongezwa hiyo. 1182 00:48:38,820 --> 00:48:40,100 CSS ina mengi ya quirks. 1183 00:48:40,100 --> 00:48:43,195 Hivyo sasa hivi hii ni 50% ya ukurasa upana. 1184 00:48:43,195 --> 00:48:46,860 Lakini kumbuka kwamba una 10 saizi kuchukuliwa mbali kutoka kila upande. 1185 00:48:46,860 --> 00:48:49,700 Hivyo kama wewe walikuwa na hoja kwamba dhidi ya makali ya kushoto ya browser, 1186 00:48:49,700 --> 00:48:51,550 basi bila kuangalia kama 50%. 1187 00:48:51,550 --> 00:48:53,884 Tena, kama nilivyosema, CSS unaweza kuwa mengi ya nadhani-na-kuangalia. 1188 00:48:53,884 --> 00:48:56,049 Kama, unafikiri kitu ni kwenda kuishi kwa njia moja, 1189 00:48:56,049 --> 00:48:57,805 lakini kutenda kwa njia tofauti kabisa. 1190 00:48:57,805 --> 00:48:59,420 >> ALLISON BUCHHOLTZ-AU: Na wewe tu kupata nadhifu, 1191 00:48:59,420 --> 00:49:02,020 na wewe tu kupata bora Intuition kwa ajili yake kama wewe hoja pamoja. 1192 00:49:02,020 --> 00:49:02,730 >> TOMAS Reimers: Na anapata zaidi na zaidi. 1193 00:49:02,730 --> 00:49:03,496 Hivyo ni kweli tu mbio. 1194 00:49:03,496 --> 00:49:05,454 >> ALLISON BUCHHOLTZ-AU: Hiyo ni super kutia moyo. 1195 00:49:05,454 --> 00:49:07,070 Tunataka kama CSS. 1196 00:49:07,070 --> 00:49:08,810 >> TOMAS Reimers: CSS ni wa kushangaza. 1197 00:49:08,810 --> 00:49:10,354 Kumbuka kwamba. 1198 00:49:10,354 --> 00:49:11,020 Maswali mengine? 1199 00:49:11,020 --> 00:49:14,297 >> ALLISON BUCHHOLTZ-AU: jambo moja. 1200 00:49:14,297 --> 00:49:14,880 Kitu kingine? 1201 00:49:14,880 --> 00:49:15,140 Baridi. 1202 00:49:15,140 --> 00:49:15,690 >> TOMAS Reimers: Awesome. 1203 00:49:15,690 --> 00:49:18,523 >> ALLISON BUCHHOLTZ-AU: Naam, kama wewe guys una maswali yoyote baadaye, 1204 00:49:18,523 --> 00:49:20,919 sisi ni daima inapatikana kama per kawaida. 1205 00:49:20,919 --> 00:49:22,960 Pengine utasikia kuona baadhi wetu kwa ajili ya miradi ya mwisho 1206 00:49:22,960 --> 00:49:24,280 na dhahiri katika hackathon. 1207 00:49:24,280 --> 00:49:25,200 >> TOMAS Reimers: Kabisa. 1208 00:49:25,200 --> 00:49:25,720 Na katika haki. 1209 00:49:25,720 --> 00:49:26,560 >> ALLISON BUCHHOLTZ-AU: Na katika haki. 1210 00:49:26,560 --> 00:49:26,840 Oh. 1211 00:49:26,840 --> 00:49:28,130 >> TOMAS Reimers: Kuangalia mbele kwa kuona yote ya awesome-- yako 1212 00:49:28,130 --> 00:49:29,420 >> ALLISON BUCHHOLTZ-AU: Tutaona yote ya tovuti yako kutisha 1213 00:49:29,420 --> 00:49:30,572 kwamba itakuwa nzuri. 1214 00:49:30,572 --> 00:49:32,780 TOMAS Reimers: Unaweza daima kuona, kama, tovuti 1215 00:49:32,780 --> 00:49:36,234 ambaye alikuwa, kama, nzuri CSS na kisha kama wale ambao hawakuwa kujaribu kufanya CSS. 1216 00:49:36,234 --> 00:49:39,150 ALLISON BUCHHOLTZ-AU: Pia, mwingine kitu, jambo moja zaidi kwa kuangalia katika 1217 00:49:39,150 --> 00:49:40,445 ni Uchangishaji. 1218 00:49:40,445 --> 00:49:41,805 Hivyo Bootstrap ni kubwa. 1219 00:49:41,805 --> 00:49:42,240 >> TOMAS Reimers: Google kwamba kama you-- 1220 00:49:42,240 --> 00:49:43,573 >> ALLISON BUCHHOLTZ-AU: Google yake. 1221 00:49:43,573 --> 00:49:44,340 Ni Fabulous. 1222 00:49:44,340 --> 00:49:45,620 Wewe utakuwa kupenda. 1223 00:49:45,620 --> 00:49:48,000 Na sasa kwamba una uelewa wa msingi wa CSS, 1224 00:49:48,000 --> 00:49:50,340 utakuwa mantiki mengi zaidi. 1225 00:49:50,340 --> 00:49:50,890 Kutisha. 1226 00:49:50,890 --> 00:49:51,480 Shukrani, guys. 1227 00:49:51,480 --> 00:49:53,330 >> TOMAS Reimers: Asante sana. 1228 00:49:53,330 --> 00:49:54,219