1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:04,500 >> [Muziciranja] 3 00:00:04,500 --> 00:00:10,099 4 00:00:10,099 --> 00:00:12,224 ALLISON BUCHHOLTZ-AU: Pa mi smo zapravo samo ide 5 00:00:12,224 --> 00:00:14,629 da vam oronuloj CSS, jer znamo 6 00:00:14,629 --> 00:00:16,420 da nije bio pokriven u svim sekcijama. 7 00:00:16,420 --> 00:00:20,090 I doista želimo biti sigurni da ste dečki su ovaj alat na raspolaganju, 8 00:00:20,090 --> 00:00:24,790 jer ima sposobnost da Vaše web stranice izgledaju puno ljepše. 9 00:00:24,790 --> 00:00:28,660 >> A ako ste izgradnju web stranice, a zatim vjerojatno želite da bude lijepa. 10 00:00:28,660 --> 00:00:31,372 Mislim, ne morate to, ali ja bih ga predlažemo. [Smijeh] 11 00:00:31,372 --> 00:00:35,430 Ako želite da korisnici ga koristiti, možda ćete želim da malo [nečujan] napraviti. 12 00:00:35,430 --> 00:00:39,130 Tako ćemo pokušati dati samo neke osnovne alate i razumijevanje, 13 00:00:39,130 --> 00:00:42,340 tako da kad idete van, a vi ste istraživanje stvari o CSS, 14 00:00:42,340 --> 00:00:45,902 to nije kompletan gluposti, kao što su CSS ponekad biti. 15 00:00:45,902 --> 00:00:47,240 >> TOMAS REIMERS: Da. 16 00:00:47,240 --> 00:00:49,930 Allison je rekao prilično dobro. 17 00:00:49,930 --> 00:00:53,250 Zato mislim da je prva stvar koju trebao početi s ono što je CSS? 18 00:00:53,250 --> 00:00:55,750 Dakle, CSS je strašan. 19 00:00:55,750 --> 00:00:56,250 CSS-- 20 00:00:56,250 --> 00:00:58,320 >> ALLISON BUCHHOLTZ-AU: To je Ime našeg seminara. 21 00:00:58,320 --> 00:00:58,434 >> TOMAS REIMERS: Da. 22 00:00:58,434 --> 00:01:00,130 To je jako važno da se shvatite da je do tada. 23 00:01:00,130 --> 00:01:03,090 Ako ste samo oduzima jedan stvar, to je da su CSS, ako strašan. 24 00:01:03,090 --> 00:01:06,180 Dva je CSS je kratica za Cascading Style Sheets. 25 00:01:06,180 --> 00:01:10,380 Dakle, u svojoj srži, CSS je style sheet, što znači 26 00:01:10,380 --> 00:01:13,200 to vam omogućuje da se stil web stranice. 27 00:01:13,200 --> 00:01:16,609 I što onda to znači, da je način za dodavanje stila na vaše web stranice. 28 00:01:16,609 --> 00:01:18,900 Dakle po stilu, što znači sve da ne structural-- 29 00:01:18,900 --> 00:01:24,350 tako stvari kao što su boja, pozadina slike, granice, kao što je, padding, 30 00:01:24,350 --> 00:01:25,040 marže. 31 00:01:25,040 --> 00:01:27,310 Mi ćemo razgovarati o tome što Sve to znači da je u malo. 32 00:01:27,310 --> 00:01:30,110 >> Dakle, upravo smo otišli naprijed i otvori i onih u gedit. 33 00:01:30,110 --> 00:01:32,680 Dakle, to je index.html. 34 00:01:32,680 --> 00:01:34,800 I to je main.css. 35 00:01:34,800 --> 00:01:36,829 Dakle main.css nema ništa. 36 00:01:36,829 --> 00:01:38,412 ALLISON BUCHHOLTZ-AU: Ne stil dosad. 37 00:01:38,412 --> 00:01:39,245 TOMAS REIMERS: Nema. 38 00:01:39,245 --> 00:01:42,577 I kao što ćete vidjeti, to je stvarno ružno mjesto. 39 00:01:42,577 --> 00:01:44,160 ALLISON BUCHHOLTZ-AU: To je jednostavno. 40 00:01:44,160 --> 00:01:45,820 TOMAS REIMERS: Da. 41 00:01:45,820 --> 00:01:49,150 Da, to nije ružna, to je samo minimalistički. 42 00:01:49,150 --> 00:01:53,430 I onda ovdje imamo index.html. 43 00:01:53,430 --> 00:01:55,729 I tako za brzo rekapitulacija HTML, Allison, 44 00:01:55,729 --> 00:01:57,270 Želite li samo razgovarati o stranici? 45 00:01:57,270 --> 00:01:58,395 >> ALLISON BUCHHOLTZ-AU: Da. 46 00:01:58,395 --> 00:02:01,100 Dakle, očito, imamo HTML tag, koji je upravo imena HTML datoteke. 47 00:02:01,100 --> 00:02:07,080 Mi imamo zaglavlje ovdje, s CSS Fantastičnosti, which-- ako se vrati. 48 00:02:07,080 --> 00:02:07,720 Gdje je to? 49 00:02:07,720 --> 00:02:09,136 >> TOMAS REIMERS: Oh. 50 00:02:09,136 --> 00:02:10,301 Da, možete vidjeti. 51 00:02:10,301 --> 00:02:12,092 ALLISON BUCHHOLTZ-AU: I obavijest zaglavlje 52 00:02:12,092 --> 00:02:14,120 ovo tab header pravu ovdje. 53 00:02:14,120 --> 00:02:17,130 A onda "Zdravo, svijet!" je Tekst koji smo upravo 54 00:02:17,130 --> 00:02:19,620 prikazivanje na webu stranica, koji is-- vratiti. 55 00:02:19,620 --> 00:02:21,290 Natrag. 56 00:02:21,290 --> 00:02:24,287 Koji je samo u našem tijelu here-- običan tekst. 57 00:02:24,287 --> 00:02:26,120 Također, jedna stvar primijetiti, ako pogledate ovdje, 58 00:02:26,120 --> 00:02:29,410 Tomas prebacio do njih dva iz naše slajd. 59 00:02:29,410 --> 00:02:32,035 Dakle, dokle god imate sve tri od njih, vi ste u redu. 60 00:02:32,035 --> 00:02:34,044 Oni mogu biti bez obzira kako oni žele. 61 00:02:34,044 --> 00:02:39,368 Ono što je najvažnije je upravo to Imate li svaki od tih tri stvari. 62 00:02:39,368 --> 00:02:40,340 >> TOMAS REIMERS: Cool. 63 00:02:40,340 --> 00:02:41,111 Dodaj doc tip? 64 00:02:41,111 --> 00:02:42,235 ALLISON BUCHHOLTZ-AU: Da. 65 00:02:42,235 --> 00:02:43,068 TOMAS REIMERS: Da. 66 00:02:43,068 --> 00:02:43,769 Cool. 67 00:02:43,769 --> 00:02:46,102 ALLISON BUCHHOLTZ-AU: Očito, Moje MIC ne vole me. 68 00:02:46,102 --> 00:02:49,650 TOMAS REIMERS: Oh, dajte nam samo sek dok je Allison prebacuje joj mikrofon. 69 00:02:49,650 --> 00:02:50,500 Pa da. 70 00:02:50,500 --> 00:02:52,030 Dakle, mi imamo glavnu stranicu. 71 00:02:52,030 --> 00:02:53,890 To je vrsta unstyled. 72 00:02:53,890 --> 00:02:54,780 Nemamo puno. 73 00:02:54,780 --> 00:02:57,110 Mi jednostavno imamo u osnovi tekst. 74 00:02:57,110 --> 00:02:59,470 Imamo stilu list. 75 00:02:59,470 --> 00:03:00,220 Imamo naslov. 76 00:03:00,220 --> 00:03:04,020 Dakle, samo goli kostiju Komponente napraviti web stranicu. 77 00:03:04,020 --> 00:03:08,880 >> Dakle od tamo, neka je razgovarati o tome što je CSS 78 00:03:08,880 --> 00:03:11,270 a kako to izgleda, a sve to. 79 00:03:11,270 --> 00:03:12,047 Tako je za that-- 80 00:03:12,047 --> 00:03:13,755 ALLISON BUCHHOLTZ-AU: Natrag na slajdovima. 81 00:03:13,755 --> 00:03:15,200 TOMAS REIMERS: Povratak na slajdovima. 82 00:03:15,200 --> 00:03:17,240 I Allison može preuzeti. 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 Tako je u svom CSS datoteku, ti si idući u morati 86 00:03:22,360 --> 00:03:25,010 Mnoge od tih stvari zove selektora. 87 00:03:25,010 --> 00:03:27,420 To će biti samo Temelj Vašeg CSS datoteke. 88 00:03:27,420 --> 00:03:29,480 To samo će biti puno i puno njih. 89 00:03:29,480 --> 00:03:30,780 Dakle, za odabir. 90 00:03:30,780 --> 00:03:32,649 To je samo opći anatomije. 91 00:03:32,649 --> 00:03:35,190 Mi ćemo proći kroz primjeri, jer ako nikada dečki 92 00:03:35,190 --> 00:03:38,400 gledao moj dio, ja osjećam kao i stvari u sažetak 93 00:03:38,400 --> 00:03:39,400 ne stvarno smisla. 94 00:03:39,400 --> 00:03:41,110 To uvijek pomaže da se vidi primjere. 95 00:03:41,110 --> 00:03:42,420 >> Dakle, imamo neke izbornik. 96 00:03:42,420 --> 00:03:49,120 To će biti neki identifikator ono što želimo stil primijeniti na. 97 00:03:49,120 --> 00:03:52,220 A onda možemo imati bilo skup pravila i vrijednosti. 98 00:03:52,220 --> 00:03:55,680 Tako selektora da bi mogli vidjeti Možda nešto poput tijela, 99 00:03:55,680 --> 00:04:00,262 ili stav s P, ili zaglavlja, ili bilo što drugo, 100 00:04:00,262 --> 00:04:02,000 što god želite HTML oznake biti. 101 00:04:02,000 --> 00:04:03,570 >> Dakle, u ovom slučaju, imamo tijelo. 102 00:04:03,570 --> 00:04:06,985 I mi imamo neke pravilo, što to odgovara 103 00:04:06,985 --> 00:04:09,610 to što je vaš stil se odnosi na. 104 00:04:09,610 --> 00:04:12,720 Dakle, u ovom slučaju, imamo boja pozadine i fonta težine. 105 00:04:12,720 --> 00:04:16,200 Dakle, to će se promijeniti pozadina svega 106 00:04:16,200 --> 00:04:19,640 u svakom tijelu oznaku našeg HTML datoteke. 107 00:04:19,640 --> 00:04:22,810 I to će dati je to svjetlo plava vrijednost. 108 00:04:22,810 --> 00:04:24,820 >> Dakle, to će biti pozadina svijetlo plava. 109 00:04:24,820 --> 00:04:28,660 A onda ništa u tijelu će imati težinu fonta podebljano. 110 00:04:28,660 --> 00:04:31,142 Dakle, to je samo ide da bold sve naše teksta. 111 00:04:31,142 --> 00:04:32,970 A to je samo jedan selektor. 112 00:04:32,970 --> 00:04:34,680 Ali što bi moglo imati vrlo mnogo njih. 113 00:04:34,680 --> 00:04:38,730 A što idemo pokazati kasnije, malo više u tome 114 00:04:38,730 --> 00:04:40,709 da radi i više primjera tamo. 115 00:04:40,709 --> 00:04:41,750 Sve što želite dodati? 116 00:04:41,750 --> 00:04:42,499 >> TOMAS REIMERS: Ne 117 00:04:42,499 --> 00:04:43,500 Allison je dobio. 118 00:04:43,500 --> 00:04:46,144 Mi samo će smanjiti se Primjer ovdje na našim stranicama primjer. 119 00:04:46,144 --> 00:04:47,310 Tako ćemo zapravo uzeti. 120 00:04:47,310 --> 00:04:48,620 To je savršena. 121 00:04:48,620 --> 00:04:54,460 Pa ja sam samo ću kopirati i zalijepiti to pravo u našu main.css datoteku. 122 00:04:54,460 --> 00:04:56,530 I ja ću ga spasiti. 123 00:04:56,530 --> 00:04:59,190 A onda ćemo ga pokrenuti. 124 00:04:59,190 --> 00:05:01,600 Dakle strani bilješku, jedan od najviše frustriraju stvari 125 00:05:01,600 --> 00:05:04,490 je ako ne spremiti datoteku, a onda si, kao, učitajte stranicu, 126 00:05:04,490 --> 00:05:07,450 i slično, zašto ne Promjena se događa? 127 00:05:07,450 --> 00:05:07,950 To se događa. 128 00:05:07,950 --> 00:05:14,230 Dakle, ovdje smo vidjeli da smo napravili naš web svijetlo plava pozadina 129 00:05:14,230 --> 00:05:16,560 a neke podebljane tekst. 130 00:05:16,560 --> 00:05:20,730 >> Također treba napomenuti, ako vas Dečki su pitanja o bilo čemu 131 00:05:20,730 --> 00:05:23,622 radimo, molimo Vas slobodno nas zaustaviti i pitati nas. 132 00:05:23,622 --> 00:05:25,330 Mi smo u potpunosti spremni na polju pitanja. 133 00:05:25,330 --> 00:05:27,951 134 00:05:27,951 --> 00:05:31,930 >> ALLISON BUCHHOLTZ-AU: Očito, s CSS, sve gradi na sebe. 135 00:05:31,930 --> 00:05:34,107 Dakle, ako jedna stvar ne smisla sada, mi 136 00:05:34,107 --> 00:05:35,690 Ne želim da vas bog dolje kasnije. 137 00:05:35,690 --> 00:05:38,390 138 00:05:38,390 --> 00:05:41,930 >> TOMAS REIMERS: Tako ćemo vrsta secirati ovo. 139 00:05:41,930 --> 00:05:44,210 Dakle, želite pokrenuti s izbornikom ovdje? 140 00:05:44,210 --> 00:05:45,979 >> ALLISON BUCHHOLTZ-AU: Da. 141 00:05:45,979 --> 00:05:48,270 Kao što sam rekao prije, tijelo je samo naš selektor ovdje. 142 00:05:48,270 --> 00:05:50,950 Dakle, ako se vratimo u našu index-- ah. 143 00:05:50,950 --> 00:05:53,245 >> TOMAS REIMERS: Koji sam samo zatvorio. 144 00:05:53,245 --> 00:05:54,530 Daj mi trenutak. 145 00:05:54,530 --> 00:05:58,286 Dakle File, Open, index.html. 146 00:05:58,286 --> 00:05:59,410 ALLISON BUCHHOLTZ-AU: Cool. 147 00:05:59,410 --> 00:06:02,710 Dakle, ako primijetite ovdje smo ima tih tijela oznake, zar ne? 148 00:06:02,710 --> 00:06:06,270 Dakle, selektor upravo odgovara oznake koje pričaju. 149 00:06:06,270 --> 00:06:07,670 Dakle, tijelo ovdje. 150 00:06:07,670 --> 00:06:10,315 Dakle, ono što si rekao je everything-- možemo vratiti? 151 00:06:10,315 --> 00:06:12,065 Volio bih da mogu jednostavno kao i dodirnite zaslon. 152 00:06:12,065 --> 00:06:14,410 Bilo bi puno hladnije. 153 00:06:14,410 --> 00:06:17,150 >> Dakle, sve u roku od onih tijela oznake, koje smo vidjeli 154 00:06:17,150 --> 00:06:19,637 je samo, kao što je, tekst, i tijelo u cjelini 155 00:06:19,637 --> 00:06:20,970 odnosi se, kao što je, na pozadini. 156 00:06:20,970 --> 00:06:22,720 Ako ste ikada željeli promijeniti pozadinu, 157 00:06:22,720 --> 00:06:25,090 koja će biti u tijelu oznaku. 158 00:06:25,090 --> 00:06:27,120 Samo je ta pravila primjenjuju na njih. 159 00:06:27,120 --> 00:06:32,040 >> Dakle, ako smo ići na index.html and-- zapravo, 160 00:06:32,040 --> 00:06:33,840 možemo imati nešto izvan tijela? 161 00:06:33,840 --> 00:06:37,340 Ako smo imali, kao što je, podnožja ili nešto, što se ne bi primjenjivala na to. 162 00:06:37,340 --> 00:06:40,900 No, sve u roku od ti tijelo oznake ide 163 00:06:40,900 --> 00:06:44,960 biti pogođeni ovim tijelom Selektor da smo napravili. 164 00:06:44,960 --> 00:06:47,405 Dakle, ako ste bili na tip nešto drugo there-- 165 00:06:47,405 --> 00:06:49,400 >> TOMAS REIMERS: Ajmo voziti taj dom. 166 00:06:49,400 --> 00:06:55,330 Dakle, ako smo imali div--, tako da je Samo još jedna oznaka možete imati. 167 00:06:55,330 --> 00:06:56,350 Ja ću ga zatvoriti. 168 00:06:56,350 --> 00:06:58,280 Ili ćemo napraviti ovu stavku. 169 00:06:58,280 --> 00:07:01,430 Dakle, p stoji za stavku. 170 00:07:01,430 --> 00:07:02,560 I u toj točki. 171 00:07:02,560 --> 00:07:05,650 I onda sam rekao: "Ovo je tekst." 172 00:07:05,650 --> 00:07:06,369 Cool. 173 00:07:06,369 --> 00:07:09,160 I onda sam napravio ovo pravilo primjenjuje se na stavak umjesto tijela. 174 00:07:09,160 --> 00:07:12,390 175 00:07:12,390 --> 00:07:17,320 Vidjet ćete kako se odnosi samo na Novoosnovana stavka, pravo, 176 00:07:17,320 --> 00:07:18,892 Nije cijela stvar. 177 00:07:18,892 --> 00:07:20,090 Je li to smisla? 178 00:07:20,090 --> 00:07:21,840 >> ALLISON BUCHHOLTZ-AU: Dakle, to je sve tijelo, 179 00:07:21,840 --> 00:07:24,450 ali sada je naš selektor jednostavno odgovara stavku. 180 00:07:24,450 --> 00:07:27,050 Tako smo samo hrabar i plava za ovu specifičnu stavku, 181 00:07:27,050 --> 00:07:30,760 jer to je jedina stvar koja je zatvorena u p oznaku. 182 00:07:30,760 --> 00:07:35,349 >> TOMAS REIMERS: Da li to smisla sortiranje kako stvari ukratko opisali druge stvari? 183 00:07:35,349 --> 00:07:38,140 ALLISON BUCHHOLTZ-AU: Također, samo reći, kao što su, jedan od najboljih načina 184 00:07:38,140 --> 00:07:40,889 stvarno se ugodno s CSS je to samo učiniti stvari kao što je ovaj, 185 00:07:40,889 --> 00:07:42,050 samo ga isprobati. 186 00:07:42,050 --> 00:07:46,700 To je vrlo jednostavno upisati nešto out, udario Refresh, i vidjeti što će se dogoditi. 187 00:07:46,700 --> 00:07:48,940 A što je s većinom CS, eksperimentiranje može često 188 00:07:48,940 --> 00:07:51,790 dovesti do puno bolje intuitivno razumijevanje. 189 00:07:51,790 --> 00:07:54,432 Čak i više nego nas samo, kao što su, u razgovoru s vama. 190 00:07:54,432 --> 00:07:58,350 >> TOMAS REIMERS: Apsolutno 100% slažu po tom pitanju. 191 00:07:58,350 --> 00:08:02,430 Dakle, ako se vratimo na to, krenimo seciranje upravo ono što su njih dvojica raditi. 192 00:08:02,430 --> 00:08:04,550 Dakle, imamo dva pravila o tome. 193 00:08:04,550 --> 00:08:07,420 Dakle, prvi je boja pozadine. 194 00:08:07,420 --> 00:08:10,590 A vidite da smo ga postavili jednaka vrijednost, svijetlo plave. 195 00:08:10,590 --> 00:08:15,009 >> Tako je u CSS, CSS je vrsta vrlo labave o tome 196 00:08:15,009 --> 00:08:16,300 ti si dopustio da se definirati boju. 197 00:08:16,300 --> 00:08:17,800 Tako da ih možete definirati po imenu. 198 00:08:17,800 --> 00:08:20,650 Također možete napraviti nešto poput "crvene". 199 00:08:20,650 --> 00:08:25,270 A onda, ako se vratimo na to, vidjet ćete da je pozadina crvena. 200 00:08:25,270 --> 00:08:29,040 Također možete dobiti really-- Mislim vas Možete dobiti prilično kreativni s tim, 201 00:08:29,040 --> 00:08:29,540 Ne možeš? 202 00:08:29,540 --> 00:08:31,170 >> ALLISON BUCHHOLTZ-AU: I mislim da možete koristiti hex. 203 00:08:31,170 --> 00:08:31,250 Ne mogu ti? 204 00:08:31,250 --> 00:08:32,083 >> TOMAS REIMERS: Da. 205 00:08:32,083 --> 00:08:32,969 Dakle, možete koristiti hex. 206 00:08:32,969 --> 00:08:34,490 Ali mislim name-mudar. 207 00:08:34,490 --> 00:08:35,385 Ne postoji? 208 00:08:35,385 --> 00:08:37,260 ALLISON BUCHHOLTZ-AU: Možete napraviti dosta. 209 00:08:37,260 --> 00:08:43,350 Prilično slično kao i većina boje koje može name-- slično, mislim losos je jedan. 210 00:08:43,350 --> 00:08:45,322 >> TOMAS REIMERS: ćemo probati losos. 211 00:08:45,322 --> 00:08:47,530 ALLISON BUCHHOLTZ-AU: I mislim Chartreuse je tamo. 212 00:08:47,530 --> 00:08:48,050 TOMAS REIMERS: Da. 213 00:08:48,050 --> 00:08:48,550 Vidi? 214 00:08:48,550 --> 00:08:50,080 Na taj način možete dobiti prilično kreativni. 215 00:08:50,080 --> 00:08:52,246 >> ALLISON BUCHHOLTZ-AU: Vi mogao dobiti prilično kreativni. 216 00:08:52,246 --> 00:08:55,750 Kao, ako se možete sjetiti Naziv boji, to je vjerojatno tamo. 217 00:08:55,750 --> 00:08:57,840 Ako zaista želite u redu detalj, možete ići hex. 218 00:08:57,840 --> 00:08:58,673 >> TOMAS REIMERS: Da. 219 00:08:58,673 --> 00:08:59,390 Tako heksadecimalni. 220 00:08:59,390 --> 00:09:05,280 Ako ti dečki zapamtite ovo natrag sa starog PSET, slike Obnova, 221 00:09:05,280 --> 00:09:08,300 ti dečki morali nositi s tim hex vrijednosti. 222 00:09:08,300 --> 00:09:15,280 I nekako se rekapitulacija onoga koji je, hex ima tri vrijednosti pohranjene u njemu. 223 00:09:15,280 --> 00:09:17,250 Tako je to u skupinama od dva koracima. 224 00:09:17,250 --> 00:09:19,300 Prva dvojica predstavljaju crvenu vrijednost. 225 00:09:19,300 --> 00:09:22,420 Drugi predstavlja zeleni vrijednost. 226 00:09:22,420 --> 00:09:25,020 I posljednja je plava? 227 00:09:25,020 --> 00:09:30,050 >> Pa FF dogodi da predstavlja heksadecimalni 255. 228 00:09:30,050 --> 00:09:35,480 Dakle, imate 255 crveni, 255 zelena i plava za 0. 229 00:09:35,480 --> 00:09:37,670 A vrijednosti u rasponu između 0 i 255. 230 00:09:37,670 --> 00:09:38,350 >> PUBLIKA: Tako je. 231 00:09:38,350 --> 00:09:41,472 Pa u biti, možemo tražiti Internet za bilo koje boje želimo, 232 00:09:41,472 --> 00:09:43,912 i utvrditi stvarno-poznati Spektar boja kombinirani, 233 00:09:43,912 --> 00:09:45,130 a onda bismo mogli staviti u? 234 00:09:45,130 --> 00:09:46,380 ALLISON BUCHHOLTZ-AU: Točno. 235 00:09:46,380 --> 00:09:52,900 Dakle, imate jako puno potpunu kontrolu više boja želite roku CSS. 236 00:09:52,900 --> 00:09:55,069 Hoćemo li razgovarati o tome slike za pozadinu kasnije? 237 00:09:55,069 --> 00:09:56,110 Ili ne želimo učiniti? 238 00:09:56,110 --> 00:09:56,240 >> TOMAS REIMERS: Da. 239 00:09:56,240 --> 00:09:57,010 Apsolutno. 240 00:09:57,010 --> 00:10:00,830 Tako je prvi, samo da bi pokazali da crvena i zelena žuta. 241 00:10:00,830 --> 00:10:03,120 A ako vam treba neki pomoć u pronalaženju to, 242 00:10:03,120 --> 00:10:05,575 Može li Google nešto kao što je "boja berač." 243 00:10:05,575 --> 00:10:07,200 ALLISON BUCHHOLTZ-AU: Oh, to je tako dobro. 244 00:10:07,200 --> 00:10:09,090 Volim boju. 245 00:10:09,090 --> 00:10:11,360 >> TOMAS REIMERS: colorpicker.com je dobar primjer. 246 00:10:11,360 --> 00:10:14,580 I ovdje, vidjet ćete da imate full Photoshop-poput boja berač. 247 00:10:14,580 --> 00:10:14,920 >> ALLISON BUCHHOLTZ-AU: Mm-hm. 248 00:10:14,920 --> 00:10:16,980 Također, cool stvari su ti može generirati sheme boja 249 00:10:16,980 --> 00:10:18,896 tako da ne morate, kao što su, sukobljavajući boje. 250 00:10:18,896 --> 00:10:22,780 TOMAS REIMERS: I onda Ovdje je hex vrijednost se ovdje. 251 00:10:22,780 --> 00:10:27,800 Dakle, uvijek možete pronaći na internetu osnovi mjesta da biste dobili hex vrijednosti od. 252 00:10:27,800 --> 00:10:31,667 To nije neka vrsta koja je upravo, kao što smo vidim boje u svijetu u brojkama. 253 00:10:31,667 --> 00:10:34,000 To je više da idemo na internetu i naći ono što boju želimo, 254 00:10:34,000 --> 00:10:36,850 a onda se broj prema dolje. 255 00:10:36,850 --> 00:10:39,590 Jer to je samo jako jednostavno Način na referentne stvari u CS. 256 00:10:39,590 --> 00:10:40,350 >> ALLISON BUCHHOLTZ-AU: A tu je i also-- 257 00:10:40,350 --> 00:10:41,630 Zaboravio sam točan naziv web stranice. 258 00:10:41,630 --> 00:10:43,838 No, tu je svakako, ja mislim, nešto iz Adobea 259 00:10:43,838 --> 00:10:48,350 koja generira sheme boja za vas, što je stvarno cool, jer vas 260 00:10:48,350 --> 00:10:50,580 definitely-- to ponekad Teško je shvatiti, 261 00:10:50,580 --> 00:10:53,729 oh, ako želite koristiti ovu boju, ono što bi moglo biti još jedan koristan 262 00:10:53,729 --> 00:10:56,395 koristiti drugdje na mom mjestu bi, kao, čine ga lijepo i kohezivna. 263 00:10:56,395 --> 00:11:00,430 264 00:11:00,430 --> 00:11:04,260 >> TOMAS REIMERS: Allison pričaju jedan Adobe nazvao Kuler *, mislim. 265 00:11:04,260 --> 00:11:04,885 To je K-U-L-E-R. 266 00:11:04,885 --> 00:11:06,259 ALLISON BUCHHOLTZ-AU: Mislim da je. 267 00:11:06,259 --> 00:11:07,610 Prilično sam siguran da je on. 268 00:11:07,610 --> 00:11:11,050 >> TOMAS REIMERS: Moja omiljena je Uvijek je shema boja dizajner. 269 00:11:11,050 --> 00:11:13,998 >> ALLISON BUCHHOLTZ-AU: Ooh. 270 00:11:13,998 --> 00:11:16,010 >> TOMAS REIMERS: Koji je now-- 271 00:11:16,010 --> 00:11:16,860 >> ALLISON BUCHHOLTZ-AU: Ah, to je lijepo. 272 00:11:16,860 --> 00:11:18,818 >> TOMAS REIMERS: I može zapravo reći, kao što je, 273 00:11:18,818 --> 00:11:21,700 Želim tri boje jedni pored drugih. 274 00:11:21,700 --> 00:11:25,030 A onda neka je učiniti nešto lijepo. 275 00:11:25,030 --> 00:11:29,210 A onda možete doći primjer od onoga što bi moglo izgledati. 276 00:11:29,210 --> 00:11:32,470 A onda, ako prelazite preko bilo kojeg ih, to vam daje hex vrijednosti. 277 00:11:32,470 --> 00:11:35,010 >> Tako je samo kao dobar način za početak razmišljam o sheme boja 278 00:11:35,010 --> 00:11:39,570 ili ono što boje na web stranici Možda idu dobro zajedno. 279 00:11:39,570 --> 00:11:45,655 Budući da može biti iznenađujuće Nije lako pokupiti što mislite. 280 00:11:45,655 --> 00:11:48,280 A onda druga super stvar Uvijek sam pronašao o ovoj stranici 281 00:11:48,280 --> 00:11:51,480 je li pogoditi Primjeri, to će pokazati što je primjer web stranice 282 00:11:51,480 --> 00:11:54,800 Možda izgleda kao da se pomoću sheme boja. 283 00:11:54,800 --> 00:11:56,270 U svakom slučaju. 284 00:11:56,270 --> 00:11:57,863 >> Natrag na stvarni CSS. 285 00:11:57,863 --> 00:12:01,112 ALLISON BUCHHOLTZ-AU: Ali očito smo znam ti reference mogu biti korisne. 286 00:12:01,112 --> 00:12:03,195 TOMAS REIMERS: Ne, oni svakako može biti od pomoći. 287 00:12:03,195 --> 00:12:04,720 Dakle, u drugom pravilu, Allison? 288 00:12:04,720 --> 00:12:05,844 >> ALLISON BUCHHOLTZ-AU: Da. 289 00:12:05,844 --> 00:12:08,280 Drugo pravilo je jednostavno odgovara našoj fonta. 290 00:12:08,280 --> 00:12:11,520 Dakle, font težina je samo vrsta of-- tako težina bi 291 00:12:11,520 --> 00:12:15,220 se ako želite baš, kao što su, normalno ili, kao što je, tanji fontove, 292 00:12:15,220 --> 00:12:17,251 ili, u ovom slučaju, kao što je, podebljano. 293 00:12:17,251 --> 00:12:17,750 Zaboravio sam. 294 00:12:17,750 --> 00:12:21,557 Što je, ako ste htjeli it-- postoji tanja jedan od samo, kao što je, normalno? 295 00:12:21,557 --> 00:12:24,140 TOMAS REIMERS: ja zapravo ne Znaš li postoji tanja jedan. 296 00:12:24,140 --> 00:12:24,680 ALLISON BUCHHOLTZ-AU: Zaboravio sam. 297 00:12:24,680 --> 00:12:26,300 Težina Dakle font smo obično samo koristiti za bold. 298 00:12:26,300 --> 00:12:29,010 Ako želite da se stvarno u da, mi ćemo vam pokazati. 299 00:12:29,010 --> 00:12:34,317 W3Schools ima sve drugačije stvari koje možete učiniti za fontove. 300 00:12:34,317 --> 00:12:36,900 No, u osnovi, ako ste ikada željeli promijeniti ništa o fontu, 301 00:12:36,900 --> 00:12:39,330 to je uvijek će biti, kao što su, font-nešto. 302 00:12:39,330 --> 00:12:43,450 Dakle, to će biti kao što je, font-obitelj, ako ste pokušava promijeniti stvarni tip. 303 00:12:43,450 --> 00:12:47,390 To će biti font-style, ako vas želim to učiniti kao rukopisni, 304 00:12:47,390 --> 00:12:49,710 ili kurziv ili sitnica. 305 00:12:49,710 --> 00:12:53,570 Ili čak font-color, ako htjeli smo to promijeniti. 306 00:12:53,570 --> 00:12:55,621 >> TOMAS REIMERS: Yup. 307 00:12:55,621 --> 00:12:56,925 Dakle, možete promijeniti. 308 00:12:56,925 --> 00:12:59,360 I nekako samo rekapitulacija sada, tako da možete 309 00:12:59,360 --> 00:13:01,400 vidim da imamo odabir ovdje. 310 00:13:01,400 --> 00:13:03,000 Imamo ove vitičastim zagradama. 311 00:13:03,000 --> 00:13:06,735 I onda imamo pravila omeđena zarezom. 312 00:13:06,735 --> 00:13:08,100 Je li to smisla? 313 00:13:08,100 --> 00:13:09,130 Da? 314 00:13:09,130 --> 00:13:10,500 Cool. 315 00:13:10,500 --> 00:13:13,200 Dakle, ako je to good-- 316 00:13:13,200 --> 00:13:14,424 >> ALLISON BUCHHOLTZ-AU: Povratak. 317 00:13:14,424 --> 00:13:17,590 TOMAS REIMERS: Razgovarajmo posebno o tome kakvu selektora imamo. 318 00:13:17,590 --> 00:13:19,790 Jer upravo sada imamo vrsta samo pokazali oznake. 319 00:13:19,790 --> 00:13:21,696 Ali ti dečki mogli vidjeti vjerojatnim. 320 00:13:21,696 --> 00:13:23,570 Recimo da imate dvije točke na stranici i vama 321 00:13:23,570 --> 00:13:26,087 želite biti u mogućnosti stila jedna, no s druge strane, 322 00:13:26,087 --> 00:13:29,170 ne samo želite da se ograničiti morati koristiti različite stvarne HTML 323 00:13:29,170 --> 00:13:33,410 oznake da im daju različite stilove. 324 00:13:33,410 --> 00:13:35,995 >> Dakle, imamo tri osnovne vrste selektora. 325 00:13:35,995 --> 00:13:37,120 ALLISON BUCHHOLTZ-AU: Da. 326 00:13:37,120 --> 00:13:39,828 Dakle, imamo oznaku, što je ono Razgovarali smo o tome u ovom trenutku. 327 00:13:39,828 --> 00:13:42,430 Dakle, to je vrsta kao što vaše tijelo ili p. 328 00:13:42,430 --> 00:13:46,280 I onda imamo klasu, koja je kad smo ga definirali u našoj CSS datoteku, 329 00:13:46,280 --> 00:13:49,907 to je uvijek će biti točka, što god Želite naziv razredu biti. 330 00:13:49,907 --> 00:13:51,490 A to se može primijeniti na više stvari. 331 00:13:51,490 --> 00:13:54,610 332 00:13:54,610 --> 00:13:57,610 >> Recimo da imate pet stavaka i dvoje njih troje 333 00:13:57,610 --> 00:14:00,580 treba stil isti, što bi se primjenjivala klase na njega. 334 00:14:00,580 --> 00:14:03,040 A to je samo način na koji ćemo to učiniti. 335 00:14:03,040 --> 00:14:05,600 Mi ćemo vam dati primjer gdje je to zapravo pokazuje prema gore. 336 00:14:05,600 --> 00:14:11,030 Ali, ako ste imali možda neki tag p, nakon njega, što će pisati, 337 00:14:11,030 --> 00:14:14,170 klase jednaka bez obzira nastavu Želite li prijaviti na njega. 338 00:14:14,170 --> 00:14:19,280 Dakle, bez obzira klase selektora da mi žele primijeniti na konkretnom stavka, 339 00:14:19,280 --> 00:14:21,300 samo smo mogli napisati ovako. 340 00:14:21,300 --> 00:14:24,080 Naravno, mislim da je primjer učinit će to puno konkretniji. 341 00:14:24,080 --> 00:14:27,270 >> Drugi smo je id, koji se označavaju 342 00:14:27,270 --> 00:14:29,707 s hash ili funta, ili 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 To radi, previše. 346 00:14:34,550 --> 00:14:36,640 A ovo stvarno treba biti jedinstven. 347 00:14:36,640 --> 00:14:39,880 Oni trebaju primjenjivati ​​samo na jedna stvar na svojoj stranici. 348 00:14:39,880 --> 00:14:43,820 Znači li to posebna stavka, ili neki predmet na popisu, ili bilo što, 349 00:14:43,820 --> 00:14:45,090 to bi trebao biti jedinstven. 350 00:14:45,090 --> 00:14:48,730 I na isti način na koji smo upravo kažu, kao što su, class = "Class1 Klasa 2," 351 00:14:48,730 --> 00:14:51,577 to samo može biti id god imamo. 352 00:14:51,577 --> 00:14:52,410 TOMAS REIMERS: Da. 353 00:14:52,410 --> 00:14:54,330 Tako ćemo popričati O primjerima ovdje. 354 00:14:54,330 --> 00:14:58,170 A ja sam samo ide roniti ravno natrag u kodu. 355 00:14:58,170 --> 00:15:02,090 Pa pogledajmo naše HTML. 356 00:15:02,090 --> 00:15:03,960 I tako smo sada imamo jednu točku. 357 00:15:03,960 --> 00:15:05,510 Ovo je tekst. 358 00:15:05,510 --> 00:15:09,151 Samo ću se mijenjati to. "Ovo je tekst 1." 359 00:15:09,151 --> 00:15:11,150 A onda ćemo imaju "Ovo je tekst 2." 360 00:15:11,150 --> 00:15:12,525 >> ALLISON BUCHHOLTZ-AU: drugi. 361 00:15:12,525 --> 00:15:13,540 TOMAS REIMERS: Yup. 362 00:15:13,540 --> 00:15:16,810 Dakle, sada imamo "Ovo je tekst 2," zar ne? 363 00:15:16,810 --> 00:15:21,560 A mi ćemo vidjeti da li ćemo učitati stranica, što ćemo naći 364 00:15:21,560 --> 00:15:23,067 je ćemo 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: Da. 367 00:15:24,983 --> 00:15:27,570 Idemo pronaći "Ovo je tekst 1 "i" Ovo je tekst 2. " 368 00:15:27,570 --> 00:15:28,650 >> ALLISON BUCHHOLTZ-AU: I kako lijepu žutu boju. 369 00:15:28,650 --> 00:15:31,066 >> TOMAS REIMERS: I vi ćete vidjeti da je naš selektor upravo sada, 370 00:15:31,066 --> 00:15:34,940 koji se odnosi na p-a, ili stavci, utječe na oboje, 371 00:15:34,940 --> 00:15:38,700 jer obojica susret uvjet da su oba p oznaka. 372 00:15:38,700 --> 00:15:40,360 To čini ukupno smisla. 373 00:15:40,360 --> 00:15:43,340 Dakle, pitanje je, dobro, što Ako bismo htjeli dobiti samo jedan? 374 00:15:43,340 --> 00:15:46,350 Dakle, baš kao što je Allison je rekao: imamo još dva načina kako to učiniti. 375 00:15:46,350 --> 00:15:47,320 Ja ću početi s id. 376 00:15:47,320 --> 00:15:48,405 >> ALLISON BUCHHOLTZ-AU: Počnimo s id. 377 00:15:48,405 --> 00:15:50,405 >> TOMAS REIMERS: A i od njih su atributi. 378 00:15:50,405 --> 00:15:53,200 Tako atributi postoje u HTML. 379 00:15:53,200 --> 00:15:55,600 A što su se nešto što ste dodali 380 00:15:55,600 --> 00:15:58,840 unutar oznaku koja je odvojiti od naziva oznake. 381 00:15:58,840 --> 00:16:01,301 Dakle, možete imati više atributa. 382 00:16:01,301 --> 00:16:01,800 Da? 383 00:16:01,800 --> 00:16:03,950 >> ALLISON BUCHHOLTZ-AU: Upravo sam bio idući Naime, iz svog primjera iz PSET 7, 384 00:16:03,950 --> 00:16:06,650 Ako itko od vas pokušavaju uskladiti stvari na centru, 385 00:16:06,650 --> 00:16:08,550 možda ste koristili "Tekst align = centar." 386 00:16:08,550 --> 00:16:10,550 A što je primijetio vjerojatno trebali su u središtu 387 00:16:10,550 --> 00:16:12,650 tekst ili navigacijski bar. 388 00:16:12,650 --> 00:16:15,499 Dakle, to je samo i atribut da bi mogli biti upoznati s. 389 00:16:15,499 --> 00:16:18,040 TOMAS REIMERS: Postoji hrpa atributa koji ćete vidjeti. 390 00:16:18,040 --> 00:16:18,539 Da. 391 00:16:18,539 --> 00:16:21,250 Kao dobar odnosu na PSET 7. 392 00:16:21,250 --> 00:16:23,150 Imamo id. 393 00:16:23,150 --> 00:16:25,080 Također možete imati klase, stvari kao što je ovaj. 394 00:16:25,080 --> 00:16:27,250 Jedan tag može imati mnoge atribute. 395 00:16:27,250 --> 00:16:33,140 Dakle, počevši s id, neka mi se pretvarati Želite imati id of-- ne znam. 396 00:16:33,140 --> 00:16:35,140 Mi ćemo ga nazvati posebna, jer je ovaj, mi smo 397 00:16:35,140 --> 00:16:37,867 će napraviti podebljano, a naglasiti, a što god. 398 00:16:37,867 --> 00:16:39,950 ALLISON BUCHHOLTZ-AU: to je Biti će super posebna. 399 00:16:39,950 --> 00:16:42,360 TOMAS REIMERS: Pa to jedan, imamo id posebnim. 400 00:16:42,360 --> 00:16:48,140 Dakle, način odabira koji je, dakle, U main.css, nego imati p oznaku, 401 00:16:48,140 --> 00:16:51,500 vi #special, OK? 402 00:16:51,500 --> 00:16:55,538 I da odabire stvar s posebnim id. 403 00:16:55,538 --> 00:16:57,295 Da li to smisla svima? 404 00:16:57,295 --> 00:16:57,920 PUBLIKA: Da. 405 00:16:57,920 --> 00:16:59,110 TOMAS REIMERS: Cool. 406 00:16:59,110 --> 00:17:04,440 Pa sad, ako smo se vratiti, ćemo see-- ups. 407 00:17:04,440 --> 00:17:06,240 Da. 408 00:17:06,240 --> 00:17:09,460 Vidjet ćemo da je to samo bira jedan s id posebnim. 409 00:17:09,460 --> 00:17:10,622 Da? 410 00:17:10,622 --> 00:17:11,900 Zvuči super. 411 00:17:11,900 --> 00:17:12,570 Da. 412 00:17:12,570 --> 00:17:15,456 >> PUBLIKA: Može li se nešto morati atribut obje klase i id? 413 00:17:15,456 --> 00:17:16,359 >> TOMAS REIMERS: Da. 414 00:17:16,359 --> 00:17:16,900 PUBLIKA: OK. 415 00:17:16,900 --> 00:17:20,887 A što se onda događa ako onda dati to neka pravila CSS taj sukob? 416 00:17:20,887 --> 00:17:21,970 TOMAS REIMERS: Apsolutno. 417 00:17:21,970 --> 00:17:23,940 Mi smo definitivno ide razgovarati o tome. 418 00:17:23,940 --> 00:17:31,890 Dakle, upravo ono što su dobivanje na, što također može imati nastavu. 419 00:17:31,890 --> 00:17:36,380 Tako ćemo se pretvarati da je imao tri stavke i ja 420 00:17:36,380 --> 00:17:38,730 Želio stil prvi dva, ali ne treći. 421 00:17:38,730 --> 00:17:42,850 Pa, prva ideja može biti, dobro, ja može samo dati drugi id. 422 00:17:42,850 --> 00:17:45,590 Ali ne mogu, jer je id, baš kao što je Allison je rekao: 423 00:17:45,590 --> 00:17:47,330 mora biti jedinstven. 424 00:17:47,330 --> 00:17:50,860 >> Dakle, umjesto ID, ono što možete koristiti je možete koristiti klase. 425 00:17:50,860 --> 00:17:57,880 I class-- što omogućuje što učiniti je zapravo reći, 426 00:17:57,880 --> 00:17:59,610 to spada kao dio skupine. 427 00:17:59,610 --> 00:18:02,410 U tom slučaju, naša grupa naziva Special. 428 00:18:02,410 --> 00:18:06,500 A što ćemo učiniti onda je ćemo say-- nego funta, 429 00:18:06,500 --> 00:18:08,070 ćemo koristiti točku. 430 00:18:08,070 --> 00:18:08,740 OK? 431 00:18:08,740 --> 00:18:11,950 I obavijest da funta i točka postoje samo u CSS datoteke, 432 00:18:11,950 --> 00:18:12,797 Ne u HTML. 433 00:18:12,797 --> 00:18:13,880 ALLISON BUCHHOLTZ-AU: Da. 434 00:18:13,880 --> 00:18:15,185 Važna razlika. 435 00:18:15,185 --> 00:18:17,510 >> TOMAS REIMERS: Imam imao toliko borbe, 436 00:18:17,510 --> 00:18:23,990 zato sam stavio mljeveno meso u HTML i onda samo osjećao glupo za dugo vremena. 437 00:18:23,990 --> 00:18:27,470 Pogledajte kako se odabire oba one s tom razredu? 438 00:18:27,470 --> 00:18:28,210 Cool. 439 00:18:28,210 --> 00:18:29,950 >> Sada, stvari može imati više klase. 440 00:18:29,950 --> 00:18:32,790 Recimo da sam htjela napraviti prvi dvojica imaju pozadinu žute 441 00:18:32,790 --> 00:18:36,770 a druga dva su Boja slova plave. 442 00:18:36,770 --> 00:18:37,270 OK. 443 00:18:37,270 --> 00:18:39,735 Ja stvarno ne znam zašto sam želim učiniti, ali ja mogu. 444 00:18:39,735 --> 00:18:42,401 >> ALLISON BUCHHOLTZ-AU: ne bi ga preporučuje za vaše web stranice. 445 00:18:42,401 --> 00:18:43,880 No, za naše potrebe, to će učiniti. 446 00:18:43,880 --> 00:18:46,294 >> TOMAS REIMERS: Nije Dobar izbor boja. 447 00:18:46,294 --> 00:18:49,210 ALLISON BUCHHOLTZ-AU: Pa, žuta i plava su mi visoki boje škola. 448 00:18:49,210 --> 00:18:50,947 Ne znam, ipak. 449 00:18:50,947 --> 00:18:53,530 TOMAS REIMERS: Allison je visoka Škola je imala veliku shemu boja. 450 00:18:53,530 --> 00:18:54,520 [Smijeh] 451 00:18:54,520 --> 00:18:59,120 Pa što onda možemo nazvati ovo Nazovimo this-- pa imamo posebne 452 00:18:59,120 --> 00:19:00,030 i imamo lijepo. 453 00:19:00,030 --> 00:19:02,405 Predlažem, za to, koristite mnogo više opisne imena. 454 00:19:02,405 --> 00:19:05,820 ALLISON BUCHHOLTZ-AU: Da, ja bih nazvati to, kao što je, žuta ili plava. 455 00:19:05,820 --> 00:19:08,314 >> TOMAS REIMERS: Mi nismo stvarno realno web stranice, 456 00:19:08,314 --> 00:19:09,730 što je razlog zašto mi ne radimo to. 457 00:19:09,730 --> 00:19:11,521 Ali ako stvarno imao pravi web stranice, 458 00:19:11,521 --> 00:19:16,220 možda, kao što je, članak header, Sadržaj članka, prva riječ, 459 00:19:16,220 --> 00:19:21,920 slične stvari, koje omogućuju da se puno više opisno. 460 00:19:21,920 --> 00:19:23,550 To su zapravo samo kao varijable. 461 00:19:23,550 --> 00:19:28,390 Oni bi trebali biti imenovan na način gdje možete, like-- da, kao takve. 462 00:19:28,390 --> 00:19:29,470 Savršeno. 463 00:19:29,470 --> 00:19:30,480 >> Dakle, boja pozadine. 464 00:19:30,480 --> 00:19:35,920 A onda ćemo say-- tako način za promjenu boje je samo "boja." 465 00:19:35,920 --> 00:19:38,412 I mi ćemo učiniti ono plavo. 466 00:19:38,412 --> 00:19:40,150 To je super. 467 00:19:40,150 --> 00:19:42,640 Tako sada imamo Prva dva su posebna. 468 00:19:42,640 --> 00:19:45,972 Sljedeći će imaju "class = lijepa." 469 00:19:45,972 --> 00:19:49,180 ALLISON BUCHHOLTZ-AU: I onda ćeš želite dodati "prilično" na sredini jedan. 470 00:19:49,180 --> 00:19:49,971 TOMAS REIMERS: Yup. 471 00:19:49,971 --> 00:19:52,970 A onda na srednji, dodati "lijepo", što će se dogoditi 472 00:19:52,970 --> 00:19:56,880 je li samo jedan prostor. 473 00:19:56,880 --> 00:19:59,800 Dakle, u klasi atribut je popis prostor odvojen 474 00:19:59,800 --> 00:20:02,450 svih klasa koji se odnose na tu oznaku. 475 00:20:02,450 --> 00:20:02,959 OK? 476 00:20:02,959 --> 00:20:05,750 To nije kao što je ovaj jedan pripada nekakav poseban razred zove 477 00:20:05,750 --> 00:20:07,180 "Posebno, prostor, lijepa." 478 00:20:07,180 --> 00:20:10,870 Ona pripada dva classes-- posebna i lijepa. 479 00:20:10,870 --> 00:20:12,492 Da? 480 00:20:12,492 --> 00:20:14,360 Cool. 481 00:20:14,360 --> 00:20:17,010 >> A onda, ako ćemo gledati na ono što se događa, da smo 482 00:20:17,010 --> 00:20:21,850 ćemo vidjeti da je prvi od njih ima žuta pozadina, crni tekst. 483 00:20:21,850 --> 00:20:22,450 Drugo one-- 484 00:20:22,450 --> 00:20:26,160 >> ALLISON BUCHHOLTZ-AU: --has bold žuta pozadina sa plavim tekstom. 485 00:20:26,160 --> 00:20:29,330 I naša posljednja je upravo plavi tekst koji smo mu pripadaju. 486 00:20:29,330 --> 00:20:30,870 >> TOMAS REIMERS: Cool? 487 00:20:30,870 --> 00:20:32,491 Kako selektora raditi? 488 00:20:32,491 --> 00:20:32,990 Awesome. 489 00:20:32,990 --> 00:20:34,720 >> ALLISON BUCHHOLTZ-AU: Da li želimo govoriti o sukobu sad onda? 490 00:20:34,720 --> 00:20:35,780 >> TOMAS REIMERS: Pa da. 491 00:20:35,780 --> 00:20:36,310 Apsolutno. 492 00:20:36,310 --> 00:20:38,380 Dakle, što se događa ako u sukobu, zar ne? 493 00:20:38,380 --> 00:20:44,740 Ajmo se pretvarati prvi postavlja nešto like-- 494 00:20:44,740 --> 00:20:47,240 ALLISON BUCHHOLTZ-AU: Možda ovo mijenja pozadinu? 495 00:20:47,240 --> 00:20:48,090 TOMAS REIMERS: Da. 496 00:20:48,090 --> 00:20:51,699 Tako ćemo napraviti "lijepe" promijeniti pozadinu losos. 497 00:20:51,699 --> 00:20:54,740 ALLISON BUCHHOLTZ-AU: Ti si samo s Svi su veliki boje i danas, Tomas. 498 00:20:54,740 --> 00:20:55,573 TOMAS REIMERS: Da. 499 00:20:55,573 --> 00:20:58,200 Zato sam saznala da mogu koristiti losos kao pravi boje. 500 00:20:58,200 --> 00:21:00,270 Dakle, mi smo samo će to učiniti. 501 00:21:00,270 --> 00:21:01,770 Također mislim Sunset je realna boja. 502 00:21:01,770 --> 00:21:03,103 PUBLIKA: Sunset je stvarna boja? 503 00:21:03,103 --> 00:21:04,572 ALLISON BUCHHOLTZ-AU: Ajmo probati. 504 00:21:04,572 --> 00:21:07,735 TOMAS REIMERS: Nakon ovog demo Upravo zbog toga, u slučaju da zabrljati gore, 505 00:21:07,735 --> 00:21:08,943 Ne želim da se za ispravljanje pogrešaka. 506 00:21:08,943 --> 00:21:11,580 Dakle, mi znamo losos je stvarna boja. 507 00:21:11,580 --> 00:21:15,626 Dakle, bilo nagađanja o što će se dogoditi? 508 00:21:15,626 --> 00:21:17,522 >> ALLISON BUCHHOLTZ-AU: Bilo koji ideja? 509 00:21:17,522 --> 00:21:20,002 >> PUBLIKA: [nečujan]. 510 00:21:20,002 --> 00:21:20,920 >> TOMAS REIMERS: Da. 511 00:21:20,920 --> 00:21:22,150 Tako da je dobio to točno. 512 00:21:22,150 --> 00:21:24,930 U osnovi, to traje Posljednji pravilo da je dano. 513 00:21:24,930 --> 00:21:27,860 >> ALLISON BUCHHOLTZ-AU: Dakle, ovo je gdje je kaskadno stupa na snagu. 514 00:21:27,860 --> 00:21:31,080 >> TOMAS REIMERS: Pa sjetite se kako smo morao da kaskadno stilova? 515 00:21:31,080 --> 00:21:33,660 Tako da smo vrsta znače da imamo hrpu pravila 516 00:21:33,660 --> 00:21:37,115 koji se primjenjuju na vrhu svake druge, a Oni također mogu se međusobno poništavaju. 517 00:21:37,115 --> 00:21:39,380 >> ALLISON BUCHHOLTZ-AU: Pa sve što je na dnu 518 00:21:39,380 --> 00:21:41,540 će nadjačati sve što je na vrhu. 519 00:21:41,540 --> 00:21:45,842 Mogli su pravila koja je u potpunosti negirati nešto unaprijed. 520 00:21:45,842 --> 00:21:48,300 To je također razlog zašto želite biti oprezni kada ste styling, 521 00:21:48,300 --> 00:21:51,465 tako da ne stvaraju pravila koja ti si samo potpuno nadjačavanje. 522 00:21:51,465 --> 00:21:53,340 >> TOMAS REIMERS: Ili možda želite prepisati pravila. 523 00:21:53,340 --> 00:21:53,920 >> ALLISON BUCHHOLTZ-AU: Ili možda ne. 524 00:21:53,920 --> 00:21:54,300 Da. 525 00:21:54,300 --> 00:21:57,175 >> TOMAS REIMERS: Pretvarajte se da imate klase koja se odnosi na većinu stvari, 526 00:21:57,175 --> 00:22:01,220 ali recimo da želite promijeniti boja pozadine kako crvena i font 527 00:22:01,220 --> 00:22:03,140 masa za bold za većinu stvari, ali za jednu, 528 00:22:03,140 --> 00:22:06,098 želite samo boju pozadine biti crvena, ali želite sve druge 529 00:22:06,098 --> 00:22:09,990 svojstva, što bi mogao učiniti nešto kao što su "font-weight = normalno" 530 00:22:09,990 --> 00:22:12,760 što bi onda poništiti taj podebljano promjene. 531 00:22:12,760 --> 00:22:14,480 Da? 532 00:22:14,480 --> 00:22:17,250 Opet, najbolji način, mislim Allison je rekao da, samo je vježbati. 533 00:22:17,250 --> 00:22:18,080 >> ALLISON BUCHHOLTZ-AU: Pokusi. 534 00:22:18,080 --> 00:22:20,090 >> TOMAS REIMERS: praksa, praksa, praksa, i eksperiment. 535 00:22:20,090 --> 00:22:22,950 Znam puno ljudi koji misle CSS je samo puno pogodite-i-ček 536 00:22:22,950 --> 00:22:25,580 na kraju dana, pri čemu, ako želite učiniti something-- kao, 537 00:22:25,580 --> 00:22:27,663 imate grubu ideju, ali još uvijek vjerojatno trebati 538 00:22:27,663 --> 00:22:31,390 isprobati kako bi bili sigurni znate kako to izgleda. 539 00:22:31,390 --> 00:22:34,482 >> PUBLIKA: Kada se prijavljujete klase, više od jednog 540 00:22:34,482 --> 00:22:37,339 na istoj točki ili dio, zar ne 541 00:22:37,339 --> 00:22:39,505 obzira kako biste se upišite ih u navodnike? 542 00:22:39,505 --> 00:22:40,992 >> TOMAS REIMERS: Ne, uopće ne. 543 00:22:40,992 --> 00:22:45,764 >> ALLISON BUCHHOLTZ-AU: Ono što je važno je Kako bi u svom CSS style sheet. 544 00:22:45,764 --> 00:22:47,430 PUBLIKA: Možete li ponoviti pitanje? 545 00:22:47,430 --> 00:22:50,680 TOMAS REIMERS: Oh. 546 00:22:50,680 --> 00:22:53,990 ALLISON BUCHHOLTZ-AU: Unutar klase, kada ste dajući nastavu 547 00:22:53,990 --> 00:22:56,964 nešto u HTML, ne to bitno kojim redoslijedom oni u? 548 00:22:56,964 --> 00:22:58,130 Nije važno nalog. 549 00:22:58,130 --> 00:23:02,915 Ono što je važno je redoslijed klase selektora unutar vašeg CSS, 550 00:23:02,915 --> 00:23:04,306 u svom stilu list. 551 00:23:04,306 --> 00:23:06,982 >> TOMAS REIMERS: Zvuči dobro? 552 00:23:06,982 --> 00:23:08,532 >> ALLISON BUCHHOLTZ-AU: Lovely. 553 00:23:08,532 --> 00:23:11,539 >> TOMAS REIMERS: I onda ćemo nastaviti to-- 554 00:23:11,539 --> 00:23:13,330 ALLISON BUCHHOLTZ-AU: Što smo sada? 555 00:23:13,330 --> 00:23:14,245 Zaboravio sam. 556 00:23:14,245 --> 00:23:16,087 Oh, samo mi imamo primjere. 557 00:23:16,087 --> 00:23:17,295 Ali mi smo vrsta učinili oni. 558 00:23:17,295 --> 00:23:18,990 Mi smo učinili primjere u letu. 559 00:23:18,990 --> 00:23:20,540 >> TOMAS REIMERS: Mi se kombinirati selektora uskoro. 560 00:23:20,540 --> 00:23:22,790 >> ALLISON BUCHHOLTZ-AU: Oh, smo dobili kombinirati selektora. 561 00:23:22,790 --> 00:23:25,260 TOMAS REIMERS: Pa neka Primjeri je imamo 562 00:23:25,260 --> 00:23:29,630 # Dog-- funta, ili hashtag, ili octothorpe, ili što god 563 00:23:29,630 --> 00:23:32,050 Želite li pozvati that-- oštra. 564 00:23:32,050 --> 00:23:34,875 >> ALLISON BUCHHOLTZ-AU: Oštar pas. 565 00:23:34,875 --> 00:23:36,470 >> TOMAS REIMERS: Onda imate .pets. 566 00:23:36,470 --> 00:23:39,059 567 00:23:39,059 --> 00:23:41,600 Nešto ima id psa, postoji samo jedan pas na stranici. 568 00:23:41,600 --> 00:23:43,870 Nešto ima ID Mačka, postoji samo jedna mačka. 569 00:23:43,870 --> 00:23:45,665 Postoji svibanj biti mnogo kućnih ljubimaca na stranici. 570 00:23:45,665 --> 00:23:47,570 Zato smo dali da nastave. 571 00:23:47,570 --> 00:23:48,740 Imate primjer str. 572 00:23:48,740 --> 00:23:50,490 I onda tako jedan od Posljednji primjer koji 573 00:23:50,490 --> 00:23:53,790 nešto nismo razgovarali o tome, je ono što se događa kad ih kombinirati. 574 00:23:53,790 --> 00:23:54,580 Tako p.pets. 575 00:23:54,580 --> 00:23:57,510 576 00:23:57,510 --> 00:24:02,950 >> Tako da, vratimo se broj i uvesti another-- Da. 577 00:24:02,950 --> 00:24:04,290 Tako se ovdje. 578 00:24:04,290 --> 00:24:04,850 >> ALLISON BUCHHOLTZ-AU: I Osjećam kao što je to really-- 579 00:24:04,850 --> 00:24:08,105 kao što samo gleda kroz primjere stvarno način da saznate ovaj. 580 00:24:08,105 --> 00:24:09,360 Dakle, to je ono što mi radimo. 581 00:24:09,360 --> 00:24:14,030 >> TOMAS REIMERS: Pa neka mi se pretvarati Samo želim da odaberete tekst 2, zar ne? 582 00:24:14,030 --> 00:24:16,530 Dakle, mi svakako ne može učiniti s id. 583 00:24:16,530 --> 00:24:19,620 Pa, što smo mogli učiniti da s id, ali to nema id. 584 00:24:19,620 --> 00:24:22,490 Mogao bih dodati, ali neka je pretvarati da nisam htio dodati jednu 585 00:24:22,490 --> 00:24:24,910 ili je već nešto drugo. 586 00:24:24,910 --> 00:24:26,516 Ja to ne mogu učiniti s tim. 587 00:24:26,516 --> 00:24:28,870 Tag definitivno nije jedinstven, zar ne? 588 00:24:28,870 --> 00:24:30,670 A niti je klasa. 589 00:24:30,670 --> 00:24:32,314 No, možete kombinirati te stvari. 590 00:24:32,314 --> 00:24:35,230 Recimo da smo htjeli napraviti nešto koji se odnosi samo na ono što 591 00:24:35,230 --> 00:24:39,420 imaju klase poseban i koje su klase lijepo. 592 00:24:39,420 --> 00:24:48,150 >> Dakle, ono što možete učiniti u main.css, možete reći, neka prvi izbrisati ovaj. 593 00:24:48,150 --> 00:24:50,240 Možete kombinirati ove. 594 00:24:50,240 --> 00:24:51,430 Dakle, što možete učiniti .special. 595 00:24:51,430 --> 00:24:52,110 Nema prostora. 596 00:24:52,110 --> 00:24:54,770 Samo .special.pretty. 597 00:24:54,770 --> 00:25:00,550 Što to znači nešto koji je i posebna i lijepa. 598 00:25:00,550 --> 00:25:01,900 Je li to smisla? 599 00:25:01,900 --> 00:25:04,190 A ako ćemo ići ovdje, ono ti si idući u vidjeti 600 00:25:04,190 --> 00:25:09,734 to pravilo vrijedi samo za Drugi, koji ima i onih. 601 00:25:09,734 --> 00:25:11,400 A vi možete učiniti za puno stvari. 602 00:25:11,400 --> 00:25:13,270 Možete say-- neka je pretvarati Samo sam htjela 603 00:25:13,270 --> 00:25:18,300 raditi stvari koje imaju klasu lijepu a koji su također stavak oznaka. 604 00:25:18,300 --> 00:25:19,920 Tako p.pretty. 605 00:25:19,920 --> 00:25:23,585 Ajmo se pretvarati da sam imala nešto lijepo o oznakama tijelu. 606 00:25:23,585 --> 00:25:25,850 OK? 607 00:25:25,850 --> 00:25:28,490 Ja mogu pokrenuti ovo i ja vidi se da je to samo 608 00:25:28,490 --> 00:25:32,720 će se primjenjivati ​​na stvari koje su stavci s razredom lijepo. 609 00:25:32,720 --> 00:25:35,650 A možete kombinirati ove, Uglavnom, koliko god želite. 610 00:25:35,650 --> 00:25:38,580 Tako možete samo ih staviti zajedno. 611 00:25:38,580 --> 00:25:39,604 Je li to smisla? 612 00:25:39,604 --> 00:25:41,770 ALLISON BUCHHOLTZ-AU: Pa Ova vrsta je više koristan 613 00:25:41,770 --> 00:25:45,490 kada, Tomas je govorio ranije, možda imate jako komplicirano web stranice, 614 00:25:45,490 --> 00:25:48,050 a vi već imate mnogo ovih pravila pisanih, 615 00:25:48,050 --> 00:25:51,170 a vi samo trebate kombiniraju dva od prije. 616 00:25:51,170 --> 00:25:55,350 Kao i umjesto pisanja cjelinu Novi selektor i mijenja tu, 617 00:25:55,350 --> 00:25:58,592 možete samo kombinirati ih gdje se preklapa. 618 00:25:58,592 --> 00:26:00,670 >> TOMAS REIMERS: Ili si možda naći out-- ponekad 619 00:26:00,670 --> 00:26:04,290 postoji jedna klasa koja čini fontova boje poput plave, 620 00:26:04,290 --> 00:26:06,740 a tu je još jedna klasa koja čini pozadini plavo. 621 00:26:06,740 --> 00:26:07,840 A to jednostavno neće raditi. 622 00:26:07,840 --> 00:26:10,924 Tako ćete napisati poseban slučaj, gdje je, like-- ali ako ima i, što si 623 00:26:10,924 --> 00:26:13,548 učiniti je da ćeš To treba tu nijansu plave 624 00:26:13,548 --> 00:26:15,310 a ovo je jedan taj drugi nijansu plave. 625 00:26:15,310 --> 00:26:15,580 Pravo? 626 00:26:15,580 --> 00:26:17,955 >> ALLISON BUCHHOLTZ-AU: Dobar za one vrste iznimki. 627 00:26:17,955 --> 00:26:21,220 TOMAS REIMERS: Tako se razmišljati o problemima 628 00:26:21,220 --> 00:26:25,000 koje bi mogle nastati ako ih kombinirati. 629 00:26:25,000 --> 00:26:27,020 Cool. 630 00:26:27,020 --> 00:26:29,692 Dakle, natrag na naše prezentacije. 631 00:26:29,692 --> 00:26:31,400 ALLISON BUCHHOLTZ-AU: Mi smo skoro tamo. 632 00:26:31,400 --> 00:26:34,022 TOMAS REIMERS: I prestao povezivanje. 633 00:26:34,022 --> 00:26:36,494 ALLISON BUCHHOLTZ-AU: Oh, ne. 634 00:26:36,494 --> 00:26:39,125 ALLISON BUCHHOLTZ-AU: CS na ured, internet ide prema dolje. 635 00:26:39,125 --> 00:26:40,360 Oh, ironija. 636 00:26:40,360 --> 00:26:45,620 >> TOMAS REIMERS: Znači sreću, možemo predstaviti bez interneta, pretpostavljam, 637 00:26:45,620 --> 00:26:47,380 jer imamo sve slajdove ovdje. 638 00:26:47,380 --> 00:26:49,304 Dakle, pričajmo o Odnos oznake. 639 00:26:49,304 --> 00:26:50,470 ALLISON BUCHHOLTZ-AU: Pravo. 640 00:26:50,470 --> 00:26:52,660 Dakle, samo vrsta ide od onoga što je rekao Tomas, 641 00:26:52,660 --> 00:26:54,180 ovo je samo još jedan način da to učinite. 642 00:26:54,180 --> 00:26:57,840 Dakle, imamo neke roditelja 'Sa selektor djeteta. 643 00:26:57,840 --> 00:27:02,815 Dakle, u ovom primjeru ovdje, imamo neke Tijelo s klase Navbaru, Button klase. 644 00:27:02,815 --> 00:27:03,315 Ah. 645 00:27:03,315 --> 00:27:03,990 >> TOMAS REIMERS: Oh, ispričavam se. 646 00:27:03,990 --> 00:27:06,180 >> ALLISON BUCHHOLTZ-AU: I osnovi, što to znači 647 00:27:06,180 --> 00:27:11,070 je odabrati sve djece, kao što su sve ove vrste selektora, 648 00:27:11,070 --> 00:27:13,040 unutar ovog izbornika matične. 649 00:27:13,040 --> 00:27:16,004 I one su jedine što je ikad će podnijeti zahtjev za. 650 00:27:16,004 --> 00:27:17,755 Ne znam je li vama imaju bolji način of-- 651 00:27:17,755 --> 00:27:19,504 TOMAS REIMERS: Pa ja Valjda način razmišljati 652 00:27:19,504 --> 00:27:22,440 o tome se sjećam prije kako smo vrsta kao što su ih stavili zajedno. 653 00:27:22,440 --> 00:27:26,340 A onda to znači da jedan element koji odgovara svim tim. 654 00:27:26,340 --> 00:27:29,530 Što to govori, ja Želim da odgovaraju sve 655 00:27:29,530 --> 00:27:33,220 u some-- želim ćete pronaći selektor. 656 00:27:33,220 --> 00:27:35,670 A onda unutar toga, želim prilagodbu nove stvari. 657 00:27:35,670 --> 00:27:36,170 Pravo? 658 00:27:36,170 --> 00:27:40,900 Tako je u CSS, to je sve o vrsta biti u mogućnosti kako bi se slagala ove stavke. 659 00:27:40,900 --> 00:27:43,050 I vi možete pokušati uskladiti stavke unutar drugih predmeta. 660 00:27:43,050 --> 00:27:46,510 >> Tako ćemo doista napraviti primjer, i mi mislimo da ćemo pojasniti. 661 00:27:46,510 --> 00:27:53,090 Tako ćemo se pretvarati smo posebni, Posebno lijepa, što god. 662 00:27:53,090 --> 00:27:55,690 I onda imamo vezu, OK? 663 00:27:55,690 --> 00:27:59,780 664 00:27:59,780 --> 00:28:02,370 Tako zapamtite, je veza. 665 00:28:02,370 --> 00:28:03,900 To neće ići nigdje. 666 00:28:03,900 --> 00:28:11,500 I mi ćemo dati klase veza, valjda. 667 00:28:11,500 --> 00:28:13,335 Budimo se dati class-- mi dati ideju. 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- neka je go to klasa lijepo. 670 00:28:16,420 --> 00:28:16,930 Zašto ne? 671 00:28:16,930 --> 00:28:17,971 >> ALLISON BUCHHOLTZ-AU: OK. 672 00:28:17,971 --> 00:28:23,040 TOMAS REIMERS: Pa sada lijepe stvari 673 00:28:23,040 --> 00:28:26,000 ćemo napraviti pozadinu plava, boja pozadine lososa. 674 00:28:26,000 --> 00:28:27,969 To ima smisla. 675 00:28:27,969 --> 00:28:28,760 A ako mi ne this-- 676 00:28:28,760 --> 00:28:29,620 >> ALLISON BUCHHOLTZ-AU: Želite li dodati tekst 677 00:28:29,620 --> 00:28:31,078 pa hipervezu zapravo pokazuje se? 678 00:28:31,078 --> 00:28:35,088 TOMAS REIMERS: Da bilo bi dobro poziva. 679 00:28:35,088 --> 00:28:37,921 ALLISON BUCHHOLTZ-AU: Jer pravo Sada smo samo će dobiti ništa. 680 00:28:37,921 --> 00:28:39,690 TOMAS REIMERS: Dakle, ovo je link. 681 00:28:39,690 --> 00:28:42,202 "To je karika." 682 00:28:42,202 --> 00:28:45,820 Oh, i to se događa biti još jedan link. 683 00:28:45,820 --> 00:28:47,280 Dajmo mu klasu "cool". 684 00:28:47,280 --> 00:28:50,295 Ti si u pravu. 685 00:28:50,295 --> 00:28:50,795 Cool. 686 00:28:50,795 --> 00:28:53,590 687 00:28:53,590 --> 00:28:56,010 Dakle, sada ćemo zgrabiti to. 688 00:28:56,010 --> 00:28:57,269 Idemo baciti jedan. 689 00:28:57,269 --> 00:28:59,060 Imamo jedan u Posebna oznaka, a mi također 690 00:28:59,060 --> 00:29:01,150 će imati jedan u prilično oznaku. 691 00:29:01,150 --> 00:29:05,449 A sada ono što ćemo to je da ćemo napraviti cool-- 692 00:29:05,449 --> 00:29:06,490 Što želimo to učiniti? 693 00:29:06,490 --> 00:29:10,347 694 00:29:10,347 --> 00:29:12,180 ALLISON BUCHHOLTZ-AU: Možemo to napraviti veći? 695 00:29:12,180 --> 00:29:13,800 TOMAS REIMERS: Dajmo joj granice. 696 00:29:13,800 --> 00:29:14,840 ALLISON BUCHHOLTZ-AU: Mogli smo granicu. 697 00:29:14,840 --> 00:29:15,673 TOMAS REIMERS: Da. 698 00:29:15,673 --> 00:29:18,560 Tako ćemo učiniti nešto kao što su, granični is-- a mi smo 699 00:29:18,560 --> 00:29:20,971 će objasniti sve u sekundi. 700 00:29:20,971 --> 00:29:21,470 Za now-- 701 00:29:21,470 --> 00:29:24,592 >> ALLISON BUCHHOLTZ-AU: Da box modelu. 702 00:29:24,592 --> 00:29:27,300 TOMAS REIMERS: Ali za sada, mi smo Upravo će to dati granicu. 703 00:29:27,300 --> 00:29:29,580 Dakle, što to znači da ste će vidjeti ove linkove. 704 00:29:29,580 --> 00:29:32,788 I ti ćeš vidjeti da su ti, kao, ružne crne granice, koje 705 00:29:32,788 --> 00:29:33,820 je super. 706 00:29:33,820 --> 00:29:34,500 >> ALLISON BUCHHOLTZ-AU: Naša web stranica je tako lijepo. 707 00:29:34,500 --> 00:29:35,333 >> TOMAS REIMERS: Da. 708 00:29:35,333 --> 00:29:38,930 Naša web stranica je strašan. 709 00:29:38,930 --> 00:29:41,585 Dakle, ove dvije su linkovi, a što se pojavljuju. 710 00:29:41,585 --> 00:29:44,160 Sada ćemo se pretvarati I Samo je želio učiniti 711 00:29:44,160 --> 00:29:50,072 Ako to nije u nečemu koji je imao pozadinu lososa. 712 00:29:50,072 --> 00:29:52,280 Dakle, ne zaboravite da je ovaj ima pozadinu lososa, 713 00:29:52,280 --> 00:29:54,000 jer je u klasi lijepo. 714 00:29:54,000 --> 00:29:59,777 >> Ali mi želimo reći da se samo hladi koji su se u razredu posebna, a ne u razredu 715 00:29:59,777 --> 00:30:02,890 lijepa, treba imati tu granicu. 716 00:30:02,890 --> 00:30:12,549 Pa, što možete učiniti je li Može se reći, .special, prostor, .cool. 717 00:30:12,549 --> 00:30:15,590 A što da radi, kada mislite o tome, to je zapravo govori: 718 00:30:15,590 --> 00:30:19,530 OK, nađi mi sve koji odgovara posebna. 719 00:30:19,530 --> 00:30:24,104 Onda unutar tih oznaka, pronašli ja sve što je cool. 720 00:30:24,104 --> 00:30:27,270 ALLISON BUCHHOLTZ-AU: Pa još jedan način da bi bilo dobro razmisliti o tome, 721 00:30:27,270 --> 00:30:29,810 to se vraćamo na C, je kao i ideja o opsegu. 722 00:30:29,810 --> 00:30:34,020 Dakle, kada imate neke Selektor, poput onih 723 00:30:34,020 --> 00:30:38,460 koje smo radili za ovo prije, cijeli web stranice, sve HTML 724 00:30:38,460 --> 00:30:40,180 je unutar vašeg dosega, zar ne? 725 00:30:40,180 --> 00:30:43,090 No, kada smo to odnosa roditelj-dijete, 726 00:30:43,090 --> 00:30:47,130 to je kao da ste sužavanje gdje ste u potrazi za određenom mjestu, 727 00:30:47,130 --> 00:30:50,540 kao da je, kao što je, mi smo u potrazi roku Umjesto određenu funkciju 728 00:30:50,540 --> 00:30:52,007 naše cijele datoteke. 729 00:30:52,007 --> 00:30:55,090 PUBLIKA: Dakle, s tim na umu, bi to su važni, ako smo imali changed-- 730 00:30:55,090 --> 00:30:56,423 ALLISON BUCHHOLTZ-AU: red? 731 00:30:56,423 --> 00:30:59,320 PUBLIKA: --the klase u CSS da .cool, prostor, .special? 732 00:30:59,320 --> 00:31:01,153 ALLISON BUCHHOLTZ-AU: Da, jer je tada 733 00:31:01,153 --> 00:31:04,420 bih, opseg ga sve što je cool, 734 00:31:04,420 --> 00:31:07,235 a zatim pogled na ono što has-- Mislim, kao što je, u ovom slučaju, 735 00:31:07,235 --> 00:31:08,860 Ne mislim da bi se to promijenilo. 736 00:31:08,860 --> 00:31:10,318 >> TOMAS REIMERS: Ako mi je rekla što? 737 00:31:10,318 --> 00:31:10,906 Oprostite. 738 00:31:10,906 --> 00:31:12,660 >> ALLISON BUCHHOLTZ-AU: Ako ćemo Opseg se da se ohladi, a zatim se 739 00:31:12,660 --> 00:31:14,550 tražiti stvari iz posebne, bilo bi isto, zapravo. 740 00:31:14,550 --> 00:31:16,260 >> TOMAS REIMERS: Pa to ne bi bilo. 741 00:31:16,260 --> 00:31:16,590 >> ALLISON BUCHHOLTZ-AU: ne bi? 742 00:31:16,590 --> 00:31:17,590 Oh, oh dobro. 743 00:31:17,590 --> 00:31:18,090 Ja sam u krivu. 744 00:31:18,090 --> 00:31:21,480 >> TOMAS REIMERS: Pa razlog to je different-- uobičajeno mistake-- 745 00:31:21,480 --> 00:31:27,140 je da je sada samo Link je super, zar ne? 746 00:31:27,140 --> 00:31:32,176 Mislim da moje pitanje kako ti dečki se, što na ovoj stranici usklađena .cool? 747 00:31:32,176 --> 00:31:35,984 748 00:31:35,984 --> 00:31:38,340 Postoje dvije oznake ovdje, zar ne? 749 00:31:38,340 --> 00:31:39,770 Koji je to jedan i to je jedan. 750 00:31:39,770 --> 00:31:40,590 Oba odgovarati kul. 751 00:31:40,590 --> 00:31:42,200 Ništa drugo ne. 752 00:31:42,200 --> 00:31:46,460 Dakle, ako ste rekli, .cool, prostor, .special, što ćeš reći, 753 00:31:46,460 --> 00:31:48,824 unutar tih oznaka, što je posebna? 754 00:31:48,824 --> 00:31:49,865 ALLISON BUCHHOLTZ-AU: Hm. 755 00:31:49,865 --> 00:31:51,800 To je ono što it-- pravu. 756 00:31:51,800 --> 00:31:52,310 Jer to je kao da ovdje samo nešto. 757 00:31:52,310 --> 00:31:53,310 >> TOMAS REIMERS: Pa to odabire ništa. 758 00:31:53,310 --> 00:31:56,530 >> ALLISON BUCHHOLTZ-AU: Dok s Posebno, mi smo unutar tih oznaka ovdje. 759 00:31:56,530 --> 00:31:57,971 >> TOMAS REIMERS: Oni i one. 760 00:31:57,971 --> 00:31:58,512 PUBLIKA: OK. 761 00:31:58,512 --> 00:31:58,920 Dakle, oni oznake iz kosu crtu? 762 00:31:58,920 --> 00:31:59,740 >> TOMAS REIMERS: Da. 763 00:31:59,740 --> 00:32:01,150 Je li to smisla? 764 00:32:01,150 --> 00:32:03,685 Kako je to zapravo pokušava suziti opseg. 765 00:32:03,685 --> 00:32:04,810 ALLISON BUCHHOLTZ-AU: Da. 766 00:32:04,810 --> 00:32:06,870 Mislim da je to vjerojatno Najlakši način da se razmisli o tome. 767 00:32:06,870 --> 00:32:09,270 >> TOMAS REIMERS: Dakle našli smo ovo, te otkrili smo to i odgovara posebna. 768 00:32:09,270 --> 00:32:11,400 I onda tražimo, u roku ovi momci, ono što je cool? 769 00:32:11,400 --> 00:32:12,941 I u tom jednom, ovo je super. 770 00:32:12,941 --> 00:32:14,500 Unutar ove, ništa je super. 771 00:32:14,500 --> 00:32:16,250 Dakle, to je samo oznaka koja ostaje. 772 00:32:16,250 --> 00:32:20,112 >> ALLISON BUCHHOLTZ-AU: Dok kul je samo u tim od tamo tagova. 773 00:32:20,112 --> 00:32:21,070 TOMAS REIMERS: Točno. 774 00:32:21,070 --> 00:32:22,403 A ono što je posebno u onima? 775 00:32:22,403 --> 00:32:22,930 Ništa. 776 00:32:22,930 --> 00:32:25,270 Sada, ono što ću reći Ako nema prostora, 777 00:32:25,270 --> 00:32:29,880 pitate što je cool i special-- ili ono što je lijepo i posebna, zar ne? 778 00:32:29,880 --> 00:32:35,370 Ako kažeš .special.pretty, to je isto kao .pretty.special. 779 00:32:35,370 --> 00:32:39,220 >> Zato što je uklanjanje prostor je pita se, kad kažem .special, 780 00:32:39,220 --> 00:32:40,970 pitate, OK, koje su posebna? 781 00:32:40,970 --> 00:32:43,780 A onda od onih koji Oni su također prilično, 782 00:32:43,780 --> 00:32:47,010 što je isto, gramatički, što pitate, što je lijepo, 783 00:32:47,010 --> 00:32:49,500 i onda od onih, što je također posebna? 784 00:32:49,500 --> 00:32:50,000 Pravo? 785 00:32:50,000 --> 00:32:53,099 To je razlika što je u tome što je. 786 00:32:53,099 --> 00:32:53,640 PUBLIKA: OK. 787 00:32:53,640 --> 00:32:54,473 TOMAS REIMERS: Da. 788 00:32:54,473 --> 00:32:56,670 789 00:32:56,670 --> 00:32:58,030 Awesome. 790 00:32:58,030 --> 00:33:00,426 Dakle, s tim na umu then-- 791 00:33:00,426 --> 00:33:01,800 >> ALLISON BUCHHOLTZ-AU: Mislim da je naš zadnji Stvar je (u fancy britanskim naglaskom) 792 00:33:01,800 --> 00:33:02,510 model kutije. 793 00:33:02,510 --> 00:33:05,992 >> TOMAS REIMERS: box-- [nasmijao] Volim način Allison kaže da je. 794 00:33:05,992 --> 00:33:06,950 Tako je model kutije stvar. 795 00:33:06,950 --> 00:33:09,644 >> ALLISON BUCHHOLTZ-AU: Samo kutija, ja ću biti vaš model kutija. 796 00:33:09,644 --> 00:33:11,310 TOMAS REIMERS: Tako ćemo razgovarati o tome. 797 00:33:11,310 --> 00:33:14,070 Dakle, sada smo proveli puno vremena govori o selektora. 798 00:33:14,070 --> 00:33:16,944 Do sada, ti dečki su vjerojatno, kao što je, majstori selectors-- znate, 799 00:33:16,944 --> 00:33:21,510 Kako točno odabrati sadržaj koji Želite manipulirati na zaslonu. 800 00:33:21,510 --> 00:33:24,740 >> Dakle, sada je pitanje, kako točno mogu li ga manipulirati? 801 00:33:24,740 --> 00:33:27,010 Pa valjda najosnovnijih način da misle o tome 802 00:33:27,010 --> 00:33:30,294 je, dobro, što je točno je element u CSS? 803 00:33:30,294 --> 00:33:32,585 Mi smo proveli puno vremena Riječ je o, što je oznaka, 804 00:33:32,585 --> 00:33:36,140 ili ono što je najosnovnije prikaz oznake? 805 00:33:36,140 --> 00:33:39,870 806 00:33:39,870 --> 00:33:45,170 >> Dobar način da mislite o tome to jest, ono što je oblik lososa? 807 00:33:45,170 --> 00:33:47,295 Što oblik, kao što je, boje lososa pozadinu? 808 00:33:47,295 --> 00:33:47,880 >> PUBLIKA: To je pravokutnik. 809 00:33:47,880 --> 00:33:49,040 >> TOMAS REIMERS: To je pravokutnik, zar ne? 810 00:33:49,040 --> 00:33:50,956 >> ALLISON BUCHHOLTZ-AU: Nije trik pitanje. 811 00:33:50,956 --> 00:33:51,870 [Smijeh] 812 00:33:51,870 --> 00:33:54,670 >> TOMAS REIMERS: Ne pokušavam ti trik dečki ovako kasno. 813 00:33:54,670 --> 00:33:57,510 Dakle, imamo pravokutnik. 814 00:33:57,510 --> 00:33:59,140 A oznaka p, zar ne? 815 00:33:59,140 --> 00:34:02,280 Tako da nam daje dobar uvjerenje da stavak 816 00:34:02,280 --> 00:34:07,440 predstavljen kao pravokutnik na barem u mislima preglednika, koji 817 00:34:07,440 --> 00:34:08,715 to je. 818 00:34:08,715 --> 00:34:11,423 >> ALLISON BUCHHOLTZ-AU: Mislim, preglednici su obično pravokutnog, 819 00:34:11,423 --> 00:34:13,440 tako da ima smisla. 820 00:34:13,440 --> 00:34:18,750 >> TOMAS REIMERS: Ideja je da se ovdje da su sve oznake u CSS 821 00:34:18,750 --> 00:34:21,790 su zastupljeni kao pravokutnik. 822 00:34:21,790 --> 00:34:25,699 I svaki pravokutnik ima četiri Dijelovi prema CSS, OK? 823 00:34:25,699 --> 00:34:27,830 Imate stvarni sadržaj. 824 00:34:27,830 --> 00:34:29,644 To je mjesto gdje se nalazi tekst. 825 00:34:29,644 --> 00:34:30,470 >> ALLISON BUCHHOLTZ-AU: Možda tvoja slika. 826 00:34:30,470 --> 00:34:31,303 >> TOMAS REIMERS: Da. 827 00:34:31,303 --> 00:34:33,860 Imate padding, koji je samo neka vrsta bijelog prostora. 828 00:34:33,860 --> 00:34:35,085 Tada ćete imati granice. 829 00:34:35,085 --> 00:34:37,710 I onda imaš maržu, što je bijeli prostor izvan toga. 830 00:34:37,710 --> 00:34:39,460 Tako da nema smisla za svakoga, tako da smo 831 00:34:39,460 --> 00:34:42,500 će govoriti o tome da je za sekundu. 832 00:34:42,500 --> 00:34:47,570 Dakle ovdje, što ćemo učiniti se da ćemo stvoriti neke DIVs, OK? 833 00:34:47,570 --> 00:34:48,420 Ispričavam se, dok I-- 834 00:34:48,420 --> 00:34:51,506 >> ALLISON BUCHHOLTZ-AU: Osjećam se sviđa trebamo staviti slatku sliku u. 835 00:34:51,506 --> 00:34:52,520 >> TOMAS REIMERS: Mi svakako treba. 836 00:34:52,520 --> 00:34:53,389 >> ALLISON BUCHHOLTZ-AU: Osjećam se kao i svi 837 00:34:53,389 --> 00:34:54,870 mogao imati koristi od slatka slika, to je sve. 838 00:34:54,870 --> 00:34:56,774 >> TOMAS REIMERS: Možemo svi imaju koristi od A- 839 00:34:56,774 --> 00:34:57,648 >> PUBLIKA: Da, naravno. 840 00:34:57,648 --> 00:34:58,790 TOMAS REIMERS: OK, super. 841 00:34:58,790 --> 00:35:02,254 Tako smo trebali staviti slatka slika negdje. 842 00:35:02,254 --> 00:35:05,295 ALLISON BUCHHOLTZ-AU: Osjećam se kao slatka kunić može biti korisno upravo sada. 843 00:35:05,295 --> 00:35:06,190 TOMAS REIMERS: Naravno. 844 00:35:06,190 --> 00:35:06,950 ALLISON BUCHHOLTZ-AU: Kraj tjedna. 845 00:35:06,950 --> 00:35:07,390 Imati nešto adorab-- 846 00:35:07,390 --> 00:35:08,520 >> TOMAS REIMERS: Kako bout mačića? 847 00:35:08,520 --> 00:35:09,220 >> ALLISON BUCHHOLTZ-AU: Mačić radi, previše. 848 00:35:09,220 --> 00:35:11,300 >> TOMAS REIMERS: Cool, jer Tu je mjesto za to. 849 00:35:11,300 --> 00:35:12,300 To se zove PlaceKitten. 850 00:35:12,300 --> 00:35:14,719 ALLISON BUCHHOLTZ-AU: To je super. 851 00:35:14,719 --> 00:35:15,510 TOMAS REIMERS: Da. 852 00:35:15,510 --> 00:35:18,040 ALLISON BUCHHOLTZ-AU: Samo, kao što su, Slike rezervirano mjesto na svoju web stranicu. 853 00:35:18,040 --> 00:35:18,914 TOMAS REIMERS: Mm-hm. 854 00:35:18,914 --> 00:35:21,520 Tu je također PlacePuppy. 855 00:35:21,520 --> 00:35:22,832 A tu je PlaceBacon. 856 00:35:22,832 --> 00:35:24,340 >> ALLISON BUCHHOLTZ-AU: PlaceBacon? 857 00:35:24,340 --> 00:35:25,350 Stvarno? 858 00:35:25,350 --> 00:35:28,190 >> TOMAS REIMERS: Oh, mi ne imaju pristup internetu ovdje. 859 00:35:28,190 --> 00:35:29,875 >> ALLISON BUCHHOLTZ-AU: [uzdiše] 860 00:35:29,875 --> 00:35:30,375 Tragična. 861 00:35:30,375 --> 00:35:32,333 TOMAS REIMERS: Inače, Ja bih vam pokazati dečki 862 00:35:32,333 --> 00:35:33,870 Kako staviti slike u vaše web stranice. 863 00:35:33,870 --> 00:35:36,370 Mi ćemo pokušati dobiti ovaj raditi prije nego moramo ići. 864 00:35:36,370 --> 00:35:38,660 No, za sada, mi smo samo će govoriti u bojama tada. 865 00:35:38,660 --> 00:35:39,820 Želimo staviti slike kittens-- 866 00:35:39,820 --> 00:35:40,210 >> ALLISON BUCHHOLTZ-AU: Napravili smo. 867 00:35:40,210 --> 00:35:43,110 >> TOMAS REIMERS: --the internet-a dolje za trenutak postojanja. 868 00:35:43,110 --> 00:35:47,820 Dakle, imamo dvije DIVs, a mi smo će im dvije IDS. 869 00:35:47,820 --> 00:35:51,380 870 00:35:51,380 --> 00:35:56,760 Mi ćemo ga nazvati "Prvi" i "drugi". 871 00:35:56,760 --> 00:36:01,184 Dakle id = "Prva". 872 00:36:01,184 --> 00:36:02,850 A mi ćemo im dati dvije boje. 873 00:36:02,850 --> 00:36:08,424 Pa kako ćemo odabrati nešto s id od "prvi"? 874 00:36:08,424 --> 00:36:09,840 ALLISON BUCHHOLTZ-AU: Dot ili mljeveno meso? 875 00:36:09,840 --> 00:36:10,730 PUBLIKA: Sharp. 876 00:36:10,730 --> 00:36:12,940 TOMAS REIMERS: Sharp, savršena. 877 00:36:12,940 --> 00:36:14,950 Sharp, mljeveno meso, što god we-- 878 00:36:14,950 --> 00:36:15,680 >> ALLISON BUCHHOLTZ-AU: Mnogo stvari nazvati. 879 00:36:15,680 --> 00:36:16,430 >> TOMAS REIMERS: OK. 880 00:36:16,430 --> 00:36:19,800 Idemo riješiti na hashtag, a to je ono što ćemo ići s. 881 00:36:19,800 --> 00:36:20,300 OK? 882 00:36:20,300 --> 00:36:20,735 >> ALLISON BUCHHOLTZ-AU: hashtag. 883 00:36:20,735 --> 00:36:22,340 >> TOMAS REIMERS: Pa hashtag prvi. 884 00:36:22,340 --> 00:36:24,506 >> ALLISON BUCHHOLTZ-AU: Pa možete cvrkut seminar-- 885 00:36:24,506 --> 00:36:27,582 hashtag CSS, hashtag cool. 886 00:36:27,582 --> 00:36:29,040 TOMAS REIMERS: hashtag fantastičnosti. 887 00:36:29,040 --> 00:36:30,730 ALLISON BUCHHOLTZ-AU: Hashtag fantastičnosti, da. 888 00:36:30,730 --> 00:36:31,480 TOMAS REIMERS: OK. 889 00:36:31,480 --> 00:36:33,660 Tako smo "prvi" i "drugi". 890 00:36:33,660 --> 00:36:37,697 Tako je prvi, idemo imati Boja pozadine crveno. 891 00:36:37,697 --> 00:36:39,030 ALLISON BUCHHOLTZ-AU: Uh, debelog crijeva. 892 00:36:39,030 --> 00:36:40,281 TOMAS REIMERS: Yup. 893 00:36:40,281 --> 00:36:42,281 ALLISON BUCHHOLTZ-AU: Ja ću biti vaša točka-checker. 894 00:36:42,281 --> 00:36:43,960 TOMAS REIMERS: Allison je dobio mene. 895 00:36:43,960 --> 00:36:45,830 Pozadina-boja blue-- 896 00:36:45,830 --> 00:36:46,810 >> TOMAS REIMERS: Ljubičasta! 897 00:36:46,810 --> 00:36:47,726 >> TOMAS REIMERS: Purple. 898 00:36:47,726 --> 00:36:48,830 ALLISON BUCHHOLTZ-AU: Da. 899 00:36:48,830 --> 00:36:50,630 Purple je moja omiljena boja, a nismo ga koristili još. 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 To radi. 903 00:36:53,860 --> 00:36:56,482 904 00:36:56,482 --> 00:36:59,880 >> TOMAS REIMERS: Tako smo će imati dva DIVs. 905 00:36:59,880 --> 00:37:01,654 Oni će biti potpuno prazna. 906 00:37:01,654 --> 00:37:03,070 Vjerojatno smo trebali imati neki tekst. 907 00:37:03,070 --> 00:37:05,580 908 00:37:05,580 --> 00:37:09,815 Dakle, "prvi" će biti "Halo." 909 00:37:09,815 --> 00:37:10,940 I "druga" će say-- 910 00:37:10,940 --> 00:37:11,110 >> ALLISON BUCHHOLTZ-AU: Zbogom. 911 00:37:11,110 --> 00:37:12,514 >> PUBLIKA: - "svijet." 912 00:37:12,514 --> 00:37:14,122 Pozdrav, zbogom. 913 00:37:14,122 --> 00:37:16,580 ALLISON BUCHHOLTZ-AU: Vidjela sam ih u dogovoru drugi tjedan. 914 00:37:16,580 --> 00:37:17,705 TOMAS REIMERS: The Beatles? 915 00:37:17,705 --> 00:37:20,242 ALLISON BUCHHOLTZ-AU: Za Reals. 916 00:37:20,242 --> 00:37:21,200 Oni nisu veliki. 917 00:37:21,200 --> 00:37:24,084 918 00:37:24,084 --> 00:37:24,750 Ne sviđa mi se to. 919 00:37:24,750 --> 00:37:26,060 >> TOMAS REIMERS: Imamo "Hello" i "zbogom." 920 00:37:26,060 --> 00:37:29,102 A opet, CSS je samo strašan, jer prepoznaje naše boje. 921 00:37:29,102 --> 00:37:30,810 Ne trebaju ni brinuti da oni postoje. 922 00:37:30,810 --> 00:37:33,194 Oni su učinili. 923 00:37:33,194 --> 00:37:35,130 >> ALLISON BUCHHOLTZ-AU: Oni postoje. 924 00:37:35,130 --> 00:37:39,560 >> TOMAS REIMERS: Pa CSS mislim ima 255 riječi govoriti o boji. 925 00:37:39,560 --> 00:37:42,986 Ako se možete sjetiti boje izvana onih 255, kao što je, ja ću biti impresioniran. 926 00:37:42,986 --> 00:37:44,110 ALLISON BUCHHOLTZ-AU: Da. 927 00:37:44,110 --> 00:37:45,560 Mislim da ti dečki mogu imati Upravo se u odmah nakon. 928 00:37:45,560 --> 00:37:47,727 >> TOMAS REIMERS: Pa evo, vidjet ćete da imamo dvije kutije 929 00:37:47,727 --> 00:37:49,143 Pravo na vrhu svake druge, zar ne? 930 00:37:49,143 --> 00:37:50,200 Pozdrav i zbogom. 931 00:37:50,200 --> 00:37:51,460 >> ALLISON BUCHHOLTZ-AU: Nema prostora između. 932 00:37:51,460 --> 00:37:53,390 Samo su si smooshed Pravo na vrhu svake druge. 933 00:37:53,390 --> 00:37:55,973 >> TOMAS REIMERS: Pa prva stvar Mislim da bismo trebali razgovarati o tome 934 00:37:55,973 --> 00:38:02,960 je neka je i say-- Da. 935 00:38:02,960 --> 00:38:08,020 Dakle CSS ih predstavlja kao svojevrsno kutije. 936 00:38:08,020 --> 00:38:10,100 I kao što je kutija, imaju sadržaje. 937 00:38:10,100 --> 00:38:14,540 A sadržaj sada je vrsta HELLO ili zbogom i to je to. 938 00:38:14,540 --> 00:38:15,040 OK? 939 00:38:15,040 --> 00:38:19,790 >> Dakle, jedna od prvih stvari koje možete učiniti je možete dodati padding. 940 00:38:19,790 --> 00:38:25,610 Padding kaže koliko prostora to bi trebalo ostaviti na svakoj strani. 941 00:38:25,610 --> 00:38:29,200 Tako recimo želim reći 10 piksela na svakoj strani. 942 00:38:29,200 --> 00:38:31,234 A ja ću secirati da u sekundi. 943 00:38:31,234 --> 00:38:33,150 ALLISON BUCHHOLTZ-AU: Sve ove stvari ovdje 944 00:38:33,150 --> 00:38:36,980 će biti uglavnom u pikselima za ostatak seminara. 945 00:38:36,980 --> 00:38:40,980 Ti ćeš vidjeti da ima prostor oko njega, zar ne? 946 00:38:40,980 --> 00:38:46,360 Dakle, ono što ne vidite ovdje ima Ovaj nevidljivi vrsta obloga 947 00:38:46,360 --> 00:38:49,600 na svakoj strani, koja kaže, kao što su, OK, imate svoju kutiju content-- 948 00:38:49,600 --> 00:38:51,680 >> ALLISON BUCHHOLTZ-AU: Želite li samo podići uvida elementa? 949 00:38:51,680 --> 00:38:53,659 >> TOMAS REIMERS: Da, to je dobra ideja. 950 00:38:53,659 --> 00:38:56,700 ALLISON BUCHHOLTZ-AU: Isto tako, ne mogu naći da provjerite element je dobar način 951 00:38:56,700 --> 00:39:01,280 shvatiti ako se nešto događa pogrešno, nešto neočekivano dogodi, 952 00:39:01,280 --> 00:39:04,570 Uvidom u oznake i vidjeti što to je kao prepisana je korisno. 953 00:39:04,570 --> 00:39:05,940 >> TOMAS REIMERS: Pa nisam siguran Ako vi možete vidjeti ovu boju. 954 00:39:05,940 --> 00:39:06,470 Može li? 955 00:39:06,470 --> 00:39:10,120 Vidjet ćete ovaj padding o vrsti ruba. 956 00:39:10,120 --> 00:39:13,410 I onda vidiš stvarni Sadržaj u plavo, zar ne? 957 00:39:13,410 --> 00:39:16,820 Dakle, to je vrlo Osnove kutije modela. 958 00:39:16,820 --> 00:39:17,674 Imate sadržaja. 959 00:39:17,674 --> 00:39:18,590 Tada imate padding. 960 00:39:18,590 --> 00:39:20,440 >> PUBLIKA: Zašto jednostavno ne koristiti okvir unutar the-- 961 00:39:20,440 --> 00:39:21,606 >> ALLISON BUCHHOLTZ-AU: Pravo. 962 00:39:21,606 --> 00:39:24,745 Jer to je samo da odaberete Element sada. 963 00:39:24,745 --> 00:39:26,050 >> TOMAS REIMERS: Yup. 964 00:39:26,050 --> 00:39:27,060 Ostale stvari. 965 00:39:27,060 --> 00:39:29,780 Dakle, pričajmo o tome padding naredba za sekundu. 966 00:39:29,780 --> 00:39:36,380 Tako je u CSS, mjerenja trebaju imati jedinicu. 967 00:39:36,380 --> 00:39:39,740 Dakle, prvo morate iznos. 968 00:39:39,740 --> 00:39:41,460 Dakle, u ovom slučaju, mi smo, rekao je 10. 969 00:39:41,460 --> 00:39:44,780 A onda sljedeći mi smo, rekao je piksela, px. 970 00:39:44,780 --> 00:39:49,160 Ostali one možda imaju su stvari kao što su centimetara, inča. 971 00:39:49,160 --> 00:39:51,367 Možete napraviti stvari kao što su, što je 10 centimetara? 972 00:39:51,367 --> 00:39:52,700 I to će biti smiješno. 973 00:39:52,700 --> 00:39:52,990 >> ALLISON BUCHHOLTZ-AU: Oh, boy. 974 00:39:52,990 --> 00:39:53,460 >> PUBLIKA: Hej. 975 00:39:53,460 --> 00:39:54,460 >> TOMAS i Allison: Da. 976 00:39:54,460 --> 00:39:57,840 TOMAS REIMERS: Pa to je sve padding. 977 00:39:57,840 --> 00:39:59,255 Ja ću se vratiti u piksela. 978 00:39:59,255 --> 00:40:01,754 >> ALLISON BUCHHOLTZ-AU: Pikseli imaju tendenciju da se, kao što je, na standardu. 979 00:40:01,754 --> 00:40:04,589 Kad pogledate puno web stranice, oni uglavnom rade u pikselima. 980 00:40:04,589 --> 00:40:07,755 TOMAS REIMERS: Znači ti si idući u vidjeti bilo pixels-- one druge koje vidite 981 00:40:07,755 --> 00:40:13,952 ih se, što je jedan em je jednaka visini fonta 982 00:40:13,952 --> 00:40:15,160 koje trenutno koristite. 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: To je dobar način za reći, kao što, želim što više prostora mog fonta 986 00:40:20,740 --> 00:40:21,514 je uzimanje. 987 00:40:21,514 --> 00:40:23,180 ALLISON BUCHHOLTZ-AU: Nisam znao da je. 988 00:40:23,180 --> 00:40:25,747 Možete naučiti nešto novo svaki dan. 989 00:40:25,747 --> 00:40:27,955 TOMAS REIMERS: Postoji Puno mjerenja u CS. 990 00:40:27,955 --> 00:40:29,260 Predlažem vam da ih gledate. 991 00:40:29,260 --> 00:40:32,122 Za sve svoje slučajeve, mislim piksela bi trebao biti dovoljan. 992 00:40:32,122 --> 00:40:33,830 I oni su također ono ti si idući u vidjeti 993 00:40:33,830 --> 00:40:36,520 U većini primjera radi online. 994 00:40:36,520 --> 00:40:38,320 Tako ćemo ga ostaviti na piksela. 995 00:40:38,320 --> 00:40:42,420 >> Također možete, trebam say-- tako padding postavlja sve od paddings. 996 00:40:42,420 --> 00:40:49,789 Također možete napraviti nešto slično "Padding-top" samo set-- 997 00:40:49,789 --> 00:40:52,080 ALLISON BUCHHOLTZ-AU: Možda ćemo dobiti naš "Hello" leđa. 998 00:40:52,080 --> 00:40:55,480 TOMAS REIMERS: --to jednostavno postavljanje padding na vrhu i ništa drugo. 999 00:40:55,480 --> 00:40:59,560 Tako su četiri naredbe padding-top, padding-bottom, padding-lijevo, 1000 00:40:59,560 --> 00:41:00,310 i padding-desno. 1001 00:41:00,310 --> 00:41:02,470 >> ALLISON BUCHHOLTZ-AU: Baš kao što je što se i očekuje za kutiju. 1002 00:41:02,470 --> 00:41:03,530 >> TOMAS REIMERS: Da. 1003 00:41:03,530 --> 00:41:05,240 Ništa previše lud tamo. 1004 00:41:05,240 --> 00:41:08,230 Je li to smisla? 1005 00:41:08,230 --> 00:41:11,990 Tako da je padding. 1006 00:41:11,990 --> 00:41:14,110 Ja ću postaviti sve U paddings natrag do 10. 1007 00:41:14,110 --> 00:41:17,010 A onda ću prijeći na granici. 1008 00:41:17,010 --> 00:41:21,130 >> Dakle, ono što je granica Granica je čudno naredbe. 1009 00:41:21,130 --> 00:41:24,450 Potrebno je svojevrsni tri stvari odjednom. 1010 00:41:24,450 --> 00:41:28,930 Dakle, prva je kako veliki želim da bude kao mjerenje. 1011 00:41:28,930 --> 00:41:30,662 Opet, ja sam se samo pomoću piksela. 1012 00:41:30,662 --> 00:41:32,620 I zadnje što sam treba dodati i mjerenja 1013 00:41:32,620 --> 00:41:35,270 je jedna stvar koja ne treba jedinicu 0. 1014 00:41:35,270 --> 00:41:37,390 To je zapravo pogrešna dati 0 a jedinicu, 1015 00:41:37,390 --> 00:41:41,940 jer 0 0 diljem inča, piksela, centimetara, što god. 1016 00:41:41,940 --> 00:41:43,960 To sve samo znači 0, zar ne? 1017 00:41:43,960 --> 00:41:46,710 Dakle, prvo što su dali mjerenja. 1018 00:41:46,710 --> 00:41:48,650 >> Tada ćete da je to stil. 1019 00:41:48,650 --> 00:41:49,869 Zato ću reći "čvrste". 1020 00:41:49,869 --> 00:41:51,410 A mi ćemo govoriti o tome što to znači. 1021 00:41:51,410 --> 00:41:54,290 I onda na kraju, dati joj boju. 1022 00:41:54,290 --> 00:41:56,850 Zato ću reći "crno". 1023 00:41:56,850 --> 00:41:59,637 A to su sve stvari koje smo sada vidjela, osim za stil, 1024 00:41:59,637 --> 00:42:00,720 ali mi ćemo govoriti o tome. 1025 00:42:00,720 --> 00:42:04,120 Dakle, vi ste vidjeli mjerenja, a vi ste vidjeli boje. 1026 00:42:04,120 --> 00:42:10,410 A što se događa je da bi to Lijepo crni obrub oko njega, zar ne? 1027 00:42:10,410 --> 00:42:11,620 Vi vidite kako je to učinio? 1028 00:42:11,620 --> 00:42:12,760 >> PUBLIKA: Da. 1029 00:42:12,760 --> 00:42:14,850 >> TOMAS REIMERS: Cool. 1030 00:42:14,850 --> 00:42:17,370 Dakle, što je to? 1031 00:42:17,370 --> 00:42:19,160 Dakle, prije svega, to je jedan piksel. 1032 00:42:19,160 --> 00:42:20,880 To je očita dovoljno, zar ne? 1033 00:42:20,880 --> 00:42:23,254 Kao, to je debela jedan piksel. 1034 00:42:23,254 --> 00:42:26,170 Ili da će to biti jedan piksel, ali ja sam zumira, tako da je malo više 1035 00:42:26,170 --> 00:42:26,490 od toga. 1036 00:42:26,490 --> 00:42:27,967 >> ALLISON BUCHHOLTZ-AU: I mi imamo to smiješno razlučivosti TV. 1037 00:42:27,967 --> 00:42:29,460 >> TOMAS REIMERS: Da. 1038 00:42:29,460 --> 00:42:33,640 Možete ga napraviti veći, manja, što god. 1039 00:42:33,640 --> 00:42:35,630 Dakle, ovdje je dva piksela granične. 1040 00:42:35,630 --> 00:42:38,810 Vidjet ćete da je dvostruko debela. 1041 00:42:38,810 --> 00:42:40,172 Sljedeća stvar koju morate se boje. 1042 00:42:40,172 --> 00:42:41,130 To nije interesantno. 1043 00:42:41,130 --> 00:42:42,710 Neću govoriti O tome, zapravo. 1044 00:42:42,710 --> 00:42:45,110 >> ALLISON BUCHHOLTZ-AU: Ali stil možda samo malo zanimljivo. 1045 00:42:45,110 --> 00:42:45,980 >> TOMAS REIMERS: Da. 1046 00:42:45,980 --> 00:42:48,560 Dakle stilu, postoji nekoliko onih da vidim koristi često. 1047 00:42:48,560 --> 00:42:55,690 Prvi je kruta, sljedeći je točkasta, a posljednji je isprekidana. 1048 00:42:55,690 --> 00:42:59,290 I ovdje se nižu. 1049 00:42:59,290 --> 00:43:02,980 Vidjet ćete da su oni hrpa točkica, zar ne? 1050 00:43:02,980 --> 00:43:09,030 Dobar način da se nekako dobiti lijep granice ide, crtice su također prilično popularni. 1051 00:43:09,030 --> 00:43:11,580 1052 00:43:11,580 --> 00:43:13,600 >> ALLISON BUCHHOLTZ-AU: I onda, naravno, ja sam 1053 00:43:13,600 --> 00:43:16,660 sigurno ima dosta druge stilova koje možete dobiti. 1054 00:43:16,660 --> 00:43:20,000 I mi imamo veliki set linkovi na kraju za vama 1055 00:43:20,000 --> 00:43:23,470 to vrsta prostudirati i pogledati još hladnoj CSS. 1056 00:43:23,470 --> 00:43:25,954 >> TOMAS REIMERS: I onda posljednja stvar, mi smo 1057 00:43:25,954 --> 00:43:27,870 će govoriti o kutija modeli vrlo brzo. 1058 00:43:27,870 --> 00:43:30,070 Oh, a zatim granicom, baš kao padding, 1059 00:43:30,070 --> 00:43:33,270 imate i stvari kao što su border-lijevo, desno-border, granični-top, 1060 00:43:33,270 --> 00:43:37,590 border-bottom, koji vam omogućuju doći na određenu granicu. 1061 00:43:37,590 --> 00:43:40,650 Dakle, ovdje je samo granični napustio definirane. 1062 00:43:40,650 --> 00:43:43,060 Da li to smisla? 1063 00:43:43,060 --> 00:43:46,170 >> ALLISON BUCHHOLTZ-AU: To je super način istaknuti stvari ili dodavanje 1064 00:43:46,170 --> 00:43:47,545 linije između različitih elemenata. 1065 00:43:47,545 --> 00:43:48,670 TOMAS REIMERS: Apsolutno. 1066 00:43:48,670 --> 00:43:50,940 Dakle, to je naša granična. 1067 00:43:50,940 --> 00:43:52,790 I posljednji provizije. 1068 00:43:52,790 --> 00:43:55,892 Margin je kao padding osim što ne within-- 1069 00:43:55,892 --> 00:43:57,975 ALLISON BUCHHOLTZ-AU: to je Ne oko elementa 1070 00:43:57,975 --> 00:44:00,840 ali zapravo oko cijelog okvir koji smo vidjeli. 1071 00:44:00,840 --> 00:44:02,770 >> TOMAS REIMERS: Da. 1072 00:44:02,770 --> 00:44:04,090 Allison je rekao savršeno. 1073 00:44:04,090 --> 00:44:07,550 To nije, kao što je, unutar vašeg Element, to je oko cijelog okvira. 1074 00:44:07,550 --> 00:44:10,900 To znači da stvari kao što su Pozadina se ne odnose na nju. 1075 00:44:10,900 --> 00:44:13,550 I to u osnovi kaže, kao, ne želim ništa 1076 00:44:13,550 --> 00:44:15,230 U tom mnogo prostora za mene. 1077 00:44:15,230 --> 00:44:17,470 Dakle, kao što ovdje imamo marža od 10 piksela. 1078 00:44:17,470 --> 00:44:23,100 Dakle, ništa u roku od 10 piksela trebao biti uz mene. 1079 00:44:23,100 --> 00:44:26,210 To je vrsta njegova prostor, ali nekako ne. 1080 00:44:26,210 --> 00:44:29,215 Dakle, to je vrlo Osnove kutije modela. 1081 00:44:29,215 --> 00:44:30,090 Je li to smisla? 1082 00:44:30,090 --> 00:44:33,830 1083 00:44:33,830 --> 00:44:34,550 Cool, cool. 1084 00:44:34,550 --> 00:44:35,800 ALLISON BUCHHOLTZ-AU: Awesome. 1085 00:44:35,800 --> 00:44:37,890 Pa sad mislim da smo upravo imamo kul resurse 1086 00:44:37,890 --> 00:44:41,220 da ćemo vas odvesti dečki kroz vrlo brzo. 1087 00:44:41,220 --> 00:44:44,815 A mi ćemo actually-- dobro, imamo internet još? 1088 00:44:44,815 --> 00:44:47,860 >> TOMAS REIMERS: Pokušajmo vidjeti ako ja mogu otvoriti up-- 1089 00:44:47,860 --> 00:44:50,040 dopustite mi samo da vidim mogu dobiti internet brže 1090 00:44:50,040 --> 00:44:53,317 dok je Allison govori ni o čemu Allison želi razgovarati o tome. 1091 00:44:53,317 --> 00:44:55,150 ALLISON BUCHHOLTZ-AU: Tako basically-- Ne znam 1092 00:44:55,150 --> 00:44:57,930 Znaš što još mogu reći u ovom trenutku. 1093 00:44:57,930 --> 00:45:01,340 No, to su neki stvarno dobri izvori. 1094 00:45:01,340 --> 00:45:04,629 To su oni koji su Tomas i ja imati koristi 1095 00:45:04,629 --> 00:45:06,420 i da smo zapravo koristi se pripremite za to. 1096 00:45:06,420 --> 00:45:09,940 W3Schools je onaj koji vam dečki trebali su prije vidjeli. 1097 00:45:09,940 --> 00:45:12,440 Mi ga preporučujemo za Puno stvari s CSS. 1098 00:45:12,440 --> 00:45:15,060 Znam da ga preporučiti Moj poglavlje svih vremena. 1099 00:45:15,060 --> 00:45:21,050 >> Jedna od velikih stvari je da je to vam omogućuje da se takve zbrke s CSS 1100 00:45:21,050 --> 00:45:23,830 i vidjeti promjene trenutno je u tome, 1101 00:45:23,830 --> 00:45:25,920 kao što su, dvostruko prozor vidjeli da ima. 1102 00:45:25,920 --> 00:45:29,980 Dakle, ne morate brinuti o postavljanje vlastite web stranice, 1103 00:45:29,980 --> 00:45:33,090 ili postavljanje vhost u svoj Lokalni aparata i lokalni domaćin, 1104 00:45:33,090 --> 00:45:34,980 i uzimajući sve to raditi. 1105 00:45:34,980 --> 00:45:36,830 Ona je ugrađena desno unutar stranice. 1106 00:45:36,830 --> 00:45:39,042 >> I to je to malo lekcije koje možete 1107 00:45:39,042 --> 00:45:40,750 proći kako bi naučili Više o selektora, 1108 00:45:40,750 --> 00:45:44,610 ili saznali više o mijenjanju vašeg font, ili u pozadini, ili slika. 1109 00:45:44,610 --> 00:45:46,990 A što su ove trenutna rezultati koje ćete 1110 00:45:46,990 --> 00:45:49,310 ne morate učiniti bilo drugi prep raditi. 1111 00:45:49,310 --> 00:45:51,060 Zato volim W3Schools. 1112 00:45:51,060 --> 00:45:51,960 To je nevjerojatan. 1113 00:45:51,960 --> 00:45:52,670 Je li to raditi? 1114 00:45:52,670 --> 00:45:52,950 >> TOMAS REIMERS: Da. 1115 00:45:52,950 --> 00:45:53,720 Ne, to nije. 1116 00:45:53,720 --> 00:45:55,636 Želite li isprobati i ponovno pokrenuti moje računalo? 1117 00:45:55,636 --> 00:45:56,410 Ili želimo to-- 1118 00:45:56,410 --> 00:46:01,490 >> ALLISON BUCHHOLTZ-AU: Mislim, dobro, to će također biti online. 1119 00:46:01,490 --> 00:46:02,740 Svi slajdovi će biti online. 1120 00:46:02,740 --> 00:46:05,470 Dakle, samo sam visoko preporučiti to radiš. 1121 00:46:05,470 --> 00:46:07,880 >> To je velik kao samo kao Cheat list. 1122 00:46:07,880 --> 00:46:10,690 To je samo sve osnovne naredbe koje imate. 1123 00:46:10,690 --> 00:46:13,070 To je super kad ste prvi put počinje vaše web stranice. 1124 00:46:13,070 --> 00:46:15,080 Jer možda ne želim ulaziti u sve 1125 00:46:15,080 --> 00:46:17,355 real gnjidama istrajan dizajn teške stvari. 1126 00:46:17,355 --> 00:46:20,230 Vi samo trebate ga oblikovati na način koja vrsta ima smisla i volje 1127 00:46:20,230 --> 00:46:21,490 to za sada. 1128 00:46:21,490 --> 00:46:23,580 A ako stvarno želiš da se u nju, znam 1129 00:46:23,580 --> 00:46:27,240 To je, kao što je jedan od Tomas omiljeni reference. 1130 00:46:27,240 --> 00:46:30,130 Bili smo ga koristite za prep, a to je nevjerojatan. 1131 00:46:30,130 --> 00:46:33,030 To je Developer iz Mozilla. 1132 00:46:33,030 --> 00:46:36,490 >> TOMAS REIMERS: Pa Mozilla smo ljudi koji čine Firefox. 1133 00:46:36,490 --> 00:46:40,290 I to je samo njihov vlastiti programer reference, što mislim da je super. 1134 00:46:40,290 --> 00:46:44,870 I to je divno Popis sredstava. 1135 00:46:44,870 --> 00:46:45,530 Tako smo have-- 1136 00:46:45,530 --> 00:46:48,060 >> ALLISON BUCHHOLTZ-AU: I onda posljednja bilješka 1137 00:46:48,060 --> 00:46:50,120 kad pokušavate dizajn vaše web stranice, 1138 00:46:50,120 --> 00:46:53,550 izvući inspiraciju iz stvari da li da se lijepo. 1139 00:46:53,550 --> 00:46:56,340 Provjera element, Uvidom u izvorni kod 1140 00:46:56,340 --> 00:46:59,370 može biti super korisna pokušali odgonetnuti 1141 00:46:59,370 --> 00:47:02,080 Kako stil vlastite web stranice. 1142 00:47:02,080 --> 00:47:04,540 >> Često osjećam kao najbolji način, osim eksperimentiranja, 1143 00:47:04,540 --> 00:47:06,290 je samo pogledati stvari koje su lijepe. 1144 00:47:06,290 --> 00:47:09,810 Smatram da je jako teško jednostavno vrsta dizajn stvari na svoje, 1145 00:47:09,810 --> 00:47:11,090 pogotovo u početku. 1146 00:47:11,090 --> 00:47:14,740 Zato molimo pogledati web stranice da ćete uživati ​​gledajući. 1147 00:47:14,740 --> 00:47:16,880 Shvatiti ono što čini ih pozivajući se na vas. 1148 00:47:16,880 --> 00:47:19,170 A onda slobodno pokušati ponoviti to. 1149 00:47:19,170 --> 00:47:20,410 >> TOMAS REIMERS: Pravo. 1150 00:47:20,410 --> 00:47:23,120 Čak i kao web- kao što je ovaj, možete vidjeti 1151 00:47:23,120 --> 00:47:25,460 Tu je svakako div na vrhu. 1152 00:47:25,460 --> 00:47:29,920 A onda imaš još jedan div roku Ovdje, što je CSS fantastičnosti. 1153 00:47:29,920 --> 00:47:32,480 I onda imaš hrpu linkova ovdje. 1154 00:47:32,480 --> 00:47:34,770 Ako ste zapravo samo provjeriti elementi, možete sortirati od 1155 00:47:34,770 --> 00:47:38,520 početi vidjeti što napraviti web stranice izgledaju i kako se mogu 1156 00:47:38,520 --> 00:47:40,493 ponovno da ako sam htjela. 1157 00:47:40,493 --> 00:47:41,890 Je li to smisla? 1158 00:47:41,890 --> 00:47:43,670 Dakle, imamo samo tri minute lijevo. 1159 00:47:43,670 --> 00:47:46,380 Dakle pitanja? 1160 00:47:46,380 --> 00:47:47,650 Svaki od njih? 1161 00:47:47,650 --> 00:47:48,350 Da. 1162 00:47:48,350 --> 00:47:50,780 >> PUBLIKA: za boju pravokutnik, kako ti bi 1163 00:47:50,780 --> 00:47:53,499 have-- ako to nije htio ide preko cijele stranice, mogli 1164 00:47:53,499 --> 00:47:56,400 što su je ići preko samo pola stranica ili samo tekst? 1165 00:47:56,400 --> 00:47:59,660 >> TOMAS REIMERS: Da, apsolutno. 1166 00:47:59,660 --> 00:48:02,780 Dakle, dopustite mi da vidim stvari. 1167 00:48:02,780 --> 00:48:04,670 Imam dvije ideje. 1168 00:48:04,670 --> 00:48:07,265 Dakle, prije svega, što Također možete koristiti postotaka. 1169 00:48:07,265 --> 00:48:08,140 >> PUBLIKA: Stvarno? 1170 00:48:08,140 --> 00:48:11,260 >> ALLISON BUCHHOLTZ-AU: Tako nešto pogledati je relativna pozicioniranje. 1171 00:48:11,260 --> 00:48:13,385 To je nešto što smo nemaju vremena da se u, 1172 00:48:13,385 --> 00:48:16,392 ali to je nešto što svakako Preporučujem ti dečki checking out. 1173 00:48:16,392 --> 00:48:17,580 >> TOMAS REIMERS: Dakle postotaka. 1174 00:48:17,580 --> 00:48:21,524 I vidjeti kako smo to napravili Samo 50% širine? 1175 00:48:21,524 --> 00:48:24,190 ALLISON BUCHHOLTZ-AU: Ako vas zapravo zna broj piksela, 1176 00:48:24,190 --> 00:48:25,780 možete biti precizniji na taj način. 1177 00:48:25,780 --> 00:48:27,200 Možete gusle okolo s njim. 1178 00:48:27,200 --> 00:48:27,700 No, 50%. 1179 00:48:27,700 --> 00:48:31,970 Ako smo bili na veličinu naše preglednik, da bi ga manje. 1180 00:48:31,970 --> 00:48:35,250 >> TOMAS REIMERS: Pa, to je zapravo 50% upravo sada, mislim. 1181 00:48:35,250 --> 00:48:38,820 To je 50%, a zatim marža je dodao da da. 1182 00:48:38,820 --> 00:48:40,100 CSS ima puno Igra riječima. 1183 00:48:40,100 --> 00:48:43,195 Dakle, sada je to 50% širine stranice. 1184 00:48:43,195 --> 00:48:46,860 Ali ne zaboravite da imate 10 piksela skinut sa svake strane. 1185 00:48:46,860 --> 00:48:49,700 Dakle, ako ste bili da se presele da protiv lijevi rub pregledniku, 1186 00:48:49,700 --> 00:48:51,550 onda će izgledati za 50%. 1187 00:48:51,550 --> 00:48:53,884 Opet, kao što sam rekao, CSS mogu biti puno pogodite-i-ček. 1188 00:48:53,884 --> 00:48:56,049 Kao, mislite da nešto nije u će se ponašati na jedan način, 1189 00:48:56,049 --> 00:48:57,805 ali se ponaša potpuno drugačiji način. 1190 00:48:57,805 --> 00:48:59,420 >> ALLISON BUCHHOLTZ-AU: A vi samo dobiti pametniji, 1191 00:48:59,420 --> 00:49:02,020 a vi samo dobiti bolje Intuicija za to kao što premjestiti zajedno. 1192 00:49:02,020 --> 00:49:02,730 >> TOMAS REIMERS: I dobiva gore i gore. 1193 00:49:02,730 --> 00:49:03,496 Dakle, to je zapravo samo utrka. 1194 00:49:03,496 --> 00:49:05,454 >> ALLISON BUCHHOLTZ-AU: To je super ohrabrujuće. 1195 00:49:05,454 --> 00:49:07,070 Želimo im da vole CSS. 1196 00:49:07,070 --> 00:49:08,810 >> TOMAS REIMERS: CSS je strašan. 1197 00:49:08,810 --> 00:49:10,354 Ne zaboravite da. 1198 00:49:10,354 --> 00:49:11,020 Ostala pitanja? 1199 00:49:11,020 --> 00:49:14,297 >> ALLISON BUCHHOLTZ-AU: jedna stvar. 1200 00:49:14,297 --> 00:49:14,880 Bilo što drugo? 1201 00:49:14,880 --> 00:49:15,140 Cool. 1202 00:49:15,140 --> 00:49:15,690 >> TOMAS REIMERS: Awesome. 1203 00:49:15,690 --> 00:49:18,523 >> ALLISON BUCHHOLTZ-AU: Pa, ako vas Dečki imate bilo kakvih pitanja kasnije, 1204 00:49:18,523 --> 00:49:20,919 mi smo uvijek na raspolaganju, kao i obično. 1205 00:49:20,919 --> 00:49:22,960 Vjerojatno ćete vidjeti neke Od nas za završne projekte 1206 00:49:22,960 --> 00:49:24,280 i svakako na hackathon. 1207 00:49:24,280 --> 00:49:25,200 >> TOMAS REIMERS: Apsolutno. 1208 00:49:25,200 --> 00:49:25,720 I na sajmu. 1209 00:49:25,720 --> 00:49:26,560 >> ALLISON BUCHHOLTZ-AU: I na sajmu. 1210 00:49:26,560 --> 00:49:26,840 Oh. 1211 00:49:26,840 --> 00:49:28,130 >> TOMAS REIMERS: Radujte se vidim sve svoje awesome-- 1212 00:49:28,130 --> 00:49:29,420 >> ALLISON BUCHHOLTZ-AU: Vidjet ćemo sve svoje strašan web stranice 1213 00:49:29,420 --> 00:49:30,572 koja će biti lijepa. 1214 00:49:30,572 --> 00:49:32,780 TOMAS REIMERS: Uvijek možete vidjeti, kao što je, na web 1215 00:49:32,780 --> 00:49:36,234 koji je, kao, dobro CSS i zatim kao i oni koji nisu ni pokušali učiniti CSS. 1216 00:49:36,234 --> 00:49:39,150 ALLISON BUCHHOLTZ-AU: Također, još jedna stvar, još jedna stvar gledati u 1217 00:49:39,150 --> 00:49:40,445 je pokretački. 1218 00:49:40,445 --> 00:49:41,805 Dakle Bootstrap je super. 1219 00:49:41,805 --> 00:49:42,240 >> TOMAS REIMERS: Google da ako you-- 1220 00:49:42,240 --> 00:49:43,573 >> ALLISON BUCHHOLTZ-AU: Google je. 1221 00:49:43,573 --> 00:49:44,340 To je nevjerojatan. 1222 00:49:44,340 --> 00:49:45,620 Vi ćete ga vole. 1223 00:49:45,620 --> 00:49:48,000 A sada da imate Osnovno razumijevanje CSS, 1224 00:49:48,000 --> 00:49:50,340 to će napraviti puno više smisla. 1225 00:49:50,340 --> 00:49:50,890 Awesome. 1226 00:49:50,890 --> 00:49:51,480 Hvala, momci. 1227 00:49:51,480 --> 00:49:53,330 >> TOMAS REIMERS: Hvala vam toliko. 1228 00:49:53,330 --> 00:49:54,219