1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:04,500 >> [Predvaja glasba] 3 00:00:04,500 --> 00:00:10,099 4 00:00:10,099 --> 00:00:12,224 ALLISON BUCHHOLTZ-AU: Torej smo v bistvu šele tekoč 5 00:00:12,224 --> 00:00:14,629 da vam potek CSS, ker vemo, 6 00:00:14,629 --> 00:00:16,420 da ni bilo zajeto v vseh točkah. 7 00:00:16,420 --> 00:00:20,090 In res želimo, da poskrbite, da boste Fantje imajo to orodje na razpolago, 8 00:00:20,090 --> 00:00:24,790 saj ima sposobnost, da vaše spletne strani videti veliko lepša. 9 00:00:24,790 --> 00:00:28,660 >> In če ste izgradnjo spletne strani, potem boste verjetno želeli, da bi bilo lepo. 10 00:00:28,660 --> 00:00:31,372 Mislim, da vam ni treba, ampak jaz bi jo predlagam. [Smeh] 11 00:00:31,372 --> 00:00:35,430 Če želite uporabnikom, da ga uporabljate, boste morda želim, da bi bilo malo [neslišno]. 12 00:00:35,430 --> 00:00:39,130 Torej bomo poskušali vam daje samo nekaj osnovnih orodij in razumevanje, 13 00:00:39,130 --> 00:00:42,340 tako, da ko greš ven in si raziskujejo stvari o CSS, 14 00:00:42,340 --> 00:00:45,902 to ne izpolni žlobudranje, kot CSS včasih biti. 15 00:00:45,902 --> 00:00:47,240 >> TOMAS Reimers: Ja. 16 00:00:47,240 --> 00:00:49,930 Allison je dejal, zelo dobro. 17 00:00:49,930 --> 00:00:53,250 Torej, mislim, da prvo stvar, ki jo bi se morala začeti z, kaj je CSS? 18 00:00:53,250 --> 00:00:55,750 Torej, CSS je super. 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šega seminarja. 21 00:00:58,320 --> 00:00:58,434 >> TOMAS Reimers: Ja. 22 00:00:58,434 --> 00:01:00,130 To je zelo pomembno, da boste razumeli, da je do takrat. 23 00:01:00,130 --> 00:01:03,090 Če ste vzeli le eno stran stvar, to je, da CSS če super. 24 00:01:03,090 --> 00:01:06,180 Dva je CSS stoji za Cascading Style Sheets. 25 00:01:06,180 --> 00:01:10,380 Torej, v svojem jedru, CSS slogi, kar pomeni, 26 00:01:10,380 --> 00:01:13,200 to vam omogoča, da stil spletno stran. 27 00:01:13,200 --> 00:01:16,609 In kaj potem to pomeni, da je način, da dodate slog na vaše spletne strani. 28 00:01:16,609 --> 00:01:18,900 Tako po slogu, mi pomeni vse da se ne structural-- 29 00:01:18,900 --> 00:01:24,350 tako stvari, kot so barve, ozadje slike, meje, kot so, oblazinjenje, 30 00:01:24,350 --> 00:01:25,040 marže. 31 00:01:25,040 --> 00:01:27,310 Bomo govorili o tem, kaj Vse to pomeni, da v malo. 32 00:01:27,310 --> 00:01:30,110 >> Torej smo pravkar šla naprej in odprt tako tistih v gedit. 33 00:01:30,110 --> 00:01:32,680 Torej, to je index.html. 34 00:01:32,680 --> 00:01:34,800 In to je main.css. 35 00:01:34,800 --> 00:01:36,829 Torej main.css nima nič. 36 00:01:36,829 --> 00:01:38,412 ALLISON BUCHHOLTZ-AU: Ne stil doslej. 37 00:01:38,412 --> 00:01:39,245 TOMAS Reimers: Nič. 38 00:01:39,245 --> 00:01:42,577 In kot boste videli, da je Res grdo mesto. 39 00:01:42,577 --> 00:01:44,160 ALLISON BUCHHOLTZ-AU: To je samo navaden. 40 00:01:44,160 --> 00:01:45,820 TOMAS Reimers: Ja. 41 00:01:45,820 --> 00:01:49,150 Ja, to ni grda, to je samo minimalističen. 42 00:01:49,150 --> 00:01:53,430 In potem tukaj imamo index.html. 43 00:01:53,430 --> 00:01:55,729 In tako za hitro Rekapitulacija HTML, Allison, 44 00:01:55,729 --> 00:01:57,270 želite samo govoriti o strani? 45 00:01:57,270 --> 00:01:58,395 >> ALLISON BUCHHOLTZ-AU: Ja. 46 00:01:58,395 --> 00:02:01,100 Torej je očitno, imamo HTML tag, ki je samo ime datoteke HTML. 47 00:02:01,100 --> 00:02:07,080 Mi imamo glavo tu, s CSS Awesomeness, which-- če greš nazaj. 48 00:02:07,080 --> 00:02:07,720 Kje pa je to? 49 00:02:07,720 --> 00:02:09,136 >> TOMAS Reimers: Oh. 50 00:02:09,136 --> 00:02:10,301 Ja, lahko vidite. 51 00:02:10,301 --> 00:02:12,092 ALLISON BUCHHOLTZ-AU: In opazil glavo 52 00:02:12,092 --> 00:02:14,120 je ta glava zavihek prav tukaj. 53 00:02:14,120 --> 00:02:17,130 In potem "Hello, world!" je Besedilo, ki imamo samo 54 00:02:17,130 --> 00:02:19,620 prikazovanje na spletu Stran, ki is-- iti nazaj. 55 00:02:19,620 --> 00:02:21,290 Nazaj. 56 00:02:21,290 --> 00:02:24,287 Ki je samo v našem telesu here-- v golo besedilo. 57 00:02:24,287 --> 00:02:26,120 Prav tako je ena stvar, da obvestilo, če pogledaš tukaj, 58 00:02:26,120 --> 00:02:29,410 Tomas vklopljen up to dva iz naše tobogan. 59 00:02:29,410 --> 00:02:32,035 Torej, dokler imate vse trije od njih, da ste v redu. 60 00:02:32,035 --> 00:02:34,044 So lahko v kateri koli da hočejo. 61 00:02:34,044 --> 00:02:39,368 Kaj je najbolj pomembno je le, da je imate vsak od teh treh stvari. 62 00:02:39,368 --> 00:02:40,340 >> TOMAS Reimers: Cool. 63 00:02:40,340 --> 00:02:41,111 Dodajte tipa doc? 64 00:02:41,111 --> 00:02:42,235 ALLISON BUCHHOLTZ-AU: Ja. 65 00:02:42,235 --> 00:02:43,068 TOMAS Reimers: Ja. 66 00:02:43,068 --> 00:02:43,769 Cool. 67 00:02:43,769 --> 00:02:46,102 ALLISON BUCHHOLTZ-AU: Očitno moje mikrofoni me ne všeč. 68 00:02:46,102 --> 00:02:49,650 TOMAS Reimers: Oh, dajte nam samo sekundo medtem Allison stikala ven ji mikrofon. 69 00:02:49,650 --> 00:02:50,500 Torej, ja. 70 00:02:50,500 --> 00:02:52,030 Torej imamo glavno stran. 71 00:02:52,030 --> 00:02:53,890 To je nekako unstyled. 72 00:02:53,890 --> 00:02:54,780 Nimamo veliko. 73 00:02:54,780 --> 00:02:57,110 Pravkar smo imeli v bistvu besedilo. 74 00:02:57,110 --> 00:02:59,470 Imamo slog stanja. 75 00:02:59,470 --> 00:03:00,220 Imamo naslov. 76 00:03:00,220 --> 00:03:04,020 Tako da samo golo odkoščeno komponente narediti spletno stran. 77 00:03:04,020 --> 00:03:08,880 >> Torej, od tu, govori o tem, kaj je CSS 78 00:03:08,880 --> 00:03:11,270 in kako izgleda in vse to. 79 00:03:11,270 --> 00:03:12,047 Torej za that-- 80 00:03:12,047 --> 00:03:13,755 ALLISON BUCHHOLTZ-AU: Nazaj na diapozitivih. 81 00:03:13,755 --> 00:03:15,200 TOMAS Reimers: Nazaj na diapozitivih. 82 00:03:15,200 --> 00:03:17,240 In Allison more prevzeti. 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 Torej, v vašem CSS datoteko, boste imeli 86 00:03:22,360 --> 00:03:25,010 Veliko teh stvari imenuje selektorje. 87 00:03:25,010 --> 00:03:27,420 To bo zgolj Osnova vašega CSS datoteko. 88 00:03:27,420 --> 00:03:29,480 To je le, da bo treba veliko in veliko njih. 89 00:03:29,480 --> 00:03:30,780 Tako selektor. 90 00:03:30,780 --> 00:03:32,649 To je le splošno anatomijo. 91 00:03:32,649 --> 00:03:35,190 Smo šli skozi Primeri, ker če vidva nikoli 92 00:03:35,190 --> 00:03:38,400 gledala moj oddelek, čutim kot stvari v abstraktni 93 00:03:38,400 --> 00:03:39,400 ne res ni smisla. 94 00:03:39,400 --> 00:03:41,110 To vedno pomaga, da si ogledate primere. 95 00:03:41,110 --> 00:03:42,420 >> Torej, imamo nekaj izbiro. 96 00:03:42,420 --> 00:03:49,120 To se dogaja, da nekateri oznaka kaj želimo slog uporablja za. 97 00:03:49,120 --> 00:03:52,220 In potem imamo lahko vsaka sklop pravil in vrednot. 98 00:03:52,220 --> 00:03:55,680 Torej, selektorjev, ki jih lahko vidite bi bilo kaj takega organa, 99 00:03:55,680 --> 00:04:00,262 ali točka s P, ali glave, ali karkoli, 100 00:04:00,262 --> 00:04:02,000 karkoli želite, da vaše HTML oznake biti. 101 00:04:02,000 --> 00:04:03,570 >> Torej, v tem primeru imamo telo. 102 00:04:03,570 --> 00:04:06,985 In imamo nekaj pravilo, ki to ustreza 103 00:04:06,985 --> 00:04:09,610 za kaj vaš stil velja. 104 00:04:09,610 --> 00:04:12,720 Torej v tem primeru smo barva ozadja in pisave teža. 105 00:04:12,720 --> 00:04:16,200 Torej, to se bo spremenilo ozadje ničesar 106 00:04:16,200 --> 00:04:19,640 v vsakem telesu tag naše HTML datoteke. 107 00:04:19,640 --> 00:04:22,810 In to se dogaja, da je ta svetlo modra vrednost. 108 00:04:22,810 --> 00:04:24,820 >> Tako se dogaja, da ozadje svetlo modra. 109 00:04:24,820 --> 00:04:28,660 In potem vse v telesu dogaja, da imajo težo pisave krepko. 110 00:04:28,660 --> 00:04:31,142 Torej, to je le, da bo krepko vse naše besedilo. 111 00:04:31,142 --> 00:04:32,970 In to je samo en selektor. 112 00:04:32,970 --> 00:04:34,680 Vendar bi lahko imeli zelo veliko od teh. 113 00:04:34,680 --> 00:04:38,730 In kot bomo pokazati kasneje malo več o tem, kako 114 00:04:38,730 --> 00:04:40,709 da dela in več primerov tam. 115 00:04:40,709 --> 00:04:41,750 Karkoli želite dodati? 116 00:04:41,750 --> 00:04:42,499 >> TOMAS Reimers: No. 117 00:04:42,499 --> 00:04:43,500 Allison je dobil. 118 00:04:43,500 --> 00:04:46,144 Mi smo le, da bo cut up primer tukaj na naši spletni strani npr. 119 00:04:46,144 --> 00:04:47,310 Torej, kaj je dejansko si to. 120 00:04:47,310 --> 00:04:48,620 To je popolna. 121 00:04:48,620 --> 00:04:54,460 Tako da sem le, da bo kopiraj in prilepi da je pravica na naši main.css datoteko. 122 00:04:54,460 --> 00:04:56,530 In jaz grem, da ga shranite. 123 00:04:56,530 --> 00:04:59,190 In potem ga bomo teči. 124 00:04:59,190 --> 00:05:01,600 Torej side note, eden najbolj frustrirajuće stvari 125 00:05:01,600 --> 00:05:04,490 je, če ne želite shraniti datoteko, in potem pa, kot, osvežite stran, 126 00:05:04,490 --> 00:05:07,450 in podobno, zakaj ni Sprememba se dogaja? 127 00:05:07,450 --> 00:05:07,950 To se zgodi. 128 00:05:07,950 --> 00:05:14,230 Torej, tukaj smo videli, da smo naše Spletna stran svetlo modro ozadje 129 00:05:14,230 --> 00:05:16,560 in nekaj krepko besedilo. 130 00:05:16,560 --> 00:05:20,730 >> Želel bi tudi omenil, če vas Fantje imajo vprašanja o ničemer 131 00:05:20,730 --> 00:05:23,622 delamo, vas prosimo, prosimo, da nas ustavite in vprašajte nas. 132 00:05:23,622 --> 00:05:25,330 Mi smo popolnoma pripravljeni na polje vprašanj. 133 00:05:25,330 --> 00:05:27,951 134 00:05:27,951 --> 00:05:31,930 >> ALLISON BUCHHOLTZ-AU: Očitno je, da s CSS, vse gradi na sebi. 135 00:05:31,930 --> 00:05:34,107 Torej, če je ena stvar, ki ne smisla, zdaj smo 136 00:05:34,107 --> 00:05:35,690 Ne želim, da bi vas bog navzdol kasneje. 137 00:05:35,690 --> 00:05:38,390 138 00:05:38,390 --> 00:05:41,930 >> TOMAS Reimers: Torej, kaj je vrsta secirati to. 139 00:05:41,930 --> 00:05:44,210 Torej hočeš, da začnete z ročico tukaj? 140 00:05:44,210 --> 00:05:45,979 >> ALLISON BUCHHOLTZ-AU: Ja. 141 00:05:45,979 --> 00:05:48,270 Kot sem rekel prej, telo je samo naš selektor tukaj. 142 00:05:48,270 --> 00:05:50,950 Torej, če se vrnemo čez našemu index-- ah. 143 00:05:50,950 --> 00:05:53,245 >> TOMAS Reimers: Katere sem zaprta. 144 00:05:53,245 --> 00:05:54,530 Daj mi trenutek. 145 00:05:54,530 --> 00:05:58,286 Torej Datoteka, Odpri, index.html. 146 00:05:58,286 --> 00:05:59,410 ALLISON BUCHHOLTZ-AU: Cool. 147 00:05:59,410 --> 00:06:02,710 Torej, če ste opazili, tu smo so te telesne oznake, kajne? 148 00:06:02,710 --> 00:06:06,270 Torej izbirnik le ustreza oznake, ki jih govoriš. 149 00:06:06,270 --> 00:06:07,670 Torej, telo tukaj. 150 00:06:07,670 --> 00:06:10,315 Torej, kaj pravite, je everything-- lahko gremo nazaj? 151 00:06:10,315 --> 00:06:12,065 Želim si, da bi lahko samo kot se dotaknete zaslona. 152 00:06:12,065 --> 00:06:14,410 To bi bilo tako veliko hladnejše. 153 00:06:14,410 --> 00:06:17,150 >> V tistih, ki tako vse telesni oznake, ki smo jih videli 154 00:06:17,150 --> 00:06:19,637 je bil samo, kot je besedilo, in telo na splošno 155 00:06:19,637 --> 00:06:20,970 se nanaša, kot je, v ozadju. 156 00:06:20,970 --> 00:06:22,720 Če boste kdaj želeli spremenite ozadje, 157 00:06:22,720 --> 00:06:25,090 da se dogaja, da se v telesu tag. 158 00:06:25,090 --> 00:06:27,120 Samo ima ta pravila, ki se uporabljajo zanje. 159 00:06:27,120 --> 00:06:32,040 >> Torej, če bi šel na index.html in-- dejansko, 160 00:06:32,040 --> 00:06:33,840 Lahko imamo nekaj zunaj telesa? 161 00:06:33,840 --> 00:06:37,340 Če bomo imeli, kot so, ali noga kaj, da ne bi uporabljale za to. 162 00:06:37,340 --> 00:06:40,900 Ampak, kaj v ti telo oznake se dogaja 163 00:06:40,900 --> 00:06:44,960 lahko vplivale na ta organ Selektor da smo naredili. 164 00:06:44,960 --> 00:06:47,405 Torej, če ste bili, da tip nekaj drugega there-- 165 00:06:47,405 --> 00:06:49,400 >> TOMAS Reimers: Recimo, da vozi domov. 166 00:06:49,400 --> 00:06:55,330 Torej, če smo imeli div--, tako da je samo še en tag lahko imate. 167 00:06:55,330 --> 00:06:56,350 Jaz grem, da ga zapre. 168 00:06:56,350 --> 00:06:58,280 Ali pa bo to točka. 169 00:06:58,280 --> 00:07:01,430 Torej p stoji za odstavek. 170 00:07:01,430 --> 00:07:02,560 In v tem odstavku. 171 00:07:02,560 --> 00:07:05,650 In potem sem rekel, "To je besedilo." 172 00:07:05,650 --> 00:07:06,369 Cool. 173 00:07:06,369 --> 00:07:09,160 In potem sem to pravilo velja za odstavek namesto telesa. 174 00:07:09,160 --> 00:07:12,390 175 00:07:12,390 --> 00:07:17,320 Boste videli, kako se uporablja samo za Novonastala odstavek, desno, 176 00:07:17,320 --> 00:07:18,892 ni cela stvar. 177 00:07:18,892 --> 00:07:20,090 Ali to smiselno? 178 00:07:20,090 --> 00:07:21,840 >> ALLISON BUCHHOLTZ-AU: Torej je to vse telo, 179 00:07:21,840 --> 00:07:24,450 zdaj pa naš selektor samo ustreza točki. 180 00:07:24,450 --> 00:07:27,050 Torej imamo samo krepko in modro Za to specifično odstavka, 181 00:07:27,050 --> 00:07:30,760 ker je to edina stvar, ki je vgrajen v p tag. 182 00:07:30,760 --> 00:07:35,349 >> TOMAS Reimers: Ali je to smiselno sortiranje o tem, kako stvari zaobjeti druge stvari? 183 00:07:35,349 --> 00:07:38,140 ALLISON BUCHHOLTZ-AU: Prav tako, reči, kot so, eden od najboljših načinov 184 00:07:38,140 --> 00:07:40,889 res dobili udobno s CSS se samo stvari, kot je ta, 185 00:07:40,889 --> 00:07:42,050 Samo da ga preizkusite. 186 00:07:42,050 --> 00:07:46,700 To je zelo enostavno, da tip nekaj ven, hit Refresh, in glej kaj se zgodi. 187 00:07:46,700 --> 00:07:48,940 In tako kot pri večini CS, eksperimentiranje lahko pogosto 188 00:07:48,940 --> 00:07:51,790 vodi k veliko boljši intuitivno razumevanje. 189 00:07:51,790 --> 00:07:54,432 Še več, tako kot nas samo, podobno, se pogovarjam s tabo. 190 00:07:54,432 --> 00:07:58,350 >> TOMAS Reimers: Absolutely 100% se strinjajo o tem vprašanju. 191 00:07:58,350 --> 00:08:02,430 Torej, če se vrnemo k temu, začnimo secira, kaj ti dve storiti. 192 00:08:02,430 --> 00:08:04,550 Torej imamo dve pravila o tem. 193 00:08:04,550 --> 00:08:07,420 Torej prva je barva ozadja. 194 00:08:07,420 --> 00:08:10,590 In boste videli, da smo jo nastavite enaka vrednosti, svetlo modre barve. 195 00:08:10,590 --> 00:08:15,009 >> Torej, v CSS, CSS je neke zelo ohlapno o tem, kako 196 00:08:15,009 --> 00:08:16,300 ste dovoljeno določiti barvo. 197 00:08:16,300 --> 00:08:17,800 Tako da jih lahko opredeli z imenom. 198 00:08:17,800 --> 00:08:20,650 Prav tako lahko naredite nekaj takega kot "rdeče". 199 00:08:20,650 --> 00:08:25,270 In potem, če se vrnemo k temu, boste videli, da je v ozadju rdeče. 200 00:08:25,270 --> 00:08:29,040 Dobite lahko tudi really-- sem ti misliš lahko dobite zelo ustvarjalno s tem, 201 00:08:29,040 --> 00:08:29,540 ne? 202 00:08:29,540 --> 00:08:31,170 >> ALLISON BUCHHOLTZ-AU: I misliš, da lahko uporabite hex. 203 00:08:31,170 --> 00:08:31,250 Ne? 204 00:08:31,250 --> 00:08:32,083 >> TOMAS Reimers: Ja. 205 00:08:32,083 --> 00:08:32,969 Tako da lahko uporabite hex. 206 00:08:32,969 --> 00:08:34,490 Ampak jaz sem razmišljal ime pametno. 207 00:08:34,490 --> 00:08:35,385 Ali ni tam? 208 00:08:35,385 --> 00:08:37,260 ALLISON BUCHHOLTZ-AU: To lahko storite kar nekaj. 209 00:08:37,260 --> 00:08:43,350 Precej podobno kot večina barv, ki jih lahko name-- všeč, mislim, losos je eden. 210 00:08:43,350 --> 00:08:45,322 >> TOMAS Reimers: Mi boš poskusiti lososa. 211 00:08:45,322 --> 00:08:47,530 ALLISON BUCHHOLTZ-AU: I mislim chartreuse je tam. 212 00:08:47,530 --> 00:08:48,050 TOMAS Reimers: Ja. 213 00:08:48,050 --> 00:08:48,550 Oglejte? 214 00:08:48,550 --> 00:08:50,080 Tako da lahko dobite zelo ustvarjalni. 215 00:08:50,080 --> 00:08:52,246 >> ALLISON BUCHHOLTZ-AU: You bi lahko dobil zelo ustvarjalni. 216 00:08:52,246 --> 00:08:55,750 Všeč mi je, če si lahko zamislite ime barve, je to verjetno tam. 217 00:08:55,750 --> 00:08:57,840 Če res želite, fina Podatek, lahko greš hex. 218 00:08:57,840 --> 00:08:58,673 >> TOMAS Reimers: Ja. 219 00:08:58,673 --> 00:08:59,390 Torej, šestnajstiški. 220 00:08:59,390 --> 00:09:05,280 Če vidva ne pozabite, to nazaj iz starega PSET, Image zopet, 221 00:09:05,280 --> 00:09:08,300 vidva morala obravnavati s temi hex vrednosti. 222 00:09:08,300 --> 00:09:15,280 In nekako, da povzamem, kaj to je, heks ima tri vrednosti, shranjene v njem. 223 00:09:15,280 --> 00:09:17,250 Tako da je v skupinah dveh korakih. 224 00:09:17,250 --> 00:09:19,300 Prva dva predstavljata rdečo vrednost. 225 00:09:19,300 --> 00:09:22,420 Drugi predstavlja zeleno vrednost. 226 00:09:22,420 --> 00:09:25,020 In zadnja je modra? 227 00:09:25,020 --> 00:09:30,050 >> Torej FF se zgodi, da predstavljajo hexadecimal 255. 228 00:09:30,050 --> 00:09:35,480 Torej imaš 255 rdeč, 255 zelena, in 0 za modro. 229 00:09:35,480 --> 00:09:37,670 In vrednosti v razponu med 0 in 255. 230 00:09:37,670 --> 00:09:38,350 >> OBČINSTVO: Right. 231 00:09:38,350 --> 00:09:41,472 Torej v bistvu, lahko iščemo internet za vsako barvo želimo, 232 00:09:41,472 --> 00:09:43,912 in ugotoviti dejansko znano barva combo spekter, 233 00:09:43,912 --> 00:09:45,130 in potem bomo lahko dal noter? 234 00:09:45,130 --> 00:09:46,380 ALLISON BUCHHOLTZ-AU: Točno tako. 235 00:09:46,380 --> 00:09:52,900 Tako da boste imeli precej veliko popoln nadzor več barv želite v CSS. 236 00:09:52,900 --> 00:09:55,069 Bomo govorili o slike ozadja kasneje? 237 00:09:55,069 --> 00:09:56,110 Ali želimo to storiti? 238 00:09:56,110 --> 00:09:56,240 >> TOMAS Reimers: Ja. 239 00:09:56,240 --> 00:09:57,010 Absolutno. 240 00:09:57,010 --> 00:10:00,830 Torej prvič, samo za prikaz, da rdeča in zelena rumena. 241 00:10:00,830 --> 00:10:03,120 In če boste potrebovali nekaj pomoč pri iskanju tega vam 242 00:10:03,120 --> 00:10:05,575 Google lahko nekaj like "barvo izbirnik." 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 Ljubim Color Picker. 245 00:10:09,090 --> 00:10:11,360 >> TOMAS Reimers: colorpicker.com je dober primer. 246 00:10:11,360 --> 00:10:14,580 In tukaj, boste videli, da imate polna Photoshop podobno barvo izbirnik. 247 00:10:14,580 --> 00:10:14,920 >> ALLISON BUCHHOLTZ-AU: Mm-hm. 248 00:10:14,920 --> 00:10:16,980 Tudi, kul stvari so ti lahko ustvarjajo barvne sheme 249 00:10:16,980 --> 00:10:18,896 tako da ne boste imeli, kot nezdružljiva barve. 250 00:10:18,896 --> 00:10:22,780 TOMAS Reimers: In potem tukaj je hex vrednost tukaj. 251 00:10:22,780 --> 00:10:27,800 Tako da lahko vedno najdete na spletu v bistvu kraje, da bi dobili hex vrednost iz. 252 00:10:27,800 --> 00:10:31,667 To ni nekako, da samo, kot smo glej barve sveta v številkah. 253 00:10:31,667 --> 00:10:34,000 To je več, da gremo na spletu in ugotovite, kakšne barve želimo, 254 00:10:34,000 --> 00:10:36,850 in nato vzemite število navzdol. 255 00:10:36,850 --> 00:10:39,590 Saj to je samo zelo enostavno način, da se reference stvari v CS. 256 00:10:39,590 --> 00:10:40,350 >> ALLISON BUCHHOLTZ-AU: In potem je tu še also-- 257 00:10:40,350 --> 00:10:41,630 Pozabil sem točno ime spletne strani. 258 00:10:41,630 --> 00:10:43,838 Ampak tam je definitivno sem mislim, kaj Adobe 259 00:10:43,838 --> 00:10:48,350 ki ustvarja barvne sheme za vas, kar je res kul, ker vas 260 00:10:48,350 --> 00:10:50,580 definitely-- je včasih težko razbrati, 261 00:10:50,580 --> 00:10:53,729 oh, če želite uporabljati to barvo, kaj bi lahko bilo še eno koristno 262 00:10:53,729 --> 00:10:56,395 za uporabo drugje na mojem mestu, kot, da bi bilo lepo in kohezivna. 263 00:10:56,395 --> 00:11:00,430 264 00:11:00,430 --> 00:11:04,260 >> TOMAS Reimers: Allison je govoril o ena Adobe Kuler imenuje, 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 ja. 267 00:11:06,259 --> 00:11:07,610 Sem prepričan, da je eden. 268 00:11:07,610 --> 00:11:11,050 >> TOMAS Reimers: Moja najljubša ima že od nekdaj Color Scheme Designer. 269 00:11:11,050 --> 00:11:13,998 >> ALLISON BUCHHOLTZ-AU: Ooh. 270 00:11:13,998 --> 00:11:16,010 >> TOMAS Reimers: Katera je now-- 271 00:11:16,010 --> 00:11:16,860 >> ALLISON BUCHHOLTZ-AU: Ah, to je lepo. 272 00:11:16,860 --> 00:11:18,818 >> TOMAS Reimers: In ti lahko v bistvu pomeni, kot je, 273 00:11:18,818 --> 00:11:21,700 Rad tri barve drug poleg drugega. 274 00:11:21,700 --> 00:11:25,030 In potem naredimo nekaj lepega. 275 00:11:25,030 --> 00:11:29,210 In potem lahko dobite zgled kaj bi to izgledal. 276 00:11:29,210 --> 00:11:32,470 In potem, če ste hover nad katerim koli jim, da vam daje vrednost hex. 277 00:11:32,470 --> 00:11:35,010 >> Torej, tako kot dober način za začetek razmišljanje o barvah 278 00:11:35,010 --> 00:11:39,570 ali kaj barve na spletni strani lahko gredo dobro skupaj. 279 00:11:39,570 --> 00:11:45,655 Ker to lahko presenetljivo ni tako enostavno, da poberem, kot si misliš. 280 00:11:45,655 --> 00:11:48,280 In potem druga kul stvar Vedno sem našel o tej spletni strani 281 00:11:48,280 --> 00:11:51,480 je, če ste zadeli Primeri, bo pokazati, kaj je primer spletne strani 282 00:11:51,480 --> 00:11:54,800 bi izgledal uporabo te barvne sheme. 283 00:11:54,800 --> 00:11:56,270 Kakorkoli že. 284 00:11:56,270 --> 00:11:57,863 >> Nazaj na dejansko CSS. 285 00:11:57,863 --> 00:12:01,112 ALLISON BUCHHOLTZ-AU: Ampak očitno smo vem bi te reference koristno. 286 00:12:01,112 --> 00:12:03,195 TOMAS Reimers: Ne, vsekakor lahko koristno. 287 00:12:03,195 --> 00:12:04,720 Torej drugo pravilo, Allison? 288 00:12:04,720 --> 00:12:05,844 >> ALLISON BUCHHOLTZ-AU: Ja. 289 00:12:05,844 --> 00:12:08,280 Drugo pravilo je le ustreza naši pisavi. 290 00:12:08,280 --> 00:12:11,520 Torej font teža je le nekako of-- da bi teža 291 00:12:11,520 --> 00:12:15,220 biti, če hočeš samo, kot je, normalno ali podobno, tanjše pisave 292 00:12:15,220 --> 00:12:17,251 ali je v tem primeru, kot je, krepko. 293 00:12:17,251 --> 00:12:17,750 Sem pozabil. 294 00:12:17,750 --> 00:12:21,557 Kaj je, če si hotel it-- obstaja tanjša eden od samo, kot je bila normalna? 295 00:12:21,557 --> 00:12:24,140 TOMAS Reimers: jaz pravzaprav ne vem, če obstaja ena tanjša. 296 00:12:24,140 --> 00:12:24,680 ALLISON BUCHHOLTZ-AU: sem pozabil. 297 00:12:24,680 --> 00:12:26,300 Torej font teža smo običajno preprosto uporabite za krepko. 298 00:12:26,300 --> 00:12:29,010 Če želite, da se res v to, bomo, da vam pokaže. 299 00:12:29,010 --> 00:12:34,317 W3Schools ima vse drugačno stvari, ki jih lahko naredite za pisave. 300 00:12:34,317 --> 00:12:36,900 Ampak v bistvu, če si kdaj želeli spremeniti ničesar o pisavi, 301 00:12:36,900 --> 00:12:39,330 to je vedno bo, podobno, font-nekaj. 302 00:12:39,330 --> 00:12:43,450 Torej bo to všeč, font-družine, če ste poskuša spremeniti dejansko vrsto. 303 00:12:43,450 --> 00:12:47,390 To bo font-style, če vas želim, da bi bilo tako kot Rukopisni, 304 00:12:47,390 --> 00:12:49,710 ali ležeče, ali malenkosti. 305 00:12:49,710 --> 00:12:53,570 Ali celo font-barve, če smo želeli spremeniti. 306 00:12:53,570 --> 00:12:55,621 >> TOMAS Reimers: Yup. 307 00:12:55,621 --> 00:12:56,925 Tako da lahko spremenite, da. 308 00:12:56,925 --> 00:12:59,360 In nekako, samo da Rekapitulacija zdaj, tako da lahko 309 00:12:59,360 --> 00:13:01,400 videli, da imamo izbiro tukaj. 310 00:13:01,400 --> 00:13:03,000 Imamo te zavite oklepaje. 311 00:13:03,000 --> 00:13:06,735 In potem imamo pravila omejen s podpičjem. 312 00:13:06,735 --> 00:13:08,100 Ali to smiselno? 313 00:13:08,100 --> 00:13:09,130 Ja? 314 00:13:09,130 --> 00:13:10,500 Cool. 315 00:13:10,500 --> 00:13:13,200 Torej, če je good-- 316 00:13:13,200 --> 00:13:14,424 >> ALLISON BUCHHOLTZ-AU: Back. 317 00:13:14,424 --> 00:13:17,590 TOMAS Reimers: Spregovorimo posebej o tem, kakšne selektorjev imamo. 318 00:13:17,590 --> 00:13:19,790 Ker zdaj smo jih nekako le pokazale oznake. 319 00:13:19,790 --> 00:13:21,696 Vendar pa bi vidva videli to verjetna. 320 00:13:21,696 --> 00:13:23,570 Recimo, da imate dve točki na strani in vas 321 00:13:23,570 --> 00:13:26,087 želijo, da bi lahko gostov ena druge pa ne, 322 00:13:26,087 --> 00:13:29,170 ne boste le želeli, da se omeji bi morali uporabiti drugačno dejansko HTML 323 00:13:29,170 --> 00:13:33,410 oznake, da se jim različne sloge. 324 00:13:33,410 --> 00:13:35,995 >> Torej imamo tri osnovne Vrste selektorjev. 325 00:13:35,995 --> 00:13:37,120 ALLISON BUCHHOLTZ-AU: Ja. 326 00:13:37,120 --> 00:13:39,828 Torej imamo oznako, ki je kaj smo se pogovarjali o tem zdaj. 327 00:13:39,828 --> 00:13:42,430 Torej, to je nekako kot vaše telo ali p. 328 00:13:42,430 --> 00:13:46,280 In potem imamo razred, ki je ko smo ga opredeli v našem CSS datoteko, 329 00:13:46,280 --> 00:13:49,907 to je vedno tekoč, da se dot, ne glede na hočeš ime vašega razredu biti. 330 00:13:49,907 --> 00:13:51,490 In to se lahko uporablja za več stvari. 331 00:13:51,490 --> 00:13:54,610 332 00:13:54,610 --> 00:13:57,610 >> Recimo, da imate pet odstavkov in dva od treh od njih 333 00:13:57,610 --> 00:14:00,580 Treba je oblikovan enako, bi jih uporablja razred z njo. 334 00:14:00,580 --> 00:14:03,040 In to je samo način, kako to storiti. 335 00:14:03,040 --> 00:14:05,600 Mi vam bomo dali zgled kjer je to dejansko kaže navzgor. 336 00:14:05,600 --> 00:14:11,030 Ampak, če boste imeli morda nekaj tag p, po njej, bi napisali, 337 00:14:11,030 --> 00:14:14,170 Razred je enaka ne glede razredov želite uporabljati za to. 338 00:14:14,170 --> 00:14:19,280 Torej ne glede na razred selektorji, ki jih želimo ki se uporabljajo za ta posebni točki, 339 00:14:19,280 --> 00:14:21,300 smo lahko samo napisati, kot je ta. 340 00:14:21,300 --> 00:14:24,080 Seveda, mislim, zgled bo veliko bolj konkretno. 341 00:14:24,080 --> 00:14:27,270 >> Druga imamo je id, ki jih označujejo 342 00:14:27,270 --> 00:14:29,707 z hash ali funt, ali hashtag. 343 00:14:29,707 --> 00:14:30,790 TOMAS Reimers: Octothorpe. 344 00:14:30,790 --> 00:14:32,430 ALLISON BUCHHOLTZ-AU: Octothorpe. 345 00:14:32,430 --> 00:14:34,550 Ki dela, preveč. 346 00:14:34,550 --> 00:14:36,640 In ta bi morala biti res edinstven. 347 00:14:36,640 --> 00:14:39,880 Ti bi se morala uporabljati le za ena stvar, na vaši strani. 348 00:14:39,880 --> 00:14:43,820 Torej, ali je to posebna točka, ali nekatere postavka na seznamu, ali karkoli, 349 00:14:43,820 --> 00:14:45,090 to bi moralo biti edinstvena. 350 00:14:45,090 --> 00:14:48,730 In na enak način, kot smo pravkar reči, kot, class = "razreda 1 class2" 351 00:14:48,730 --> 00:14:51,577 To lahko samo id karkoli imamo. 352 00:14:51,577 --> 00:14:52,410 TOMAS Reimers: Ja. 353 00:14:52,410 --> 00:14:54,330 Tako da je vsekakor govori O primerov tukaj. 354 00:14:54,330 --> 00:14:58,170 In jaz sem le, da bo potop naravnost nazaj v kodo. 355 00:14:58,170 --> 00:15:02,090 Torej oglejmo naše HTML. 356 00:15:02,090 --> 00:15:03,960 In tako smo prav zdaj en odstavek. 357 00:15:03,960 --> 00:15:05,510 To je besedilo. 358 00:15:05,510 --> 00:15:09,151 Jaz sem le, da bo spreminjanje ga. "To je besedilo 1." 359 00:15:09,151 --> 00:15:11,150 In potem se bomo imajo "To je besedilo 2." 360 00:15:11,150 --> 00:15:12,525 >> ALLISON BUCHHOLTZ-AU: Druga ena. 361 00:15:12,525 --> 00:15:13,540 TOMAS Reimers: Yup. 362 00:15:13,540 --> 00:15:16,810 Tako imamo zdaj "To je besedilo 2," kajne? 363 00:15:16,810 --> 00:15:21,560 In bomo videli, če bomo osvežite strani, kar bomo našli 364 00:15:21,560 --> 00:15:23,067 se bomo 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: Ja. 367 00:15:24,983 --> 00:15:27,570 Bomo našli "To je besedilo 1, "in" To je besedilo 2. " 368 00:15:27,570 --> 00:15:28,650 >> ALLISON BUCHHOLTZ-AU: In ven lepo rumeno barvo. 369 00:15:28,650 --> 00:15:31,066 >> TOMAS Reimers: In videli boste, da naš selektor prav zdaj, 370 00:15:31,066 --> 00:15:34,940 ki se uporablja za p je, ali odstavki, prizadene oba, 371 00:15:34,940 --> 00:15:38,700 ker sta oba izpolnjevati Pogoj, da oni tako p tag. 372 00:15:38,700 --> 00:15:40,360 To je popolnoma smiselna. 373 00:15:40,360 --> 00:15:43,340 Torej, vprašanje je, dobro, kaj če smo želeli, da bi dobili samo eno? 374 00:15:43,340 --> 00:15:46,350 Torej, točno tako kot Allison je rekel, imamo dve druge načine za to. 375 00:15:46,350 --> 00:15:47,320 Jaz bom za začetek z id. 376 00:15:47,320 --> 00:15:48,405 >> ALLISON BUCHHOLTZ-AU: Začnimo z id. 377 00:15:48,405 --> 00:15:50,405 >> TOMAS Reimers: In tako to so atributi. 378 00:15:50,405 --> 00:15:53,200 Torej obstajajo atributi v HTML. 379 00:15:53,200 --> 00:15:55,600 In kaj so se nekaj, da dodate 380 00:15:55,600 --> 00:15:58,840 znotraj oznake, ki je ločiti od imena oznake. 381 00:15:58,840 --> 00:16:01,301 Tako da lahko imate več atributov. 382 00:16:01,301 --> 00:16:01,800 Ja? 383 00:16:01,800 --> 00:16:03,950 >> ALLISON BUCHHOLTZ-AU: Pravkar sem se pravi, iz vašega primer iz PSET 7, 384 00:16:03,950 --> 00:16:06,650 če kdo od vas poskušali uskladiti spravil v sredini, 385 00:16:06,650 --> 00:16:08,550 ste morda uporabljajo "Text align = center." 386 00:16:08,550 --> 00:16:10,550 In ga opazili verjetno bi morala biti osredotočena 387 00:16:10,550 --> 00:16:12,650 vaše besedilo ali vaš navigacijski bar. 388 00:16:12,650 --> 00:16:15,499 Torej, to je samo tako atribut da vas bo morda poznate. 389 00:16:15,499 --> 00:16:18,040 TOMAS Reimers: Tam je kup od atributov, ki jih boste videli. 390 00:16:18,040 --> 00:16:18,539 Ja. 391 00:16:18,539 --> 00:16:21,250 Všeč mi je dobra referenca za PSET 7. 392 00:16:21,250 --> 00:16:23,150 Imamo id. 393 00:16:23,150 --> 00:16:25,080 Lahko tudi razred, stvari, kot je ta. 394 00:16:25,080 --> 00:16:27,250 Single tag ima lahko več atributov. 395 00:16:27,250 --> 00:16:33,140 Tako se začne z imenom, kaj je pretvarjati nahajamo želijo imeti id of-- ne vem. 396 00:16:33,140 --> 00:16:35,140 Imenovali jo bomo nekaj posebnega, ker je ta, da smo 397 00:16:35,140 --> 00:16:37,867 dogaja, da krepko in poudarjajo, in karkoli. 398 00:16:37,867 --> 00:16:39,950 ALLISON BUCHHOLTZ-AU: To je boš super posebnega. 399 00:16:39,950 --> 00:16:42,360 TOMAS Reimers: Torej, to ena, imamo id posebnega. 400 00:16:42,360 --> 00:16:48,140 Torej način za izbiro, potem je v main.css, namesto da imajo p oznako, 401 00:16:48,140 --> 00:16:51,500 vam #special, OK? 402 00:16:51,500 --> 00:16:55,538 In da se izbere stvar s id posebnega. 403 00:16:55,538 --> 00:16:57,295 Ali je to smiselno za vsakogar? 404 00:16:57,295 --> 00:16:57,920 OBČINSTVO: Ja. 405 00:16:57,920 --> 00:16:59,110 TOMAS Reimers: Cool. 406 00:16:59,110 --> 00:17:04,440 Torej, zdaj, če gremo nazaj, bomo see-- Ops. 407 00:17:04,440 --> 00:17:06,240 Ja. 408 00:17:06,240 --> 00:17:09,460 Bomo videli, da samo izbere eno z id posebnega. 409 00:17:09,460 --> 00:17:10,622 Ja? 410 00:17:10,622 --> 00:17:11,900 Sliši se kul. 411 00:17:11,900 --> 00:17:12,570 Da. 412 00:17:12,570 --> 00:17:15,456 >> OBČINSTVO: Ali lahko kaj imajo pripisovati tako razreda in id? 413 00:17:15,456 --> 00:17:16,359 >> TOMAS Reimers: Da. 414 00:17:16,359 --> 00:17:16,900 OBČINSTVO: OK. 415 00:17:16,900 --> 00:17:20,887 In kaj se potem zgodi, če si potem dal da nekatera pravila v CSS, da konflikt? 416 00:17:20,887 --> 00:17:21,970 TOMAS Reimers: Absolutno. 417 00:17:21,970 --> 00:17:23,940 Mi smo definitivno bo govoriti o tem. 418 00:17:23,940 --> 00:17:31,890 Torej, kaj točno so dobili na, lahko imate tudi pouk. 419 00:17:31,890 --> 00:17:36,380 Torej, kaj je pretvarjal, sem imel tri točke in jaz 420 00:17:36,380 --> 00:17:38,730 želel slog najprej dva, vendar ne tretje. 421 00:17:38,730 --> 00:17:42,850 No, morda vaša prva ideja je, dobro sem lahko samo dal drugi pa z id. 422 00:17:42,850 --> 00:17:45,590 Vendar ga ne more, ker je id, točno tako kot Allison je rekel, 423 00:17:45,590 --> 00:17:47,330 mora biti edinstvena. 424 00:17:47,330 --> 00:17:50,860 >> Torej, namesto id, kaj si lahko uporabite je, da lahko uporabite razred. 425 00:17:50,860 --> 00:17:57,880 In class-- kar omogoča vas, je v bistvu rekel, 426 00:17:57,880 --> 00:17:59,610 to pripada kot del skupine. 427 00:17:59,610 --> 00:18:02,410 V tem primeru, naša skupina se imenuje posebna. 428 00:18:02,410 --> 00:18:06,500 In kaj bomo storili, potem je bomo say-- namesto funta, 429 00:18:06,500 --> 00:18:08,070 bomo uporabili piko. 430 00:18:08,070 --> 00:18:08,740 OK? 431 00:18:08,740 --> 00:18:11,950 In opazil, da je funt in pika obstaja le v datoteki CSS, 432 00:18:11,950 --> 00:18:12,797 ne v HTML. 433 00:18:12,797 --> 00:18:13,880 ALLISON BUCHHOLTZ-AU: Da. 434 00:18:13,880 --> 00:18:15,185 Pomembna razlika. 435 00:18:15,185 --> 00:18:17,510 >> TOMAS Reimers: Imam imela toliko boj, 436 00:18:17,510 --> 00:18:23,990 ker sem dal hašiš v HTML in potem šele počutil neumno za dolgo časa. 437 00:18:23,990 --> 00:18:27,470 Oglejte si, kako se izbere oba tisti s tem razredu? 438 00:18:27,470 --> 00:18:28,210 Cool. 439 00:18:28,210 --> 00:18:29,950 >> Zdaj, stvari imajo lahko več razredov. 440 00:18:29,950 --> 00:18:32,790 Recimo, da sem si želel, da bi najprej dva imajo ozadje rumena 441 00:18:32,790 --> 00:18:36,770 in drugi imata Barva pisave modra. 442 00:18:36,770 --> 00:18:37,270 OK. 443 00:18:37,270 --> 00:18:39,735 Res ne vem, zakaj sem bi želite to storiti, vendar sem lahko. 444 00:18:39,735 --> 00:18:42,401 >> ALLISON BUCHHOLTZ-AU: morda ne ga priporočamo za vašo spletno stran. 445 00:18:42,401 --> 00:18:43,880 Ampak za naše namene, bo to naredil. 446 00:18:43,880 --> 00:18:46,294 >> TOMAS Reimers: Ne dobro barvno shemo. 447 00:18:46,294 --> 00:18:49,210 ALLISON BUCHHOLTZ-AU: No, rumena in modro so moji gimnaziji barve. 448 00:18:49,210 --> 00:18:50,947 Ne vem, čeprav. 449 00:18:50,947 --> 00:18:53,530 TOMAS Reimers: Allison je visoka Šola je imela odlično barvno shemo. 450 00:18:53,530 --> 00:18:54,520 [Smeh] 451 00:18:54,520 --> 00:18:59,120 Torej, kaj lahko rečemo da je to Recimo this-- tako imamo posebne 452 00:18:59,120 --> 00:19:00,030 in imamo Pretty. 453 00:19:00,030 --> 00:19:02,405 Predlagam, da za to, da uporabljate veliko bolj opisna imena. 454 00:19:02,405 --> 00:19:05,820 ALLISON BUCHHOLTZ-AU: Ja, jaz bi pokličite to, kot, rumena ali modra. 455 00:19:05,820 --> 00:19:08,314 >> TOMAS Reimers: Nismo res kar resnično spletno stran, 456 00:19:08,314 --> 00:19:09,730 ki je, zakaj mi ne gre to. 457 00:19:09,730 --> 00:19:11,521 Ampak, če ste dejansko imel pravo spletno stran, ki jih 458 00:19:11,521 --> 00:19:16,220 morda, podobno, članek glava, Članek vsebina, prva beseda, 459 00:19:16,220 --> 00:19:21,920 take stvari, ki omogočajo vam, da je veliko bolj opisna. 460 00:19:21,920 --> 00:19:23,550 To so res tako kot spremenljivke. 461 00:19:23,550 --> 00:19:28,390 Morajo biti poimenovane tako če lahko, like-- ja, kot je npr. 462 00:19:28,390 --> 00:19:29,470 Popolna. 463 00:19:29,470 --> 00:19:30,480 >> Tako da barva ozadja. 464 00:19:30,480 --> 00:19:35,920 In potem bomo tako say-- način, da spremenite barvo, je samo "barva". 465 00:19:35,920 --> 00:19:38,412 In bomo, da bi bilo modro. 466 00:19:38,412 --> 00:19:40,150 To je kul. 467 00:19:40,150 --> 00:19:42,640 Torej, zdaj imamo Prva dva imajo poseben. 468 00:19:42,640 --> 00:19:45,972 Naslednjič se dogaja, da imajo "class = lepa." 469 00:19:45,972 --> 00:19:49,180 ALLISON BUCHHOLTZ-AU: In potem boste želite dodati "precej" na srednji enega. 470 00:19:49,180 --> 00:19:49,971 TOMAS Reimers: Yup. 471 00:19:49,971 --> 00:19:52,970 In potem na srednji eno, dodati "lepa", kaj se zgodi 472 00:19:52,970 --> 00:19:56,880 je pa imate le prostor. 473 00:19:56,880 --> 00:19:59,800 Torej razrednega atributa je seznam prostor ločen 474 00:19:59,800 --> 00:20:02,450 vseh razredov ki se uporabljajo za to oznako. 475 00:20:02,450 --> 00:20:02,959 OK? 476 00:20:02,959 --> 00:20:05,750 To ni tako kot tale pripada nekakšen poseben razred imenuje 477 00:20:05,750 --> 00:20:07,180 "Posebna, prostor, lepo." 478 00:20:07,180 --> 00:20:10,870 Spada v dveh classes-- posebna in lepa. 479 00:20:10,870 --> 00:20:12,492 Ja? 480 00:20:12,492 --> 00:20:14,360 Cool. 481 00:20:14,360 --> 00:20:17,010 >> In potem, če se ozremo kaj se zgodi, da smo 482 00:20:17,010 --> 00:20:21,850 bomo videli, da je prva rumeno ozadje, črno besedilo. 483 00:20:21,850 --> 00:20:22,450 Drugi one-- 484 00:20:22,450 --> 00:20:26,160 >> ALLISON BUCHHOLTZ-AU: --has bold rumeno ozadje z modrim besedilom. 485 00:20:26,160 --> 00:20:29,330 In naša zadnja ima samo modro besedilo, ki smo mu dodeli. 486 00:20:29,330 --> 00:20:30,870 >> TOMAS Reimers: Cool? 487 00:20:30,870 --> 00:20:32,491 Kako selektorji deluje? 488 00:20:32,491 --> 00:20:32,990 Super. 489 00:20:32,990 --> 00:20:34,720 >> ALLISON BUCHHOLTZ-AU: Ali hočemo govorimo o konfliktu zdaj pa? 490 00:20:34,720 --> 00:20:35,780 >> TOMAS Reimers: Torej, ja. 491 00:20:35,780 --> 00:20:36,310 Absolutno. 492 00:20:36,310 --> 00:20:38,380 Torej, kaj se zgodi, če vas imajo konflikt, kajne? 493 00:20:38,380 --> 00:20:44,740 Oglejmo pretvarjati prvo ustanavlja nekaj like-- 494 00:20:44,740 --> 00:20:47,240 ALLISON BUCHHOLTZ-AU: Mogoče ta spreminja ozadje? 495 00:20:47,240 --> 00:20:48,090 TOMAS Reimers: Ja. 496 00:20:48,090 --> 00:20:51,699 Tako da bomo lahko "precej" spremenite ozadje lososa. 497 00:20:51,699 --> 00:20:54,740 ALLISON BUCHHOLTZ-AU: Ti si samo z vsi veliki barve so danes Tomas. 498 00:20:54,740 --> 00:20:55,573 TOMAS Reimers: Ja. 499 00:20:55,573 --> 00:20:58,200 Ker sem ugotovil, da sem lahko uporabite lososa kot pravi barvi. 500 00:20:58,200 --> 00:21:00,270 Tako da smo samo še za to. 501 00:21:00,270 --> 00:21:01,770 Prav tako menim, Sunset je realna barva. 502 00:21:01,770 --> 00:21:03,103 OBČINSTVO: Sunset je realna barva? 503 00:21:03,103 --> 00:21:04,572 ALLISON BUCHHOLTZ-AU: Poskusimo. 504 00:21:04,572 --> 00:21:07,735 TOMAS Reimers: Po tej demo samo zato, ker v primeru, da zamoči, 505 00:21:07,735 --> 00:21:08,943 Nočem, da bi razhroščevanje. 506 00:21:08,943 --> 00:21:11,580 Torej vemo, losos je realna barva. 507 00:21:11,580 --> 00:21:15,626 Torej vse ugibanja o kaj se bo zgodilo? 508 00:21:15,626 --> 00:21:17,522 >> ALLISON BUCHHOLTZ-AU: Kakšna ideja? 509 00:21:17,522 --> 00:21:20,002 >> OBČINSTVO: [neslišno]. 510 00:21:20,002 --> 00:21:20,920 >> TOMAS Reimers: Ja. 511 00:21:20,920 --> 00:21:22,150 Torej imaš to ravno prav. 512 00:21:22,150 --> 00:21:24,930 V bistvu, je potrebno zadnje pravilo, ki je bilo dano. 513 00:21:24,930 --> 00:21:27,860 >> ALLISON BUCHHOLTZ-AU: Torej, to je, kjer kaskadno začne veljati. 514 00:21:27,860 --> 00:21:31,080 >> TOMAS Reimers: Torej, se spomnite, kako smo je imel, da je kaskadno slogov? 515 00:21:31,080 --> 00:21:33,660 Torej s tem, da smo nekako pomeni da imamo kup pravil 516 00:21:33,660 --> 00:21:37,115 ki veljajo na vrhu vsake druge, in lahko tudi preglasi seboj. 517 00:21:37,115 --> 00:21:39,380 >> ALLISON BUCHHOLTZ-AU: Torej karkoli je na dnu 518 00:21:39,380 --> 00:21:41,540 bo razveljavila karkoli je na vrhu. 519 00:21:41,540 --> 00:21:45,842 Lahko bi imeli pravila, ki v celoti vnaprej izničijo nekaj. 520 00:21:45,842 --> 00:21:48,300 To je tudi razlog, da hočeš biti previdni, ko ste styling, 521 00:21:48,300 --> 00:21:51,465 da vam ne bo oblikovanje pravil, ki ste pravkar popolnoma nujni. 522 00:21:51,465 --> 00:21:53,340 >> TOMAS Reimers: Ali pa morda ne želite prepisati pravila. 523 00:21:53,340 --> 00:21:53,920 >> ALLISON BUCHHOLTZ-AU: Ali morda veš. 524 00:21:53,920 --> 00:21:54,300 Da. 525 00:21:54,300 --> 00:21:57,175 >> TOMAS Reimers: Pretvarjaj se, da imate razred, ki velja za večino stvari, 526 00:21:57,175 --> 00:22:01,220 ampak recimo, da želite spremeniti barva ozadja na rdeče in pisave 527 00:22:01,220 --> 00:22:03,140 teža za krepko za večino stvari, ampak za enega, 528 00:22:03,140 --> 00:22:06,098 želite le barvo ozadja da je rdeče barve, vendar želite, vse drugo 529 00:22:06,098 --> 00:22:09,990 lastnosti, lahko naredite nekaj kot "font-weight = normalno," 530 00:22:09,990 --> 00:22:12,760 ki bi nato razveljavite to drzno spremembo. 531 00:22:12,760 --> 00:22:14,480 Ja? 532 00:22:14,480 --> 00:22:17,250 Again, je najboljši način, mislim, Allison je dejal, da je samo vaditi. 533 00:22:17,250 --> 00:22:18,080 >> ALLISON BUCHHOLTZ-AU: Eksperimentiranje. 534 00:22:18,080 --> 00:22:20,090 >> TOMAS Reimers: Praksa, praksa, praksa, in eksperiment. 535 00:22:20,090 --> 00:22:22,950 Poznam veliko ljudi, ki mislijo CSS je le veliko ugibati-in-kontrola 536 00:22:22,950 --> 00:22:25,580 Na koncu dneva, če se uporablja želite storiti something-- všeč, 537 00:22:25,580 --> 00:22:27,663 imate grobo idejo, vendar še vedno verjetno morali 538 00:22:27,663 --> 00:22:31,390 poskusiti zagotoviti, veš, kako izgleda. 539 00:22:31,390 --> 00:22:34,482 >> OBČINSTVO: Ko ste uporabo razredi, več kot eno 540 00:22:34,482 --> 00:22:37,339 na isti točki ali oddelek, ga ne 541 00:22:37,339 --> 00:22:39,505 glede na to, kaj bi lahko jih vnesete v narekovajih? 542 00:22:39,505 --> 00:22:40,992 >> TOMAS Reimers: Ne, sploh ne. 543 00:22:40,992 --> 00:22:45,764 >> ALLISON BUCHHOLTZ-AU: Pomembno je, Da bi v vašem CSS slogi. 544 00:22:45,764 --> 00:22:47,430 OBČINSTVO: Bi lahko ponovite vprašanje? 545 00:22:47,430 --> 00:22:50,680 TOMAS Reimers: Oh. 546 00:22:50,680 --> 00:22:53,990 ALLISON BUCHHOLTZ-AU: Znotraj razred, ko si dajejo razredi 547 00:22:53,990 --> 00:22:56,964 da nekaj v HTML, ne je pomembno, kar bi oni v? 548 00:22:56,964 --> 00:22:58,130 Ni važno, vrstni red. 549 00:22:58,130 --> 00:23:02,915 Kar je pomembno, je vrstni red Razred selektorji v vašem CSS, 550 00:23:02,915 --> 00:23:04,306 v svojem slogu stanja. 551 00:23:04,306 --> 00:23:06,982 >> TOMAS Reimers: zvok dober? 552 00:23:06,982 --> 00:23:08,532 >> ALLISON BUCHHOLTZ-AU: Lovely. 553 00:23:08,532 --> 00:23:11,539 >> TOMAS Reimers: In potem bomo še naprej to-- 554 00:23:11,539 --> 00:23:13,330 ALLISON BUCHHOLTZ-AU: Kaj imamo zdaj? 555 00:23:13,330 --> 00:23:14,245 Sem pozabil. 556 00:23:14,245 --> 00:23:16,087 Oh, imamo samo primere. 557 00:23:16,087 --> 00:23:17,295 Vendar smo nekako narediti tiste. 558 00:23:17,295 --> 00:23:18,990 Naredili smo primere na letenje. 559 00:23:18,990 --> 00:23:20,540 >> TOMAS Reimers: smo dobili združiti selektorje kmalu. 560 00:23:20,540 --> 00:23:22,790 >> ALLISON BUCHHOLTZ-AU: Oh, smo dobili združiti selektorje. 561 00:23:22,790 --> 00:23:25,260 TOMAS Reimers: Torej nekaj primerov je, da smo imeli 562 00:23:25,260 --> 00:23:29,630 # Dog-- funt, ali hashtag, ali octothorpe, ali karkoli 563 00:23:29,630 --> 00:23:32,050 želite poklicati that-- ostra. 564 00:23:32,050 --> 00:23:34,875 >> ALLISON BUCHHOLTZ-AU: Sharp pes. 565 00:23:34,875 --> 00:23:36,470 >> TOMAS Reimers: Potem imate .pets. 566 00:23:36,470 --> 00:23:39,059 567 00:23:39,059 --> 00:23:41,600 Nekaj ​​ima id psa, obstaja samo en pes na strani. 568 00:23:41,600 --> 00:23:43,870 Nekaj ​​ima id mačka, tam je samo ena mačka. 569 00:23:43,870 --> 00:23:45,665 Obstajajo lahko veliko živali na stran. 570 00:23:45,665 --> 00:23:47,570 Zato smo dali da razredih. 571 00:23:47,570 --> 00:23:48,740 Imate primer str. 572 00:23:48,740 --> 00:23:50,490 In potem to eno izmed Zadnji primer, ki 573 00:23:50,490 --> 00:23:53,790 je nekaj, kar nismo govorili o tem, je tisto, kar se zgodi, ko jih združiti. 574 00:23:53,790 --> 00:23:54,580 Torej p.pets. 575 00:23:54,580 --> 00:23:57,510 576 00:23:57,510 --> 00:24:02,950 >> Torej za to, pojdimo nazaj Koda in uvesti another-- ja. 577 00:24:02,950 --> 00:24:04,290 Torej nazaj. 578 00:24:04,290 --> 00:24:04,850 >> ALLISON BUCHHOLTZ-AU: I Počutim se, kot je to really-- 579 00:24:04,850 --> 00:24:08,105 kot samo gledaš skozi primere je res tako, da se naučijo to. 580 00:24:08,105 --> 00:24:09,360 Torej, to je tisto, kar počnemo. 581 00:24:09,360 --> 00:24:14,030 >> TOMAS Reimers: Torej, kaj je pretvarjati nahajamo samo želim, da izberete besedilo 2, kajne? 582 00:24:14,030 --> 00:24:16,530 Tako da bomo zagotovo ne more to, da z id. 583 00:24:16,530 --> 00:24:19,620 No, lahko to storimo s id, vendar nima id. 584 00:24:19,620 --> 00:24:22,490 Sem lahko dodate, vendar pa se pretvarjamo da nisem hotel dodati eno 585 00:24:22,490 --> 00:24:24,910 ali pa že nekaj drugega. 586 00:24:24,910 --> 00:24:26,516 Tega ne morem narediti, da se s tem. 587 00:24:26,516 --> 00:24:28,870 Tag definitivno ni edinstven, kajne? 588 00:24:28,870 --> 00:24:30,670 In niti ni razred. 589 00:24:30,670 --> 00:24:32,314 Vendar pa lahko združite te stvari. 590 00:24:32,314 --> 00:24:35,230 Recimo, da smo želeli narediti nekaj ki se uporablja samo za stvari, ki 591 00:24:35,230 --> 00:24:39,420 imajo razred Posebna in ki imajo razred lepa. 592 00:24:39,420 --> 00:24:48,150 >> Torej, kaj lahko naredite, je v main.css, lahko rekli, dajmo najprej izbrisati to. 593 00:24:48,150 --> 00:24:50,240 Lahko združite teh. 594 00:24:50,240 --> 00:24:51,430 Torej lahko storite .special. 595 00:24:51,430 --> 00:24:52,110 Ni prostora. 596 00:24:52,110 --> 00:24:54,770 Samo .special.pretty. 597 00:24:54,770 --> 00:25:00,550 Kaj to pomeni, da je nekaj ki je tako posebna in lepa. 598 00:25:00,550 --> 00:25:01,900 Ali to smiselno? 599 00:25:01,900 --> 00:25:04,190 In če gremo tukaj, kaj boste videli 600 00:25:04,190 --> 00:25:09,734 je to pravilo velja samo za Drugi, ki ima obe od teh. 601 00:25:09,734 --> 00:25:11,400 In lahko storite, da je za veliko stvari. 602 00:25:11,400 --> 00:25:13,270 Lahko say-- Dovolite pretvarjati, želel sem le 603 00:25:13,270 --> 00:25:18,300 za stvari, ki so razred lepa in ki so tudi odstavek tag. 604 00:25:18,300 --> 00:25:19,920 Torej p.pretty. 605 00:25:19,920 --> 00:25:23,585 Oglejmo pretvarjati, da sem imel kar precej na telesu traku. 606 00:25:23,585 --> 00:25:25,850 OK? 607 00:25:25,850 --> 00:25:28,490 Morem teči to in jaz lahko vidimo, da je le 608 00:25:28,490 --> 00:25:32,720 dogaja, da se uporabljajo za stvari, ki so odstavki z razredom lepa. 609 00:25:32,720 --> 00:25:35,650 In lahko kombinirate ti, v bistvu, kar hočeš. 610 00:25:35,650 --> 00:25:38,580 Tako da si lahko samo jih skupaj. 611 00:25:38,580 --> 00:25:39,604 Ali to smiselno? 612 00:25:39,604 --> 00:25:41,770 ALLISON BUCHHOLTZ-AU: Torej ta vrsta je bolj uporabno 613 00:25:41,770 --> 00:25:45,490 ko je Tomas je rekel že prej, morda imate zelo zapleten spletne strani, 614 00:25:45,490 --> 00:25:48,050 in že imate veliko teh pravil pisnih, 615 00:25:48,050 --> 00:25:51,170 in morate samo združiti dva od prej. 616 00:25:51,170 --> 00:25:55,350 Všeč mi je namesto pisanja cele Novi selektor in ga spreminja tam, 617 00:25:55,350 --> 00:25:58,592 lahko samo združiti jih, kjer se prekriva. 618 00:25:58,592 --> 00:26:00,670 >> TOMAS Reimers: Ali ste morda našli out-- včasih 619 00:26:00,670 --> 00:26:04,290 tam je en razred, ki naredi barva pisave, kot so modra, 620 00:26:04,290 --> 00:26:06,740 in tam je še en razred, ki naredi ozadje modro. 621 00:26:06,740 --> 00:26:07,840 In da le ne bo delovala. 622 00:26:07,840 --> 00:26:10,924 Torej si napisati poseben primer, kjer je, like-- če pa je tako, kaj ste 623 00:26:10,924 --> 00:26:13,548 tekoč storiti, je, da boš da tale ta odtenek modre 624 00:26:13,548 --> 00:26:15,310 in to je ta drugi odtenek modre. 625 00:26:15,310 --> 00:26:15,580 Kajne? 626 00:26:15,580 --> 00:26:17,955 >> ALLISON BUCHHOLTZ-AU: Good za tiste vrste izjem. 627 00:26:17,955 --> 00:26:21,220 TOMAS Reimers: Torej, da razmišljati o problemih 628 00:26:21,220 --> 00:26:25,000 da se lahko pojavijo, ko jih združiti. 629 00:26:25,000 --> 00:26:27,020 Cool. 630 00:26:27,020 --> 00:26:29,692 Torej, nazaj v našo predstavitev. 631 00:26:29,692 --> 00:26:31,400 ALLISON BUCHHOLTZ-AU: Mi smo skoraj tam. 632 00:26:31,400 --> 00:26:34,022 TOMAS Reimers: In je ustavil povezovanje. 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 pisarna, internet gre dol. 635 00:26:39,125 --> 00:26:40,360 Oh, ironija. 636 00:26:40,360 --> 00:26:45,620 >> TOMAS Reimers: Torej, na srečo, smo lahko predstaviti brez interneta, mislim, 637 00:26:45,620 --> 00:26:47,380 ker imamo vse diapozitive tukaj. 638 00:26:47,380 --> 00:26:49,304 Torej, kaj je govoril o Razmerje med oznakami. 639 00:26:49,304 --> 00:26:50,470 ALLISON BUCHHOLTZ-AU: Right. 640 00:26:50,470 --> 00:26:52,660 Torej, samo nekako se dogaja off, kaj je rekel Tomas, 641 00:26:52,660 --> 00:26:54,180 To je samo še en način, da to storite. 642 00:26:54,180 --> 00:26:57,840 Torej, imamo nekaj staršev selektor s selektorjem otrok. 643 00:26:57,840 --> 00:27:02,815 Torej, v tem primeru tukaj, imamo nekaj telo z razreda orodni vrstici, gumb razred. 644 00:27:02,815 --> 00:27:03,315 Ah. 645 00:27:03,315 --> 00:27:03,990 >> TOMAS Reimers: Oh, oprostite. 646 00:27:03,990 --> 00:27:06,180 >> ALLISON BUCHHOLTZ-AU: In v bistvu, kaj to pomeni 647 00:27:06,180 --> 00:27:11,070 je izbrati vse otroke, kot vse te vrste selektorjev, 648 00:27:11,070 --> 00:27:13,040 v tej matični selektorjem. 649 00:27:13,040 --> 00:27:16,004 In tistih, ki so edine to je vedno dogaja, da se uporabljajo za. 650 00:27:16,004 --> 00:27:17,755 Ne vem, če vas imajo boljši način of-- 651 00:27:17,755 --> 00:27:19,504 TOMAS Reimers: Tako sem ugibati, kako razmišljati 652 00:27:19,504 --> 00:27:22,440 O tem se spomnim, kako pred smo nekako kot jih skupaj. 653 00:27:22,440 --> 00:27:26,340 In potem to pomeni, da en element ki ustreza vsem tem. 654 00:27:26,340 --> 00:27:29,530 Kaj je to rekel je, da sem želim si, da se ujemajo vse 655 00:27:29,530 --> 00:27:33,220 v some-- želim vam, da bi našli izbiro. 656 00:27:33,220 --> 00:27:35,670 In nato znotraj, da hočem ste, da se ujemajo nove stvari. 657 00:27:35,670 --> 00:27:36,170 Kajne? 658 00:27:36,170 --> 00:27:40,900 Torej, v CSS, to je vse o nekako pri čemer je lahko, da se te postavke. 659 00:27:40,900 --> 00:27:43,050 In lahko poskusite, da se ujemajo postavke v drugih postavkah. 660 00:27:43,050 --> 00:27:46,510 >> Torej, kaj je dejansko naredil zgled, in mislimo, da bomo pojasniti. 661 00:27:46,510 --> 00:27:53,090 Torej, kaj je pretvarjal, imamo nekaj posebnega, Posebno lepa, karkoli. 662 00:27:53,090 --> 00:27:55,690 In potem imamo povezavo, OK? 663 00:27:55,690 --> 00:27:59,780 664 00:27:59,780 --> 00:28:02,370 Torej, ne pozabite, je povezava. 665 00:28:02,370 --> 00:28:03,900 To ne gre nikamor. 666 00:28:03,900 --> 00:28:11,500 In bomo, da ga Razred povezavo, se mi zdi. 667 00:28:11,500 --> 00:28:13,335 Kaj je to za njih class-- mi dala idejo. 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-- dovolimo, je razred precej iti. 670 00:28:16,420 --> 00:28:16,930 Zakaj 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: Torej zdaj lepe stvari 673 00:28:23,040 --> 00:28:26,000 se dogaja, da bi ozadje modra, barva ozadja lososa. 674 00:28:26,000 --> 00:28:27,969 Da ima smisel. 675 00:28:27,969 --> 00:28:28,760 In če bomo this-- 676 00:28:28,760 --> 00:28:29,620 >> ALLISON BUCHHOLTZ-AU: Ali želite dodati besedilo 677 00:28:29,620 --> 00:28:31,078 tako hiperpovezave dejansko pokaže? 678 00:28:31,078 --> 00:28:35,088 TOMAS Reimers: That bi bilo dobro klic. 679 00:28:35,088 --> 00:28:37,921 ALLISON BUCHHOLTZ-AU: "Vzrok desno Zdaj smo pravkar boš dobil nič. 680 00:28:37,921 --> 00:28:39,690 TOMAS Reimers: Torej je ta povezava. 681 00:28:39,690 --> 00:28:42,202 "To je povezava". 682 00:28:42,202 --> 00:28:45,820 Oh, in to se dogaja biti druga povezava. 683 00:28:45,820 --> 00:28:47,280 Dajmo mu razred "cool". 684 00:28:47,280 --> 00:28:50,295 Imaš prav. 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 Torej, zdaj se bomo, da zgrabite to. 688 00:28:56,010 --> 00:28:57,269 Bomo vrgel eno. 689 00:28:57,269 --> 00:28:59,060 Imamo eno v posebno oznako, in smo tudi 690 00:28:59,060 --> 00:29:01,150 se dogaja, da imajo eno v lepi oznako. 691 00:29:01,150 --> 00:29:05,449 In zdaj, kaj bomo storiti, je, da bomo lahko cool-- 692 00:29:05,449 --> 00:29:06,490 kaj želimo to storiti? 693 00:29:06,490 --> 00:29:10,347 694 00:29:10,347 --> 00:29:12,180 ALLISON BUCHHOLTZ-AU: Lahko naredimo, večji? 695 00:29:12,180 --> 00:29:13,800 TOMAS Reimers: Dajmo to mejo. 696 00:29:13,800 --> 00:29:14,840 ALLISON BUCHHOLTZ-AU: Mi lahko meji. 697 00:29:14,840 --> 00:29:15,673 TOMAS Reimers: Ja. 698 00:29:15,673 --> 00:29:18,560 Tako da bomo nekaj storiti kot, meja is-- in smo 699 00:29:18,560 --> 00:29:20,971 dogaja, da to pojasni vse v sekundi. 700 00:29:20,971 --> 00:29:21,470 Za now-- 701 00:29:21,470 --> 00:29:24,592 >> ALLISON BUCHHOLTZ-AU: Za model polje. 702 00:29:24,592 --> 00:29:27,300 TOMAS Reimers: Ampak za zdaj, smo pravkar dogaja, da to mejo. 703 00:29:27,300 --> 00:29:29,580 Torej, kaj to pomeni, da ste dogaja, da se te povezave. 704 00:29:29,580 --> 00:29:32,788 In boste videli, da imajo ti, kot, grdi črni meje, ki 705 00:29:32,788 --> 00:29:33,820 je kul. 706 00:29:33,820 --> 00:29:34,500 >> ALLISON BUCHHOLTZ-AU: Naša spletna stran je tako lepa. 707 00:29:34,500 --> 00:29:35,333 >> TOMAS Reimers: Ja. 708 00:29:35,333 --> 00:29:38,930 Naša spletna stran je super. 709 00:29:38,930 --> 00:29:41,585 Torej, ta dva sta povezav, in se zdi. 710 00:29:41,585 --> 00:29:44,160 Zdaj pa se pretvarjamo I le želeli, da to storijo 711 00:29:44,160 --> 00:29:50,072 če ne bi bil v nečem ki je imela ozadje lososa. 712 00:29:50,072 --> 00:29:52,280 Torej, ne pozabite, da je to ena ima izkušnje z lososom 713 00:29:52,280 --> 00:29:54,000 ker je razred lepo. 714 00:29:54,000 --> 00:29:59,777 >> Vendar pa želimo povedati, da je le ohlaja ki so v razredu posebno ne v razredu 715 00:29:59,777 --> 00:30:02,890 lepa, bi morali imeti to mejo. 716 00:30:02,890 --> 00:30:12,549 Torej, kaj lahko storite, je, da lahko rečem, .special, prostor, .cool. 717 00:30:12,549 --> 00:30:15,590 In kaj, da počne, ko misliš, da o tem, je, da je v bistvu rekel, 718 00:30:15,590 --> 00:30:19,530 OK, najdi mi vse ki se ujema posebnega. 719 00:30:19,530 --> 00:30:24,104 Potem v temi oznakami, najdete me vse, kar je kul. 720 00:30:24,104 --> 00:30:27,270 ALLISON BUCHHOLTZ-AU: Torej še en način da bi bilo dobro, da razmišljajo o tem, 721 00:30:27,270 --> 00:30:29,810 ga pripelje nazaj do C, je tako kot idejo uporabe. 722 00:30:29,810 --> 00:30:34,020 Torej, če imate nekaj selektor, kot tiste, 723 00:30:34,020 --> 00:30:38,460 da bomo delali za pred tem, vaše celotno spletno stran, vse vaše HTML 724 00:30:38,460 --> 00:30:40,180 je v vašem področju, kajne? 725 00:30:40,180 --> 00:30:43,090 Toda, ko smo imeli ti staršev in otrok, odnosi, 726 00:30:43,090 --> 00:30:47,130 to je kot, če ste skrčila, kjer iščete na določenem kraju, 727 00:30:47,130 --> 00:30:50,540 kot da bi, tako kot smo iskali v posebna funkcija, namesto 728 00:30:50,540 --> 00:30:52,007 našega celotnega spisa. 729 00:30:52,007 --> 00:30:55,090 OBČINSTVO: Torej, s tem v mislih, bi to je važno, če smo imeli changed-- 730 00:30:55,090 --> 00:30:56,423 ALLISON BUCHHOLTZ-AU: Da? 731 00:30:56,423 --> 00:30:59,320 OBČINSTVO: --the razred v CSS da .cool, prostor, .special? 732 00:30:59,320 --> 00:31:01,153 ALLISON BUCHHOLTZ-AU: Da, ker potem 733 00:31:01,153 --> 00:31:04,420 bi rekel, da je obseg vse, kar je kul, 734 00:31:04,420 --> 00:31:07,235 in potem poglej kaj has-- Mislim, kot v tem primeru, 735 00:31:07,235 --> 00:31:08,860 Jaz ne mislim, da bi jo spremenili. 736 00:31:08,860 --> 00:31:10,318 >> TOMAS Reimers: Če bi mi povedal, kaj? 737 00:31:10,318 --> 00:31:10,906 Žal mi je. 738 00:31:10,906 --> 00:31:12,660 >> ALLISON BUCHHOLTZ-AU: Če bomo področje, da se ohladi in nato 739 00:31:12,660 --> 00:31:14,550 poglej stvari iz posebnega, to bi bilo isto, pravzaprav. 740 00:31:14,550 --> 00:31:16,260 >> TOMAS Reimers: Torej ne bi bilo. 741 00:31:16,260 --> 00:31:16,590 >> ALLISON BUCHHOLTZ-AU: To se ne bi? 742 00:31:16,590 --> 00:31:17,590 Oh, oh dobro. 743 00:31:17,590 --> 00:31:18,090 Motim. 744 00:31:18,090 --> 00:31:21,480 >> TOMAS Reimers: Torej razlog to je different-- skupno mistake-- 745 00:31:21,480 --> 00:31:27,140 je, da je zdaj le Povezava je kul, kajne? 746 00:31:27,140 --> 00:31:32,176 Mislim, da moje vprašanje, da vama je, kaj na tej strani, se ujema z .cool? 747 00:31:32,176 --> 00:31:35,984 748 00:31:35,984 --> 00:31:38,340 Obstajata dve oznake tukaj, kajne? 749 00:31:38,340 --> 00:31:39,770 Ki je to eno in to. 750 00:31:39,770 --> 00:31:40,590 Obe ujemata cool. 751 00:31:40,590 --> 00:31:42,200 Nič drugega ne. 752 00:31:42,200 --> 00:31:46,460 Torej, če si rekel, .cool, prostor, .special, kaj boš rekel je, 753 00:31:46,460 --> 00:31:48,824 znotraj teh oznak, kaj je tako posebnega? 754 00:31:48,824 --> 00:31:49,865 ALLISON BUCHHOLTZ-AU: Hm. 755 00:31:49,865 --> 00:31:51,800 To je tisto, kar it-- prav. 756 00:31:51,800 --> 00:31:52,310 Ker je to, kot samo nekaj tukaj. 757 00:31:52,310 --> 00:31:53,310 >> TOMAS Reimers: Torej izbere ničesar. 758 00:31:53,310 --> 00:31:56,530 >> ALLISON BUCHHOLTZ-AU ker z posebnega, da smo v teh oznak tukaj. 759 00:31:56,530 --> 00:31:57,971 >> TOMAS Reimers: Tisti in tiste. 760 00:31:57,971 --> 00:31:58,512 OBČINSTVO: OK. 761 00:31:58,512 --> 00:31:58,920 Torej tiste oznake iz poševnica? 762 00:31:58,920 --> 00:31:59,740 >> TOMAS Reimers: Da. 763 00:31:59,740 --> 00:32:01,150 Ali to smiselno? 764 00:32:01,150 --> 00:32:03,685 Kako je to v bistvu poskuša omejiti obseg. 765 00:32:03,685 --> 00:32:04,810 ALLISON BUCHHOLTZ-AU: Ja. 766 00:32:04,810 --> 00:32:06,870 Mislim, da je verjetno Najlažji način, da razmišljajo o tem. 767 00:32:06,870 --> 00:32:09,270 >> TOMAS Reimers: Torej smo ugotovili, je to, in smo ugotovili, to oboje ujema posebnega. 768 00:32:09,270 --> 00:32:11,400 In potem smo se sprašuje, v ti fantje, kaj je kul? 769 00:32:11,400 --> 00:32:12,941 In v tem enem, tale je kul. 770 00:32:12,941 --> 00:32:14,500 Znotraj tega ena, nič ni kul. 771 00:32:14,500 --> 00:32:16,250 Torej je to samo oznaka, ki ostane. 772 00:32:16,250 --> 00:32:20,112 >> ALLISON BUCHHOLTZ-AU: ker je cool je samo znotraj teh oznak a tam. 773 00:32:20,112 --> 00:32:21,070 TOMAS Reimers: Točno tako. 774 00:32:21,070 --> 00:32:22,403 In kaj je posebnega v teh? 775 00:32:22,403 --> 00:32:22,930 Nič. 776 00:32:22,930 --> 00:32:25,270 Zdaj pa, kaj bom rekel, je če ne bi bilo prostora, 777 00:32:25,270 --> 00:32:29,880 vas vprašam, kaj je kul in special-- ali kaj je lepa in posebna, kajne? 778 00:32:29,880 --> 00:32:35,370 Če rečeš .special.pretty, da je Enako kot .pretty.special. 779 00:32:35,370 --> 00:32:39,220 >> Ker kaj odstranitvijo prostor je sprašuje se, ko rečeš .special, 780 00:32:39,220 --> 00:32:40,970 vas prosi, OK, katere so nekaj posebnega? 781 00:32:40,970 --> 00:32:43,780 In potem tistih, ki med njimi so tudi precej, 782 00:32:43,780 --> 00:32:47,010 ki je enaka, slovnično, kot sprašuje, kaj je lepo, 783 00:32:47,010 --> 00:32:49,500 in potem za tiste, kaj je tako posebnega? 784 00:32:49,500 --> 00:32:50,000 Kajne? 785 00:32:50,000 --> 00:32:53,099 To je razlika kaj je tisto, kar je znotraj. 786 00:32:53,099 --> 00:32:53,640 OBČINSTVO: OK. 787 00:32:53,640 --> 00:32:54,473 TOMAS Reimers: Ja. 788 00:32:54,473 --> 00:32:56,670 789 00:32:56,670 --> 00:32:58,030 Super. 790 00:32:58,030 --> 00:33:00,426 Torej s tem v mislih then-- 791 00:33:00,426 --> 00:33:01,800 >> ALLISON BUCHHOLTZ-AU: Mislim, da je naša last stvar, ki je (v slikoviti britanskim naglasom) 792 00:33:01,800 --> 00:33:02,510 Model polje. 793 00:33:02,510 --> 00:33:05,992 >> TOMAS Reimers: box-- [smeh] Všeč mi je način Allison pravi, da je. 794 00:33:05,992 --> 00:33:06,950 Torej modela polje stvar. 795 00:33:06,950 --> 00:33:09,644 >> ALLISON BUCHHOLTZ-AU: Just imajo box, bom svoj model polje. 796 00:33:09,644 --> 00:33:11,310 TOMAS Reimers: Torej, kaj je govoril o tem. 797 00:33:11,310 --> 00:33:14,070 Torej, zdaj smo porabili veliko časa govorimo o selektorjev. 798 00:33:14,070 --> 00:33:16,944 Do sedaj, fantje so verjetno, kot so, mojstri selectors-- veste, 799 00:33:16,944 --> 00:33:21,510 kako točno izbrati vsebino, ki želite, da manipulirajo na zaslonu. 800 00:33:21,510 --> 00:33:24,740 >> Zdaj je vprašanje, kako točno jo lahko manipulira? 801 00:33:24,740 --> 00:33:27,010 Torej, mislim, najbolj osnovna način, da razmišljajo o tem, da je 802 00:33:27,010 --> 00:33:30,294 je dobro, kaj točno je element v CSS? 803 00:33:30,294 --> 00:33:32,585 Mi smo porabili veliko časa govoriš, kaj je tag, 804 00:33:32,585 --> 00:33:36,140 ali kaj je najbolj osnovna zastopanje tag? 805 00:33:36,140 --> 00:33:39,870 806 00:33:39,870 --> 00:33:45,170 >> Dober način, da razmišljajo o to pomeni, da tisto, kar je oblika losos? 807 00:33:45,170 --> 00:33:47,295 Kaj oblika, kot je lososove barve ozadja? 808 00:33:47,295 --> 00:33:47,880 >> OBČINSTVO: To je pravokotnik. 809 00:33:47,880 --> 00:33:49,040 >> TOMAS Reimers: To je pravokotnik, kajne? 810 00:33:49,040 --> 00:33:50,956 >> ALLISON BUCHHOLTZ-AU: Ni bil trik vprašanje. 811 00:33:50,956 --> 00:33:51,870 [Smeh] 812 00:33:51,870 --> 00:33:54,670 >> TOMAS Reimers: Ne poskušam da vas napeljejo fantje to prepozno. 813 00:33:54,670 --> 00:33:57,510 Torej imamo to pravokotnik. 814 00:33:57,510 --> 00:33:59,140 In tag je p, kajne? 815 00:33:59,140 --> 00:34:02,280 Tako da nam daje dobro prepričanje, da odstavek 816 00:34:02,280 --> 00:34:07,440 je predstavljen kot pravokotnik, pri vsaj v mislih brskalnika, ki 817 00:34:07,440 --> 00:34:08,715 je. 818 00:34:08,715 --> 00:34:11,423 >> ALLISON BUCHHOLTZ-AU: Mislim, brskalniki so običajno pravokotne oblike, 819 00:34:11,423 --> 00:34:13,440 zato je smiselno. 820 00:34:13,440 --> 00:34:18,750 >> TOMAS Reimers: Ideja tukaj je, da vse oznake v CSS 821 00:34:18,750 --> 00:34:21,790 so zastopali pravokotnik. 822 00:34:21,790 --> 00:34:25,699 In vsak pravokotnik ima štiri deli v skladu s CSS, OK? 823 00:34:25,699 --> 00:34:27,830 Imate dejansko vsebino. 824 00:34:27,830 --> 00:34:29,644 To je, če besedilo leži. 825 00:34:29,644 --> 00:34:30,470 >> ALLISON BUCHHOLTZ-AU: Mogoče tvoja slika. 826 00:34:30,470 --> 00:34:31,303 >> TOMAS Reimers: Ja. 827 00:34:31,303 --> 00:34:33,860 Imate oblazinjenje, ki je samo nekakšen prazen prostor. 828 00:34:33,860 --> 00:34:35,085 Potem imate mejo. 829 00:34:35,085 --> 00:34:37,710 In potem imaš rezervo, ki je bel prostor izven tega. 830 00:34:37,710 --> 00:34:39,460 Tako da nima smisla za vsakogar, tako da smo 831 00:34:39,460 --> 00:34:42,500 bomo govorili o tem za sekundo. 832 00:34:42,500 --> 00:34:47,570 Torej, tukaj, kaj bomo storili se bomo ustvariti nekaj Divs, OK? 833 00:34:47,570 --> 00:34:48,420 Oprostite, medtem I-- 834 00:34:48,420 --> 00:34:51,506 >> ALLISON BUCHHOLTZ-AU: Počutim se rad moramo dal luštna sliko v. 835 00:34:51,506 --> 00:34:52,520 >> TOMAS Reimers: Vsekakor bi morala. 836 00:34:52,520 --> 00:34:53,389 >> ALLISON BUCHHOLTZ-AU: Počutim se, kot vsi 837 00:34:53,389 --> 00:34:54,870 bi lahko imele koristi od luštna slika, to je vse. 838 00:34:54,870 --> 00:34:56,774 >> TOMAS Reimers: Lahko smo vsi koristi od a-- 839 00:34:56,774 --> 00:34:57,648 >> OBČINSTVO: Ja, seveda. 840 00:34:57,648 --> 00:34:58,790 TOMAS Reimers: OK, kul. 841 00:34:58,790 --> 00:35:02,254 Torej bi morali dati luštna slika nekje. 842 00:35:02,254 --> 00:35:05,295 ALLISON BUCHHOLTZ-AU: Počutim se, kot srčkan zajček je lahko koristno sedaj. 843 00:35:05,295 --> 00:35:06,190 TOMAS Reimers: Seveda. 844 00:35:06,190 --> 00:35:06,950 ALLISON BUCHHOLTZ-AU: Konec tedna. 845 00:35:06,950 --> 00:35:07,390 Imajo nekaj adorab-- 846 00:35:07,390 --> 00:35:08,520 >> TOMAS Reimers: Kako bout mucek? 847 00:35:08,520 --> 00:35:09,220 >> ALLISON BUCHHOLTZ-AU: Mucek dela, preveč. 848 00:35:09,220 --> 00:35:11,300 >> TOMAS Reimers: Cool, ker tam je mesto za to. 849 00:35:11,300 --> 00:35:12,300 To se imenuje 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, kot so, placeholder slik v vaše spletne strani. 853 00:35:18,040 --> 00:35:18,914 TOMAS Reimers: Mm-hm. 854 00:35:18,914 --> 00:35:21,520 Tam je tudi PlacePuppy. 855 00:35:21,520 --> 00:35:22,832 In tam je PlaceBacon. 856 00:35:22,832 --> 00:35:24,340 >> ALLISON BUCHHOLTZ-AU: PlaceBacon? 857 00:35:24,340 --> 00:35:25,350 Res? 858 00:35:25,350 --> 00:35:28,190 >> TOMAS Reimers: Oh, ne bomo imajo dostop do interneta tukaj. 859 00:35:28,190 --> 00:35:29,875 >> ALLISON BUCHHOLTZ-AU: [stokanje] 860 00:35:29,875 --> 00:35:30,375 Tragično. 861 00:35:30,375 --> 00:35:32,333 TOMAS Reimers: V nasprotnem primeru, Rad bi vam pokazal fantje 862 00:35:32,333 --> 00:35:33,870 kako postaviti slike na vaši spletni strani. 863 00:35:33,870 --> 00:35:36,370 Bomo poskušali dobiti to deluje, preden smo morali iti. 864 00:35:36,370 --> 00:35:38,660 Ampak za zdaj, smo pravkar bomo govorili v barvah takrat. 865 00:35:38,660 --> 00:35:39,820 Želimo, da dajo slike kittens-- 866 00:35:39,820 --> 00:35:40,210 >> ALLISON BUCHHOLTZ-AU: Nismo. 867 00:35:40,210 --> 00:35:43,110 >> TOMAS Reimers: --the internet je dol za trenutek počutje. 868 00:35:43,110 --> 00:35:47,820 Torej imamo dve Divs, in smo dogaja, da jim dva ids. 869 00:35:47,820 --> 00:35:51,380 870 00:35:51,380 --> 00:35:56,760 Bomo ga pokličete "Prvi" in "drugi". 871 00:35:56,760 --> 00:36:01,184 Torej id = "prvi". 872 00:36:01,184 --> 00:36:02,850 In bomo, da jim dve barvi. 873 00:36:02,850 --> 00:36:08,424 Torej, kako bomo izbrali nekaj z id "prvi"? 874 00:36:08,424 --> 00:36:09,840 ALLISON BUCHHOLTZ-AU: Dot ali hash? 875 00:36:09,840 --> 00:36:10,730 OBČINSTVO: Sharp. 876 00:36:10,730 --> 00:36:12,940 TOMAS Reimers: Sharp, popolna. 877 00:36:12,940 --> 00:36:14,950 Sharp, hash, karkoli we-- 878 00:36:14,950 --> 00:36:15,680 >> ALLISON BUCHHOLTZ-AU: Veliko stvari je, da ga pokličete. 879 00:36:15,680 --> 00:36:16,430 >> TOMAS Reimers: OK. 880 00:36:16,430 --> 00:36:19,800 Bomo, da se usede na hashtag, in To je tisto, kar smo šli 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: Torej hashtag je prvi. 884 00:36:22,340 --> 00:36:24,506 >> ALLISON BUCHHOLTZ-AU: Torej lahko tweet seminar-- 885 00:36:24,506 --> 00:36:27,582 hashtag CSS, hashtag kul. 886 00:36:27,582 --> 00:36:29,040 TOMAS Reimers: hashtag Awesomeness. 887 00:36:29,040 --> 00:36:30,730 ALLISON BUCHHOLTZ-AU: Hashtag Awesomeness, ja. 888 00:36:30,730 --> 00:36:31,480 TOMAS Reimers: OK. 889 00:36:31,480 --> 00:36:33,660 Torej imamo "prvi" in "drugo". 890 00:36:33,660 --> 00:36:37,697 Torej, najprej, da bomo imeli Barva ozadja rdeča. 891 00:36:37,697 --> 00:36:39,030 ALLISON BUCHHOLTZ-AU: Uh, kolona. 892 00:36:39,030 --> 00:36:40,281 TOMAS Reimers: Yup. 893 00:36:40,281 --> 00:36:42,281 ALLISON BUCHHOLTZ-AU: Jaz bom tvoj spot-checker. 894 00:36:42,281 --> 00:36:43,960 TOMAS Reimers: Allison me je dobil. 895 00:36:43,960 --> 00:36:45,830 Ozadje, barva blue-- 896 00:36:45,830 --> 00:36:46,810 >> TOMAS Reimers: Purple! 897 00:36:46,810 --> 00:36:47,726 >> TOMAS Reimers: Purple. 898 00:36:47,726 --> 00:36:48,830 ALLISON BUCHHOLTZ-AU: Da. 899 00:36:48,830 --> 00:36:50,630 Purple je moja najljubša barva, in smo ga še ne uporabljajo. 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 Da deluje. 903 00:36:53,860 --> 00:36:56,482 904 00:36:56,482 --> 00:36:59,880 >> TOMAS Reimers: Torej smo dogaja, da imajo dve Divs. 905 00:36:59,880 --> 00:37:01,654 Oni bo popolnoma prazna. 906 00:37:01,654 --> 00:37:03,070 Mi bi verjetno morali imeti nekaj besedila. 907 00:37:03,070 --> 00:37:05,580 908 00:37:05,580 --> 00:37:09,815 Torej, "prvi" se bo "HELLO". 909 00:37:09,815 --> 00:37:10,940 In "drugo", bo say-- 910 00:37:10,940 --> 00:37:11,110 >> ALLISON BUCHHOLTZ-AU: Goodbye. 911 00:37:11,110 --> 00:37:12,514 >> OBČINSTVO: - "WORLD". 912 00:37:12,514 --> 00:37:14,122 Pozdravljeni, zbogom. 913 00:37:14,122 --> 00:37:16,580 ALLISON BUCHHOLTZ-AU: Videl sem jim na koncertu drugi teden. 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 ne da veliko. 917 00:37:21,200 --> 00:37:24,084 918 00:37:24,084 --> 00:37:24,750 Mi ni všeč. 919 00:37:24,750 --> 00:37:26,060 >> TOMAS Reimers: Imamo "HELLO" in "NASVIDENJE." 920 00:37:26,060 --> 00:37:29,102 In spet, CSS je samo super, saj se zaveda naše barve. 921 00:37:29,102 --> 00:37:30,810 Ni treba, da niti Skrbi jih, da obstajajo. 922 00:37:30,810 --> 00:37:33,194 Počnejo. 923 00:37:33,194 --> 00:37:35,130 >> ALLISON BUCHHOLTZ-AU: Oni obstajajo. 924 00:37:35,130 --> 00:37:39,560 >> TOMAS Reimers: Torej CSS Mislim, da ima 255 besed, ki bi govoril o barvi. 925 00:37:39,560 --> 00:37:42,986 Če si lahko zamislite barve zunaj tiste 255, kot je, bom navdušena. 926 00:37:42,986 --> 00:37:44,110 ALLISON BUCHHOLTZ-AU: Ja. 927 00:37:44,110 --> 00:37:45,560 Mislim, da vidva lahko pravkar prišel prav po njem. 928 00:37:45,560 --> 00:37:47,727 >> TOMAS Reimers: Torej, tukaj, boste videli, da imamo dva škatle 929 00:37:47,727 --> 00:37:49,143 prav na vrhu med seboj, kajne? 930 00:37:49,143 --> 00:37:50,200 HELLO in NASVIDENJE. 931 00:37:50,200 --> 00:37:51,460 >> ALLISON BUCHHOLTZ-AU: Ni prostora vmes. 932 00:37:51,460 --> 00:37:53,390 Oni samo smooshed prav na vrhu drug drugega. 933 00:37:53,390 --> 00:37:55,973 >> TOMAS Reimers: Torej prva stvar, Mislim, da bi morali govoriti o 934 00:37:55,973 --> 00:38:02,960 je pa tudi say-- ja. 935 00:38:02,960 --> 00:38:08,020 Tako da jih CSS predstavlja kot neke vrste škatel. 936 00:38:08,020 --> 00:38:10,100 In škatle, so vsebine. 937 00:38:10,100 --> 00:38:14,540 In vsebina sedaj je nekako HELLO ali NASVIDENJE in to je to. 938 00:38:14,540 --> 00:38:15,040 OK? 939 00:38:15,040 --> 00:38:19,790 >> Torej, ena od prvih stvari, ki jih lahko naredimo je, da lahko dodate oblazinjenje. 940 00:38:19,790 --> 00:38:25,610 Oblazinjenje pravi, koliko prostora mora pustiti na vsaki strani. 941 00:38:25,610 --> 00:38:29,200 Torej, recimo, da želim povedati 10 pik na vsaki strani. 942 00:38:29,200 --> 00:38:31,234 In bom seciral, da v sekundi. 943 00:38:31,234 --> 00:38:33,150 ALLISON BUCHHOLTZ-AU: Vse te stvari tukaj 944 00:38:33,150 --> 00:38:36,980 se bodo predvsem v pikslih za preostali del seminarja. 945 00:38:36,980 --> 00:38:40,980 Boste videli, da ima nekaj prostora okoli njega, kajne? 946 00:38:40,980 --> 00:38:46,360 Torej, kaj ne vidite, tu je tam Ta nevidna vrste oblazinjenja 947 00:38:46,360 --> 00:38:49,600 na vsaki strani, ki pravi, podobno, OK, imate škatlo content-- 948 00:38:49,600 --> 00:38:51,680 >> ALLISON BUCHHOLTZ-AU: Želite samo dvigni vpogleda element? 949 00:38:51,680 --> 00:38:53,659 >> TOMAS Reimers: Ja, to je dobra ideja. 950 00:38:53,659 --> 00:38:56,700 ALLISON BUCHHOLTZ-AU: Prav tako se mi zdi, da pregledajo element dober način 951 00:38:56,700 --> 00:39:01,280 da ugotovimo, če je nekaj dogaja narobe, zgodi nekaj nepričakovanega, 952 00:39:01,280 --> 00:39:04,570 pregledovanja oznak in videli, kaj to je, kot je prepisana koristno. 953 00:39:04,570 --> 00:39:05,940 >> TOMAS Reimers: Torej nisem prepričan če lahko vi vidite to barvo. 954 00:39:05,940 --> 00:39:06,470 Lahko? 955 00:39:06,470 --> 00:39:10,120 Boste videli to oblazinjenje od vrste roba. 956 00:39:10,120 --> 00:39:13,410 In potem vidiš dejanske Vsebnost v modri, kajne? 957 00:39:13,410 --> 00:39:16,820 Tako da je zelo Osnove modela box. 958 00:39:16,820 --> 00:39:17,674 Imate vsebine. 959 00:39:17,674 --> 00:39:18,590 Potem imate oblazinjenje. 960 00:39:18,590 --> 00:39:20,440 >> OBČINSTVO: Zakaj ne samo uporabite polje znotraj the-- 961 00:39:20,440 --> 00:39:21,606 >> ALLISON BUCHHOLTZ-AU: Right. 962 00:39:21,606 --> 00:39:24,745 Saj to je samo izbiro element prav zdaj. 963 00:39:24,745 --> 00:39:26,050 >> TOMAS Reimers: Yup. 964 00:39:26,050 --> 00:39:27,060 Druge stvari. 965 00:39:27,060 --> 00:39:29,780 Torej, kaj je govoril o tem oblazinjenje ukaz za sekundo. 966 00:39:29,780 --> 00:39:36,380 Torej, v CSS, meritve morajo imeti enoto. 967 00:39:36,380 --> 00:39:39,740 Torej, najprej moraš znesek. 968 00:39:39,740 --> 00:39:41,460 Torej, v tem primeru smo dejal 10. 969 00:39:41,460 --> 00:39:44,780 In potem naslednji ena smo rekel je pik, px. 970 00:39:44,780 --> 00:39:49,160 Drugih, ki so morda imeli, so stvari, kot centimetrov, palcev. 971 00:39:49,160 --> 00:39:51,367 Lahko naredite stvari všeč, kar je 10 centimetrov? 972 00:39:51,367 --> 00:39:52,700 In to se dogaja, da je smešno. 973 00:39:52,700 --> 00:39:52,990 >> ALLISON BUCHHOLTZ-AU: Oh, fant. 974 00:39:52,990 --> 00:39:53,460 >> OBČINSTVO: Vau. 975 00:39:53,460 --> 00:39:54,460 >> TOMAS IN ALLISON: Ja. 976 00:39:54,460 --> 00:39:57,840 TOMAS Reimers: Tako, da je vse oblazinjenje. 977 00:39:57,840 --> 00:39:59,255 Jaz bom šel nazaj na pik. 978 00:39:59,255 --> 00:40:01,754 >> ALLISON BUCHHOLTZ-AU: pik ponavadi, kot, standarda. 979 00:40:01,754 --> 00:40:04,589 Ko pogledaš na veliko spletnih straneh, večinoma delajo v pikslih. 980 00:40:04,589 --> 00:40:07,755 TOMAS Reimers: Torej boste videli bodisi pixels-- druge tiste, ki jih vidite 981 00:40:07,755 --> 00:40:13,952 je em, ki je eden em je enaka višini pisave 982 00:40:13,952 --> 00:40:15,160 ki ga trenutno uporabljate. 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 dober način za povedati, podobno, hočem toliko prostora kot moj pisave 986 00:40:20,740 --> 00:40:21,514 je ob. 987 00:40:21,514 --> 00:40:23,180 ALLISON BUCHHOLTZ-AU: Ali ne veš, da je. 988 00:40:23,180 --> 00:40:25,747 Ti se naučijo nekaj novega vsak dan. 989 00:40:25,747 --> 00:40:27,955 TOMAS Reimers: Obstaja Veliko meritev v CS. 990 00:40:27,955 --> 00:40:29,260 Predlagam, da jih poiščete. 991 00:40:29,260 --> 00:40:32,122 Za vse vaše primere, mislim, točk mora biti zadostna. 992 00:40:32,122 --> 00:40:33,830 In oni tudi kaj boste videli 993 00:40:33,830 --> 00:40:36,520 v večini primerov, podpisan na spletu. 994 00:40:36,520 --> 00:40:38,320 Torej bomo pustite na pik. 995 00:40:38,320 --> 00:40:42,420 >> Prav tako lahko, bi moral tako say-- oblazinjenje kompleti vse od blazinicama. 996 00:40:42,420 --> 00:40:49,789 Prav tako lahko naredite nekaj podobnega "Padding-top" samo set-- 997 00:40:49,789 --> 00:40:52,080 ALLISON BUCHHOLTZ-AU: Mogoče bomo dobili naše "zdravo" hrbet. 998 00:40:52,080 --> 00:40:55,480 TOMAS Reimers: --to samo nastavite oblazinjenje na vrhu in nič drugega. 999 00:40:55,480 --> 00:40:59,560 Torej štirje ukazi so oblazinjenje-top, padding-bottom, padding-left, 1000 00:40:59,560 --> 00:41:00,310 in oblazinjenje-desno. 1001 00:41:00,310 --> 00:41:02,470 >> ALLISON BUCHHOLTZ-AU: Enako kot bi pričakovali za škatlo. 1002 00:41:02,470 --> 00:41:03,530 >> TOMAS Reimers: Ja. 1003 00:41:03,530 --> 00:41:05,240 Nič preveč nor tam. 1004 00:41:05,240 --> 00:41:08,230 Ali to smiselno? 1005 00:41:08,230 --> 00:41:11,990 Tako, da je oblazinjenje. 1006 00:41:11,990 --> 00:41:14,110 Grem, da nastavite vse na blazinici nazaj na 10. 1007 00:41:14,110 --> 00:41:17,010 In potem grem, da se premaknete na meji. 1008 00:41:17,010 --> 00:41:21,130 >> Torej, kaj je meja, je meja je čuden ukaz. 1009 00:41:21,130 --> 00:41:24,450 To traja vrste treh stvari naenkrat. 1010 00:41:24,450 --> 00:41:28,930 Torej, najprej je, kako velik želijo, da so meritve. 1011 00:41:28,930 --> 00:41:30,662 Spet sem z samo pik. 1012 00:41:30,662 --> 00:41:32,620 In zadnja stvar, ki sem Naj dodam, da meritve 1013 00:41:32,620 --> 00:41:35,270 je ena stvar, ki ne potrebuje enoto je 0. 1014 00:41:35,270 --> 00:41:37,390 To je pravzaprav napačna dati 0 enoto, 1015 00:41:37,390 --> 00:41:41,940 saj 0 0 čez cm, pik, centimetrov, karkoli. 1016 00:41:41,940 --> 00:41:43,960 Vse to samo pomeni 0, kajne? 1017 00:41:43,960 --> 00:41:46,710 Torej, najprej si mu dal meritev. 1018 00:41:46,710 --> 00:41:48,650 >> Potem si ga dal slog. 1019 00:41:48,650 --> 00:41:49,869 Tako bom rekel "trdna". 1020 00:41:49,869 --> 00:41:51,410 In bomo govorili o tem, kaj to pomeni. 1021 00:41:51,410 --> 00:41:54,290 In potem na koncu, si ga dal barvo. 1022 00:41:54,290 --> 00:41:56,850 Tako bom rekel "črno". 1023 00:41:56,850 --> 00:41:59,637 In to so vse stvari, ki smo jih sedaj videla, razen za stil, 1024 00:41:59,637 --> 00:42:00,720 ampak bomo govorili o tem. 1025 00:42:00,720 --> 00:42:04,120 Torej ste vi videli meritve, in ste videli barve. 1026 00:42:04,120 --> 00:42:10,410 In kaj se zgodi, je, da smo dobili to lepo črna meja okoli njega, kajne? 1027 00:42:10,410 --> 00:42:11,620 Vi vidite, kako je to naredil? 1028 00:42:11,620 --> 00:42:12,760 >> OBČINSTVO: Ja. 1029 00:42:12,760 --> 00:42:14,850 >> TOMAS Reimers: Cool. 1030 00:42:14,850 --> 00:42:17,370 Torej, kaj je to? 1031 00:42:17,370 --> 00:42:19,160 Torej, najprej, to je en piksel. 1032 00:42:19,160 --> 00:42:20,880 To je samoumevno dovolj, kajne? 1033 00:42:20,880 --> 00:42:23,254 Všeč mi je, da je debela en piksel. 1034 00:42:23,254 --> 00:42:26,170 Ali bi bilo en piksel, vendar sem Povečano, tako da je malo bolj 1035 00:42:26,170 --> 00:42:26,490 kot to. 1036 00:42:26,490 --> 00:42:27,967 >> ALLISON BUCHHOLTZ-AU: In imamo to smešno ločljivost TV. 1037 00:42:27,967 --> 00:42:29,460 >> TOMAS Reimers: Ja. 1038 00:42:29,460 --> 00:42:33,640 Lahko bi bilo večje, manjši, karkoli. 1039 00:42:33,640 --> 00:42:35,630 Torej, tukaj je dva-pixel meja. 1040 00:42:35,630 --> 00:42:38,810 Boste videli, da je dvakrat debel. 1041 00:42:38,810 --> 00:42:40,172 Naslednja stvar, ki jo imate, je barva. 1042 00:42:40,172 --> 00:42:41,130 To ni zanimivo. 1043 00:42:41,130 --> 00:42:42,710 Ne bom govoril O, da, res. 1044 00:42:42,710 --> 00:42:45,110 >> ALLISON BUCHHOLTZ-AU: Ampak stil morda samo malo zanimivo. 1045 00:42:45,110 --> 00:42:45,980 >> TOMAS Reimers: Ja. 1046 00:42:45,980 --> 00:42:48,560 Torej slogu, obstaja nekaj tisti, da vidim uporablja pogosto. 1047 00:42:48,560 --> 00:42:55,690 Prvi je trdna, naslednjič je pikčasta, in zadnja je črtkano. 1048 00:42:55,690 --> 00:42:59,290 In tukaj se nizajo. 1049 00:42:59,290 --> 00:43:02,980 Boste videli, da oni kup pik, kajne? 1050 00:43:02,980 --> 00:43:09,030 Dober način, da nekako dobili lepo mejo dogaja, črtice so prav tako zelo priljubljena. 1051 00:43:09,030 --> 00:43:11,580 1052 00:43:11,580 --> 00:43:13,600 >> ALLISON BUCHHOLTZ-AU: In potem seveda, jaz sem 1053 00:43:13,600 --> 00:43:16,660 prepričani, obstaja veliko drugih stilov, ki jih lahko dobite. 1054 00:43:16,660 --> 00:43:20,000 In imamo veliko niz Povezave na koncu za vaju 1055 00:43:20,000 --> 00:43:23,470 da vrsta seznanijo z vsebino in poglej več kul CSS. 1056 00:43:23,470 --> 00:43:25,954 >> TOMAS Reimers: In potem Zadnja stvar, smo 1057 00:43:25,954 --> 00:43:27,870 govorili o box modeli resnično hitro. 1058 00:43:27,870 --> 00:43:30,070 Oh, in potem meja, točno tako oblazinjenje, 1059 00:43:30,070 --> 00:43:33,270 imate tudi stvari, kot so meja levo, border-desno, border-top, 1060 00:43:33,270 --> 00:43:37,590 meji-bottom, ki vam omogočajo, priti na določeno mejo. 1061 00:43:37,590 --> 00:43:40,650 Torej, tukaj je samo meja levo opredeljeni. 1062 00:43:40,650 --> 00:43:43,060 Ali je to smiselno? 1063 00:43:43,060 --> 00:43:46,170 >> ALLISON BUCHHOLTZ-AU: To je kul način, da se poudari stvari ali dodajanje 1064 00:43:46,170 --> 00:43:47,545 Meje med različnimi elementi. 1065 00:43:47,545 --> 00:43:48,670 TOMAS Reimers: Absolutno. 1066 00:43:48,670 --> 00:43:50,940 Tako, da je naša meja. 1067 00:43:50,940 --> 00:43:52,790 In zadnja marža. 1068 00:43:52,790 --> 00:43:55,892 Marže, kot polnilo razen to ni within-- 1069 00:43:55,892 --> 00:43:57,975 ALLISON BUCHHOLTZ-AU: To je ne okoli elementa 1070 00:43:57,975 --> 00:44:00,840 ampak dejansko okoli celotnega polje, ki smo jih videli. 1071 00:44:00,840 --> 00:44:02,770 >> TOMAS Reimers: Ja. 1072 00:44:02,770 --> 00:44:04,090 Allison je dejal popolnoma. 1073 00:44:04,090 --> 00:44:07,550 To ni, kot je, v notranjosti element, to je okrog celotnega prostora. 1074 00:44:07,550 --> 00:44:10,900 To pomeni, da stvari, kot so ozadje ne uporablja. 1075 00:44:10,900 --> 00:44:13,550 In to je v bistvu pravi, podobno, ne želim ničesar 1076 00:44:13,550 --> 00:44:15,230 pri tem veliko prostora za mene. 1077 00:44:15,230 --> 00:44:17,470 Tako kot imamo tukaj stopnja 10 pik. 1078 00:44:17,470 --> 00:44:23,100 Torej nič v 10 pik mora biti zraven mene. 1079 00:44:23,100 --> 00:44:26,210 To je vrsta njenih Prostor vendar nekako ni. 1080 00:44:26,210 --> 00:44:29,215 Tako da je zelo Osnove modela box. 1081 00:44:29,215 --> 00:44:30,090 Ali to smiselno? 1082 00:44:30,090 --> 00:44:33,830 1083 00:44:33,830 --> 00:44:34,550 Kul, kul. 1084 00:44:34,550 --> 00:44:35,800 ALLISON BUCHHOLTZ-AU: Awesome. 1085 00:44:35,800 --> 00:44:37,890 Zdaj mislim, da smo pravkar imamo kul virov 1086 00:44:37,890 --> 00:44:41,220 da vam bomo sprejeti fantje z zelo hitro. 1087 00:44:41,220 --> 00:44:44,815 In bomo tudi actually--, imamo internet še? 1088 00:44:44,815 --> 00:44:47,860 >> TOMAS Reimers: Recimo, vidim, če lahko odprete up-- 1089 00:44:47,860 --> 00:44:50,040 Naj samo videti, če sem lahko dobite internet hitro 1090 00:44:50,040 --> 00:44:53,317 medtem Allison govori o ničemer Allison želi govoriti. 1091 00:44:53,317 --> 00:44:55,150 ALLISON BUCHHOLTZ-AU: Torej basically-- jaz ne 1092 00:44:55,150 --> 00:44:57,930 vem, kaj lahko povem na tej točki. 1093 00:44:57,930 --> 00:45:01,340 Vendar so nekateri res dobri viri. 1094 00:45:01,340 --> 00:45:04,629 To so tisti, ki Tomas in sem uporabil 1095 00:45:04,629 --> 00:45:06,420 in da dejansko uporablja za prep za to. 1096 00:45:06,420 --> 00:45:09,940 W3Schools je tista, ki vas Fantje so se morali obravnavati prej. 1097 00:45:09,940 --> 00:45:12,440 Priporočamo ga za Veliko stvari z CSS. 1098 00:45:12,440 --> 00:45:15,060 Vem, da sem jo priporočam moj oddelek ves čas. 1099 00:45:15,060 --> 00:45:21,050 >> Ena od velikih stvari, da ji vam omogoča, da vrste nered s CSS 1100 00:45:21,050 --> 00:45:23,830 in glej spremembe sprašuje v tem, 1101 00:45:23,830 --> 00:45:25,920 podobno, dvojno okno ogledati, da ima. 1102 00:45:25,920 --> 00:45:29,980 Tako vam ni treba skrbeti za vzpostavitvijo lastne spletne strani, 1103 00:45:29,980 --> 00:45:33,090 oziroma vzpostavitve vhost v vašem lokalni aparat in lokalnega gostitelja, 1104 00:45:33,090 --> 00:45:34,980 in dobili vse te stvari dela. 1105 00:45:34,980 --> 00:45:36,830 To je vključena pravica v stran. 1106 00:45:36,830 --> 00:45:39,042 >> In to je to malo izkušnje, ki jih lahko 1107 00:45:39,042 --> 00:45:40,750 iti skozi, da se naučijo Več o selektorjev, 1108 00:45:40,750 --> 00:45:44,610 ali spoznati manipuliranja vaš pisave, ali ozadje ali sliko. 1109 00:45:44,610 --> 00:45:46,990 In imaš ti pretočni rezultati, ki jih 1110 00:45:46,990 --> 00:45:49,310 ne bi bilo treba storiti vse drugi prep delo za. 1111 00:45:49,310 --> 00:45:51,060 Zato ljubim W3Schools. 1112 00:45:51,060 --> 00:45:51,960 To je čudovito. 1113 00:45:51,960 --> 00:45:52,670 Ti delajo? 1114 00:45:52,670 --> 00:45:52,950 >> TOMAS Reimers: Ja. 1115 00:45:52,950 --> 00:45:53,720 Ne, to ni. 1116 00:45:53,720 --> 00:45:55,636 Hočeš poskusiti in znova zagnati računalnik? 1117 00:45:55,636 --> 00:45:56,410 Ali želimo to-- 1118 00:45:56,410 --> 00:46:01,490 >> ALLISON BUCHHOLTZ-AU: Mislim, dobro, to bo tudi na spletu. 1119 00:46:01,490 --> 00:46:02,740 Vsi diapozitivi bo na spletu. 1120 00:46:02,740 --> 00:46:05,470 Tako da sem zelo priporočam delaš ti. 1121 00:46:05,470 --> 00:46:07,880 >> To je super, saj prav kot goljufija stanja. 1122 00:46:07,880 --> 00:46:10,690 To je samo vse osnovne ukaze, ki jih imate. 1123 00:46:10,690 --> 00:46:13,070 To je super, ko ste prvič začenjajo svojo spletno stran. 1124 00:46:13,070 --> 00:46:15,080 Saj morda ne boste želijo priti v vse 1125 00:46:15,080 --> 00:46:17,355 real gnjidama kašaste oblikovanje težkih stvari. 1126 00:46:17,355 --> 00:46:20,230 Samo morate formatirati na način, da nekako smiselno in volje 1127 00:46:20,230 --> 00:46:21,490 storiti za čas bivanja. 1128 00:46:21,490 --> 00:46:23,580 In če si zares želite da se v njem, vem 1129 00:46:23,580 --> 00:46:27,240 To je, kot eden izmed Najljubše reference Tomáš je. 1130 00:46:27,240 --> 00:46:30,130 Mi smo ga uporabljali za prep, in to je čudovito. 1131 00:46:30,130 --> 00:46:33,030 To razvijalca Mozille. 1132 00:46:33,030 --> 00:46:36,490 >> TOMAS Reimers: Torej Mozilla so ljudje, ki naredijo Firefox. 1133 00:46:36,490 --> 00:46:40,290 In to je samo njihova razvijalec reference, kar mislim, da je super. 1134 00:46:40,290 --> 00:46:44,870 In ima čudovit Seznam virov. 1135 00:46:44,870 --> 00:46:45,530 Tako smo have-- 1136 00:46:45,530 --> 00:46:48,060 >> ALLISON BUCHHOLTZ-AU: In potem je bila nazadnje beležka 1137 00:46:48,060 --> 00:46:50,120 ko poskušate design vaše spletne strani, 1138 00:46:50,120 --> 00:46:53,550 navdih od stvari da misliš, da so lepe. 1139 00:46:53,550 --> 00:46:56,340 Pregledovanje element, pregled izvorno kodo 1140 00:46:56,340 --> 00:46:59,370 lahko zelo koristno Za poskuša ugotoviti, 1141 00:46:59,370 --> 00:47:02,080 kako stil svojo spletno stran. 1142 00:47:02,080 --> 00:47:04,540 >> Pogosto se počutim kot najboljši Tako, poleg poskusov, 1143 00:47:04,540 --> 00:47:06,290 je samo pogledati stvari, ki so precej. 1144 00:47:06,290 --> 00:47:09,810 Se mi zdi, da je res težko, da samo nekako oblikovati stvari na svoje, 1145 00:47:09,810 --> 00:47:11,090 zlasti na začetku. 1146 00:47:11,090 --> 00:47:14,740 Torej, poglejte na spletnih straneh da boste uživali gledaš. 1147 00:47:14,740 --> 00:47:16,880 Ugotovimo, kaj naredi jim privlačna za vas. 1148 00:47:16,880 --> 00:47:19,170 In potem vas prosimo, da poskušali posnemati to. 1149 00:47:19,170 --> 00:47:20,410 >> TOMAS Reimers: Right. 1150 00:47:20,410 --> 00:47:23,120 Tudi kot spletne strani kot je ta, lahko vidite 1151 00:47:23,120 --> 00:47:25,460 tam je definitivno div na vrhu. 1152 00:47:25,460 --> 00:47:29,920 In potem imaš še en div znotraj tukaj, ki je CSS Awesomeness. 1153 00:47:29,920 --> 00:47:32,480 In potem imaš kup povezav tukaj. 1154 00:47:32,480 --> 00:47:34,770 Če ste res samo pregledajo Elementi, ki jih je mogoče razvrstiti po 1155 00:47:34,770 --> 00:47:38,520 začeli videti, kaj storiti, spletne strani izgledal in kako lahko jaz 1156 00:47:38,520 --> 00:47:40,493 ponovno, da če bom želel. 1157 00:47:40,493 --> 00:47:41,890 Ali to smiselno? 1158 00:47:41,890 --> 00:47:43,670 Tako da imamo samo tri minute levo. 1159 00:47:43,670 --> 00:47:46,380 Torej vprašanja? 1160 00:47:46,380 --> 00:47:47,650 Kateri od njih? 1161 00:47:47,650 --> 00:47:48,350 Da. 1162 00:47:48,350 --> 00:47:50,780 >> OBČINSTVO: Za barve pravokotnik, kako bi se 1163 00:47:50,780 --> 00:47:53,499 have-- če si ne želijo gre čez celo stran, bi 1164 00:47:53,499 --> 00:47:56,400 ki ste jih naredili, da gredo čez samo polovica stran ali samo besedilo? 1165 00:47:56,400 --> 00:47:59,660 >> TOMAS Reimers: Ja, absolutno. 1166 00:47:59,660 --> 00:48:02,780 Torej, vidim pravzaprav. 1167 00:48:02,780 --> 00:48:04,670 Imam dve zamisli. 1168 00:48:04,670 --> 00:48:07,265 Torej, najprej si Lahko uporabite tudi odstotno. 1169 00:48:07,265 --> 00:48:08,140 >> OBČINSTVO: Res? 1170 00:48:08,140 --> 00:48:11,260 >> ALLISON BUCHHOLTZ-AU: Torej nekaj, poiskati je relativno pozicioniranje. 1171 00:48:11,260 --> 00:48:13,385 To je nekaj, kar smo nimajo časa, da bi dobili v, 1172 00:48:13,385 --> 00:48:16,392 ampak to je nekaj, kar definitivno Priporočamo, vidva preverjanje ven. 1173 00:48:16,392 --> 00:48:17,580 >> TOMAS Reimers: Torej odstotki. 1174 00:48:17,580 --> 00:48:21,524 In videli, kako nam je uspelo samo 50% širine? 1175 00:48:21,524 --> 00:48:24,190 ALLISON BUCHHOLTZ-AU: Če vam dejansko vedo, število slikovnih pik, 1176 00:48:24,190 --> 00:48:25,780 ste lahko bolj natančni, da je tako. 1177 00:48:25,780 --> 00:48:27,200 Lahko dren okrog z njim. 1178 00:48:27,200 --> 00:48:27,700 Ampak 50%. 1179 00:48:27,700 --> 00:48:31,970 Če smo bili, da spremenite velikost naše brskalnik da bi bilo manjše. 1180 00:48:31,970 --> 00:48:35,250 >> TOMAS Reimers: No, to je v bistvu 50% zdaj, mislim. 1181 00:48:35,250 --> 00:48:38,820 To je 50%, in potem stopnja je bil dodan, da. 1182 00:48:38,820 --> 00:48:40,100 CSS ima veliko zvijačami. 1183 00:48:40,100 --> 00:48:43,195 Torej, zdaj je to 50% širine strani. 1184 00:48:43,195 --> 00:48:46,860 Ampak ne pozabite, da imate 10 pik vzletelo iz vsake strani. 1185 00:48:46,860 --> 00:48:49,700 Torej, če ste bili, da se premaknete, da proti levi rob brskalnika, 1186 00:48:49,700 --> 00:48:51,550 potem bi bilo videti, kot 50%. 1187 00:48:51,550 --> 00:48:53,884 Še enkrat, kot sem rekel, lahko CSS biti veliko ugibati-in-check. 1188 00:48:53,884 --> 00:48:56,049 Tako kot si mislite kaj je dogaja, da se obnašajo v eno smer, 1189 00:48:56,049 --> 00:48:57,805 vendar se obnaša popolnoma drugačen način. 1190 00:48:57,805 --> 00:48:59,420 >> ALLISON BUCHHOLTZ-AU: In ste pravkar dobili pametnejši, 1191 00:48:59,420 --> 00:49:02,020 in ki ste jo pravkar dobil boljše intuicija za njo, ko se premikate naprej. 1192 00:49:02,020 --> 00:49:02,730 >> TOMAS Reimers: In postane slabše in slabše. 1193 00:49:02,730 --> 00:49:03,496 Torej, to je res samo dirko. 1194 00:49:03,496 --> 00:49:05,454 >> ALLISON BUCHHOLTZ-AU: To je super spodbudni. 1195 00:49:05,454 --> 00:49:07,070 Želimo jim, da rad CSS. 1196 00:49:07,070 --> 00:49:08,810 >> TOMAS Reimers: CSS je super. 1197 00:49:08,810 --> 00:49:10,354 Ne pozabite, da. 1198 00:49:10,354 --> 00:49:11,020 Druga vprašanja? 1199 00:49:11,020 --> 00:49:14,297 >> ALLISON BUCHHOLTZ-AU: ena stvar. 1200 00:49:14,297 --> 00:49:14,880 Kaj drugega? 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: No, če vas Fantje imate vprašanja kasneje, 1204 00:49:18,523 --> 00:49:20,919 smo vedno na voljo, kot na običajno. 1205 00:49:20,919 --> 00:49:22,960 Verjetno boste videli nekaj od nas za končne projekte 1206 00:49:22,960 --> 00:49:24,280 in definitivno na hackathon. 1207 00:49:24,280 --> 00:49:25,200 >> TOMAS Reimers: Absolutno. 1208 00:49:25,200 --> 00:49:25,720 In na sejmu. 1209 00:49:25,720 --> 00:49:26,560 >> ALLISON BUCHHOLTZ-AU: In na sejmu. 1210 00:49:26,560 --> 00:49:26,840 Oh. 1211 00:49:26,840 --> 00:49:28,130 >> TOMAS Reimers: Veselite vidim vse vaše awesome-- 1212 00:49:28,130 --> 00:49:29,420 >> ALLISON BUCHHOLTZ-AU: Bomo videli, vse vaše super spletnih strani 1213 00:49:29,420 --> 00:49:30,572 da bo lepo. 1214 00:49:30,572 --> 00:49:32,780 TOMAS Reimers: Vedno lahko glej, podobno, spletne strani 1215 00:49:32,780 --> 00:49:36,234 ki je imel, kot je, dobro CSS in nato kot tisti, ki niso poskušali narediti CSS. 1216 00:49:36,234 --> 00:49:39,150 ALLISON BUCHHOLTZ-AU: Tudi drugi stvar, še ena stvar, da preuči 1217 00:49:39,150 --> 00:49:40,445 se zaženejo. 1218 00:49:40,445 --> 00:49:41,805 Torej Bootstrap je super. 1219 00:49:41,805 --> 00:49:42,240 >> TOMAS Reimers: Google, da če you-- 1220 00:49:42,240 --> 00:49:43,573 >> ALLISON BUCHHOLTZ-AU: Google to. 1221 00:49:43,573 --> 00:49:44,340 To je čudovito. 1222 00:49:44,340 --> 00:49:45,620 Boste ljubezen. 1223 00:49:45,620 --> 00:49:48,000 In sedaj, ko imate osnovno razumevanje CSS, 1224 00:49:48,000 --> 00:49:50,340 da bomo lahko veliko bolj smiselno. 1225 00:49:50,340 --> 00:49:50,890 Super. 1226 00:49:50,890 --> 00:49:51,480 Hvala, fantje. 1227 00:49:51,480 --> 00:49:53,330 >> TOMAS Reimers: Najlepša hvala. 1228 00:49:53,330 --> 00:49:54,219