1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:04,500 >> [Hudba hrát] 3 00:00:04,500 --> 00:00:10,099 4 00:00:10,099 --> 00:00:12,224 ALLISON Buchholtz-AU: Tak jsme v podstatě jen tak 5 00:00:12,224 --> 00:00:14,629 vám dát náměty CSS, protože víme, 6 00:00:14,629 --> 00:00:16,420 že to nejsou zahrnuty ve všech sekcích. 7 00:00:16,420 --> 00:00:20,090 A opravdu chceme, aby se ujistil, že jste kluci mají tento nástroj k dispozici, 8 00:00:20,090 --> 00:00:24,790 protože má schopnost dělat Vaše webové stránky vypadají mnohem hezčí. 9 00:00:24,790 --> 00:00:28,660 >> A pokud jste budování internetové stránky, a pak pravděpodobně budete chtít, aby to pěkně. 10 00:00:28,660 --> 00:00:31,372 Myslím, že nemusíte, ale já bych to navrhnout. [Smích] 11 00:00:31,372 --> 00:00:35,430 Pokud chcete, aby uživatelé používat, můžete chcete, aby to trochu [neslyšitelné]. 12 00:00:35,430 --> 00:00:39,130 Takže budeme snažit dát jen některé základní nástroje a porozumění, 13 00:00:39,130 --> 00:00:42,340 tak, že když jdete ven, a ty jsi zkoumá věci o CSS, 14 00:00:42,340 --> 00:00:45,902 to není kompletní blábol, jako CSS někdy být. 15 00:00:45,902 --> 00:00:47,240 >> TOMAS REIMERS: Jo. 16 00:00:47,240 --> 00:00:49,930 Allison to řekl docela dobře. 17 00:00:49,930 --> 00:00:53,250 Takže myslím, že první věc, kterou Začít by se mělo, je to, co je CSS? 18 00:00:53,250 --> 00:00:55,750 Takže CSS je úžasné. 19 00:00:55,750 --> 00:00:56,250 CSS-- 20 00:00:56,250 --> 00:00:58,320 >> ALLISON Buchholtz-AU: To je název našeho semináře. 21 00:00:58,320 --> 00:00:58,434 >> TOMAS REIMERS: Jo. 22 00:00:58,434 --> 00:01:00,130 Je opravdu důležité, aby chápete, že do té doby. 23 00:01:00,130 --> 00:01:03,090 Máte-li jen odnést jedno věc, je to, že CSS, pokud úžasné. 24 00:01:03,090 --> 00:01:06,180 Two je CSS je zkratka pro Kaskádové styly. 25 00:01:06,180 --> 00:01:10,380 Takže ve svém jádru, CSS je stylů, což znamená, 26 00:01:10,380 --> 00:01:13,200 to vám umožní styl webovou stránku. 27 00:01:13,200 --> 00:01:16,609 A potom, co to znamená, že je způsob, jak přidat styl na vaše webové stránky. 28 00:01:16,609 --> 00:01:18,900 Takže styl, máme na mysli všechno to není structural-- 29 00:01:18,900 --> 00:01:24,350 takže věci jako barvy, pozadí obrazy, hranice, stejně jako, polstrování, 30 00:01:24,350 --> 00:01:25,040 okraje. 31 00:01:25,040 --> 00:01:27,310 Budeme mluvit o tom, co vše znamená, že v trochu. 32 00:01:27,310 --> 00:01:30,110 >> Takže jsme prostě šli dopředu a otevřel oba tyto v gedit. 33 00:01:30,110 --> 00:01:32,680 Tak tohle je index.html. 34 00:01:32,680 --> 00:01:34,800 A to je main.css. 35 00:01:34,800 --> 00:01:36,829 Takže main.css nemá nic. 36 00:01:36,829 --> 00:01:38,412 ALLISON Buchholtz-AU: No styl tak daleko. 37 00:01:38,412 --> 00:01:39,245 TOMAS REIMERS: Žádné. 38 00:01:39,245 --> 00:01:42,577 A jak uvidíte, že je to opravdu ošklivý místo. 39 00:01:42,577 --> 00:01:44,160 ALLISON Buchholtz-AU: Je to jen obyčejný. 40 00:01:44,160 --> 00:01:45,820 TOMAS REIMERS: Jo. 41 00:01:45,820 --> 00:01:49,150 Jo, není to ošklivé, je to jen minimalistické. 42 00:01:49,150 --> 00:01:53,430 A pak tady máme index.html. 43 00:01:53,430 --> 00:01:55,729 A tak rychle rekapitulace HTML, Allison, 44 00:01:55,729 --> 00:01:57,270 chcete jen mluvit o stránce? 45 00:01:57,270 --> 00:01:58,395 >> ALLISON Buchholtz-AU: Jo. 46 00:01:58,395 --> 00:02:01,100 Tak samozřejmě, máme HTML tag, který právě jména HTML souboru. 47 00:02:01,100 --> 00:02:07,080 Máme záhlaví tady, s CSS Awesomeness, which-- pokud se vrátit. 48 00:02:07,080 --> 00:02:07,720 Kde je to? 49 00:02:07,720 --> 00:02:09,136 >> TOMAS REIMERS: Oh. 50 00:02:09,136 --> 00:02:10,301 Jo, můžete vidět. 51 00:02:10,301 --> 00:02:12,092 ALLISON Buchholtz-AU: A všimněte si záhlaví 52 00:02:12,092 --> 00:02:14,120 Je to karta hlavička až sem. 53 00:02:14,120 --> 00:02:17,130 A pak "Hello, world!" je text, který jsme právě 54 00:02:17,130 --> 00:02:19,620 zobrazení na webu strana, která je-- vrátit. 55 00:02:19,620 --> 00:02:21,290 Zpět. 56 00:02:21,290 --> 00:02:24,287 Což je právě v našem těle here-- prostý text. 57 00:02:24,287 --> 00:02:26,120 Také jedna věc Všimněte si, když se podíváte tady, 58 00:02:26,120 --> 00:02:29,410 Tomas přešel na tyto dva z našeho snímku. 59 00:02:29,410 --> 00:02:32,035 Takže pokud máte k dispozici všechny Tři z nich, že jsi v pořádku. 60 00:02:32,035 --> 00:02:34,044 Mohou být v libovolném pořadí chtějí. 61 00:02:34,044 --> 00:02:39,368 Co je nejdůležitější je právě to máte každý z těchto tří věcí. 62 00:02:39,368 --> 00:02:40,340 >> TOMAS REIMERS: cool. 63 00:02:40,340 --> 00:02:41,111 Přidat typu doc? 64 00:02:41,111 --> 00:02:42,235 ALLISON Buchholtz-AU: Jo. 65 00:02:42,235 --> 00:02:43,068 TOMAS REIMERS: Jo. 66 00:02:43,068 --> 00:02:43,769 Super. 67 00:02:43,769 --> 00:02:46,102 ALLISON Buchholtz-AU: Zdá se, moje mikrofony mě nemají rádi. 68 00:02:46,102 --> 00:02:49,650 TOMAS REIMERS: Oh, dejte nám chvilku jen zatímco Allison přepne se na její mikrofon. 69 00:02:49,650 --> 00:02:50,500 Tak jo. 70 00:02:50,500 --> 00:02:52,030 Takže máme hlavní stránku. 71 00:02:52,030 --> 00:02:53,890 Je to trochu nestylované. 72 00:02:53,890 --> 00:02:54,780 Nemáme moc. 73 00:02:54,780 --> 00:02:57,110 Právě jsme se v podstatě text. 74 00:02:57,110 --> 00:02:59,470 Máme stylů. 75 00:02:59,470 --> 00:03:00,220 Máme titul. 76 00:03:00,220 --> 00:03:04,020 Takže jen holé kosti komponenty vytvořit webové stránky. 77 00:03:04,020 --> 00:03:08,880 >> Takže se tam, pojďme mluvit o tom, co je CSS 78 00:03:08,880 --> 00:03:11,270 a jak to vypadá, a to všechno. 79 00:03:11,270 --> 00:03:12,047 Takže pro that-- 80 00:03:12,047 --> 00:03:13,755 ALLISON Buchholtz-AU: Zpět na sklíčka. 81 00:03:13,755 --> 00:03:15,200 TOMAS REIMERS: Zpět na sklíčka. 82 00:03:15,200 --> 00:03:17,240 A Allison může převzít. 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 Takže ve vašem souboru CSS, budeš mít 86 00:03:22,360 --> 00:03:25,010 Mnoho z těchto věcí s názvem voliče. 87 00:03:25,010 --> 00:03:27,420 To bude jen Základem vašeho souboru CSS. 88 00:03:27,420 --> 00:03:29,480 Je to jen bude spousta z nich. 89 00:03:29,480 --> 00:03:30,780 Tak voliče. 90 00:03:30,780 --> 00:03:32,649 To je jen obecná anatomie. 91 00:03:32,649 --> 00:03:35,190 Chystáme se projít příklady, protože pokud vy nikdy 92 00:03:35,190 --> 00:03:38,400 sledoval mou část, mám pocit, jako věci v abstraktní 93 00:03:38,400 --> 00:03:39,400 není opravdu smysl. 94 00:03:39,400 --> 00:03:41,110 Je vždy pomůže vidět příklady. 95 00:03:41,110 --> 00:03:42,420 >> Takže máme nějaké voliče. 96 00:03:42,420 --> 00:03:49,120 To bude nějaký identifikátor to, co chceme, styl aplikovat. 97 00:03:49,120 --> 00:03:52,220 A pak můžeme mít jakýkoli soubor pravidel a hodnot. 98 00:03:52,220 --> 00:03:55,680 Takže voliče, že byste mohli vidět by mohlo být něco jako tělo, 99 00:03:55,680 --> 00:04:00,262 nebo odstavce s P, nebo záhlaví, nebo cokoliv, 100 00:04:00,262 --> 00:04:02,000 co chcete, aby vaše HTML tagy být. 101 00:04:02,000 --> 00:04:03,570 >> Takže v tomto případě máme tělo. 102 00:04:03,570 --> 00:04:06,985 A máme nějaké pravidlo, což odpovídá 103 00:04:06,985 --> 00:04:09,610 k čemu váš styl se týká. 104 00:04:09,610 --> 00:04:12,720 Takže v tomto případě máme barvu pozadí a hmotnost font. 105 00:04:12,720 --> 00:04:16,200 Tak to se změní pozadí čehokoliv 106 00:04:16,200 --> 00:04:19,640 v každém těle tagu našeho souboru HTML. 107 00:04:19,640 --> 00:04:22,810 A že to bude dávat to tato světle modrá hodnota. 108 00:04:22,810 --> 00:04:24,820 >> Takže to bude dělat pozadí světle modrá. 109 00:04:24,820 --> 00:04:28,660 A pak se něco uvnitř těla bude mít váhu písma odvážné. 110 00:04:28,660 --> 00:04:31,142 Takže to jen tak tučné všechny naše textu. 111 00:04:31,142 --> 00:04:32,970 A to je jen jeden volič. 112 00:04:32,970 --> 00:04:34,680 Ale můžete mít velmi mnoho z nich. 113 00:04:34,680 --> 00:04:38,730 A když budeme ukázat později, trochu víc o tom, jak 114 00:04:38,730 --> 00:04:40,709 že práce a více příkladů tam. 115 00:04:40,709 --> 00:04:41,750 Cokoliv chcete přidat? 116 00:04:41,750 --> 00:04:42,499 >> TOMAS REIMERS: Ne. 117 00:04:42,499 --> 00:04:43,500 Allison to mám. 118 00:04:43,500 --> 00:04:46,144 My jen tak rozřezat Příkladem Na našem příkladu stránkách. 119 00:04:46,144 --> 00:04:47,310 Tak si to vlastně vzít. 120 00:04:47,310 --> 00:04:48,620 Je to perfektní. 121 00:04:48,620 --> 00:04:54,460 Tak jsem jen tak zkopírovat a vložit že přímo do našeho main.css souboru. 122 00:04:54,460 --> 00:04:56,530 A já ji uložit. 123 00:04:56,530 --> 00:04:59,190 A pak jsme se spustit. 124 00:04:59,190 --> 00:05:01,600 Takže okrajová poznámka, jeden z nejvíce frustrující věcí 125 00:05:01,600 --> 00:05:04,490 je, pokud nechcete uložit soubor, a pak, stejně jako, obnovte stránku 126 00:05:04,490 --> 00:05:07,450 a podobně, proč není Změna se děje? 127 00:05:07,450 --> 00:05:07,950 To se stává. 128 00:05:07,950 --> 00:05:14,230 Tak tady jsme viděli, že jsme naše Webové stránky světle modré pozadí 129 00:05:14,230 --> 00:05:16,560 a některé tučně textu. 130 00:05:16,560 --> 00:05:20,730 >> Měl bych také zmínit, pokud máte kluci mají dotazy týkající se cokoliv 131 00:05:20,730 --> 00:05:23,622 děláme, neváhejte se nás zastavit a zeptejte se nás. 132 00:05:23,622 --> 00:05:25,330 Jsme úplně ochotni do pole otázky. 133 00:05:25,330 --> 00:05:27,951 134 00:05:27,951 --> 00:05:31,930 >> ALLISON Buchholtz-AU: Je zřejmé, že se CSS, vše staví na sebe. 135 00:05:31,930 --> 00:05:34,107 Takže pokud jedna věc není smysl teď, my 136 00:05:34,107 --> 00:05:35,690 nechceme, aby vás zabořit později. 137 00:05:35,690 --> 00:05:38,390 138 00:05:38,390 --> 00:05:41,930 >> TOMAS REIMERS: Tak pojďme druh pitvat to. 139 00:05:41,930 --> 00:05:44,210 Takže chcete začít s přepínačem tady? 140 00:05:44,210 --> 00:05:45,979 >> ALLISON Buchholtz-AU: Jo. 141 00:05:45,979 --> 00:05:48,270 Jak jsem říkal předtím, tělo je jen naše voliče zde. 142 00:05:48,270 --> 00:05:50,950 Takže když se vrátíme na naši index-- Ah. 143 00:05:50,950 --> 00:05:53,245 >> TOMAS REIMERS: Což jsem prostě zavřel. 144 00:05:53,245 --> 00:05:54,530 Dejte mi chvilku. 145 00:05:54,530 --> 00:05:58,286 Takže Soubor, Otevřít, index.html. 146 00:05:58,286 --> 00:05:59,410 ALLISON Buchholtz-AU: cool. 147 00:05:59,410 --> 00:06:02,710 Takže pokud si všimnete tady, my mají tyto tělesné značky, ne? 148 00:06:02,710 --> 00:06:06,270 Takže volič právě odpovídá tagy, že mluvíme o. 149 00:06:06,270 --> 00:06:07,670 Takže tělo tady. 150 00:06:07,670 --> 00:06:10,315 Takže to, co říkáme, je všechno-- se můžeme vrátit? 151 00:06:10,315 --> 00:06:12,065 Přeji si, abych mohl jako se dotknout displeje. 152 00:06:12,065 --> 00:06:14,410 Bylo by to mnohem chladnější. 153 00:06:14,410 --> 00:06:17,150 >> V těch, které tak něco tagy těla, které jsme viděli 154 00:06:17,150 --> 00:06:19,637 byl jen, jako, text, a tělo obecně 155 00:06:19,637 --> 00:06:20,970 se týká, jako, pozadí. 156 00:06:20,970 --> 00:06:22,720 Pokud jste někdy chtěli, aby změnit pozadí, 157 00:06:22,720 --> 00:06:25,090 že to bude v tagu body. 158 00:06:25,090 --> 00:06:27,120 Jen má tato pravidla, která platí pro ně. 159 00:06:27,120 --> 00:06:32,040 >> Takže pokud bychom měli jít do index.html a- ve skutečnosti, 160 00:06:32,040 --> 00:06:33,840 můžeme mít něco mimo tělo? 161 00:06:33,840 --> 00:06:37,340 Pokud bychom měli, jako, zápatí nebo něco by se neměla vztahovat na to. 162 00:06:37,340 --> 00:06:40,900 Ale něco uvnitř Tyto značky BODY se děje 163 00:06:40,900 --> 00:06:44,960 být ovlivněny tímto orgánem Volič, který jsme udělali. 164 00:06:44,960 --> 00:06:47,405 Takže pokud jste se psát něco jiného there-- 165 00:06:47,405 --> 00:06:49,400 >> TOMAS REIMERS: Pojďme drive, že domov. 166 00:06:49,400 --> 00:06:55,330 Takže pokud jsme měli div-- tak to je jen další tag můžete mít. 167 00:06:55,330 --> 00:06:56,350 Chystám se ji zavřít. 168 00:06:56,350 --> 00:06:58,280 Nebo udělejme to odstavec. 169 00:06:58,280 --> 00:07:01,430 Tak p znamená odstavci. 170 00:07:01,430 --> 00:07:02,560 A v tomto bodě. 171 00:07:02,560 --> 00:07:05,650 A pak jsem řekl: "To je text." 172 00:07:05,650 --> 00:07:06,369 Super. 173 00:07:06,369 --> 00:07:09,160 A pak jsem se toto pravidlo platí pro bod místo těla. 174 00:07:09,160 --> 00:07:12,390 175 00:07:12,390 --> 00:07:17,320 Uvidíte, jak se to vztahuje pouze na nově vytvořený bod, vpravo, 176 00:07:17,320 --> 00:07:18,892 ne celá věc. 177 00:07:18,892 --> 00:07:20,090 Dává to smysl? 178 00:07:20,090 --> 00:07:21,840 >> ALLISON Buchholtz-AU: Tak to je všechno tělo, 179 00:07:21,840 --> 00:07:24,450 ale teď naše voliče jen odpovídá odstavce. 180 00:07:24,450 --> 00:07:27,050 Takže jsme prostě odvážný a modré pro tento konkrétní odstavce, 181 00:07:27,050 --> 00:07:30,760 protože to je jediná věc, který je uzavřen v tagu p. 182 00:07:30,760 --> 00:07:35,349 >> TOMAS REIMERS: Dává to smysl třídit o tom, jak se věci zapouzdření jiných věcí? 183 00:07:35,349 --> 00:07:38,140 ALLISON Buchholtz-AU: Také, stejně říkat, jako, jeden z nejlepších způsobů, jak 184 00:07:38,140 --> 00:07:40,889 opravdu seznámit se tak s CSS Je prostě dělat věci, jako je toto, 185 00:07:40,889 --> 00:07:42,050 prostě to vyzkoušet. 186 00:07:42,050 --> 00:07:46,700 Je to velmi jednoduché něco psát out, hit Aktualizovat, a uvidíme, co se stane. 187 00:07:46,700 --> 00:07:48,940 A jako u většiny CS, experimentování může často 188 00:07:48,940 --> 00:07:51,790 vést k mnohem lepší intuitivní porozumění. 189 00:07:51,790 --> 00:07:54,432 Ještě víc než nás jen, rád, mluvím s tebou. 190 00:07:54,432 --> 00:07:58,350 >> TOMAS REIMERS: Rozhodně 100% se shodují v tomto bodě. 191 00:07:58,350 --> 00:08:02,430 Takže když se vrátíme k tomu, začněme pitevní přesně to, co tito dva dělají. 192 00:08:02,430 --> 00:08:04,550 Takže máme dvě pravidla v této oblasti. 193 00:08:04,550 --> 00:08:07,420 Takže první z nich je barva pozadí. 194 00:08:07,420 --> 00:08:10,590 A vidíte, že jsme se nastavit rovnající se hodnotě, světle modré. 195 00:08:10,590 --> 00:08:15,009 >> Takže v CSS, CSS je třídit velmi volně o tom, jak 196 00:08:15,009 --> 00:08:16,300 máte možnost definovat barvu. 197 00:08:16,300 --> 00:08:17,800 Takže si můžete definovat podle jména. 198 00:08:17,800 --> 00:08:20,650 Můžete si také udělat něco jako "červená". 199 00:08:20,650 --> 00:08:25,270 A pak, pokud se vrátíme k tomu, uvidíte, že je pozadí červené. 200 00:08:25,270 --> 00:08:29,040 Můžete také získat really-- Myslím si, že je dost kreativní s tím, 201 00:08:29,040 --> 00:08:29,540 ne? 202 00:08:29,540 --> 00:08:31,170 >> ALLISON Buchholtz-AU: I myslíte, že můžete použít hex. 203 00:08:31,170 --> 00:08:31,250 Ne? 204 00:08:31,250 --> 00:08:32,083 >> TOMAS REIMERS: Jo. 205 00:08:32,083 --> 00:08:32,969 Takže můžete použít hex. 206 00:08:32,969 --> 00:08:34,490 Ale já si myslím name-moudrý. 207 00:08:34,490 --> 00:08:35,385 Nejsou tam? 208 00:08:35,385 --> 00:08:37,260 ALLISON Buchholtz-AU: Můžete to udělat docela málo. 209 00:08:37,260 --> 00:08:43,350 Skoro stejně jako většina barev, které jste může name-- rád, myslím, že losos je jeden. 210 00:08:43,350 --> 00:08:45,322 >> TOMAS REIMERS: Budeme zkusit lososa. 211 00:08:45,322 --> 00:08:47,530 ALLISON Buchholtz-AU: I myslíte, že Chartreuse je tam. 212 00:08:47,530 --> 00:08:48,050 TOMAS REIMERS: Jo. 213 00:08:48,050 --> 00:08:48,550 Vidíš? 214 00:08:48,550 --> 00:08:50,080 Takže si je dost kreativní. 215 00:08:50,080 --> 00:08:52,246 >> ALLISON Buchholtz-AU: Vy mohl dostat docela kreativní. 216 00:08:52,246 --> 00:08:55,750 Jako, pokud si můžete myslet název barvy, je to asi tam. 217 00:08:55,750 --> 00:08:57,840 Pokud opravdu chcete v pohodě detail, můžete jít hex. 218 00:08:57,840 --> 00:08:58,673 >> TOMAS REIMERS: Jo. 219 00:08:58,673 --> 00:08:59,390 Tak šestnáctkové. 220 00:08:59,390 --> 00:09:05,280 Pokud vy vzpomenete, to zpátky ze starého pset, Image Obnovit, 221 00:09:05,280 --> 00:09:08,300 vy jste musel řešit s těmito hex hodnotami. 222 00:09:08,300 --> 00:09:15,280 A tak nějak shrnout, co to je, hex má tři hodnoty uložené v něm. 223 00:09:15,280 --> 00:09:17,250 Takže je to ve skupinách po dvou krocích. 224 00:09:17,250 --> 00:09:19,300 První dva představují červený hodnotu. 225 00:09:19,300 --> 00:09:22,420 Druhý představuje green hodnotu. 226 00:09:22,420 --> 00:09:25,020 A poslední je modrá? 227 00:09:25,020 --> 00:09:30,050 >> Takže FF stane reprezentovat hexadecimální 255. 228 00:09:30,050 --> 00:09:35,480 Máte tedy 255 červená, 255 green, a 0 pro modrou. 229 00:09:35,480 --> 00:09:37,670 A hodnoty se pohybují mezi 0 a 255. 230 00:09:37,670 --> 00:09:38,350 >> Diváků: Right. 231 00:09:38,350 --> 00:09:41,472 Takže v podstatě bychom mohli hledat internet pro jakoukoliv barvu chceme, 232 00:09:41,472 --> 00:09:43,912 a identifikovat skutečně známý Barevné spektrum combo, 233 00:09:43,912 --> 00:09:45,130 a pak bychom mohli dát do? 234 00:09:45,130 --> 00:09:46,380 ALLISON Buchholtz-AU: Přesně tak. 235 00:09:46,380 --> 00:09:52,900 Máte tedy skoro úplnou kontrolu přes barvy chcete v CSS. 236 00:09:52,900 --> 00:09:55,069 Budeme hovořit o obrázky na pozadí později? 237 00:09:55,069 --> 00:09:56,110 Nebo chceme dělat, že? 238 00:09:56,110 --> 00:09:56,240 >> TOMAS REIMERS: Jo. 239 00:09:56,240 --> 00:09:57,010 Přesně tak. 240 00:09:57,010 --> 00:10:00,830 Takže první, aby ukázal, že červená a zelená je žlutá. 241 00:10:00,830 --> 00:10:03,120 A pokud budete potřebovat nějaké pomoc při hledání toho, vy 242 00:10:03,120 --> 00:10:05,575 Může Google něco jako "výběr barvy." 243 00:10:05,575 --> 00:10:07,200 ALLISON Buchholtz-AU: Oh, je to tak dobře. 244 00:10:07,200 --> 00:10:09,090 Miluji Výběr barvy. 245 00:10:09,090 --> 00:10:11,360 >> TOMAS REIMERS: colorpicker.com je toho dobrým příkladem. 246 00:10:11,360 --> 00:10:14,580 A tady, uvidíte, že máte full Photoshop, jako výběr barvy. 247 00:10:14,580 --> 00:10:14,920 >> ALLISON Buchholtz-AU: Mm-hm. 248 00:10:14,920 --> 00:10:16,980 Také v pohodě, co jste mohou vytvářet barevné schéma 249 00:10:16,980 --> 00:10:18,896 takže nemáte, jako neslučitelná barvy. 250 00:10:18,896 --> 00:10:22,780 TOMAS REIMERS: A pak tady je hexadecimální hodnota tady nahoru. 251 00:10:22,780 --> 00:10:27,800 Takže si můžete vždy najít na internetu v podstatě místa k získání hodnoty hex z. 252 00:10:27,800 --> 00:10:31,667 Není to tak nějak, že stejně, jako jsme vidět barvy světa v číslech. 253 00:10:31,667 --> 00:10:34,000 Je to víc, že ​​jsme jít on-line a zjistit, jaké barvy chceme, 254 00:10:34,000 --> 00:10:36,850 a pak se číslo dolů. 255 00:10:36,850 --> 00:10:39,590 Vzhledem k tomu, že je to jen rychlé způsob, jak se odkazovat na věci v CS. 256 00:10:39,590 --> 00:10:40,350 >> ALLISON Buchholtz-AU: A pak je tu also-- 257 00:10:40,350 --> 00:10:41,630 Zapomněl jsem přesný název webu. 258 00:10:41,630 --> 00:10:43,838 Ale je tu určitě, já přemýšlet, něco od Adobe 259 00:10:43,838 --> 00:10:48,350 který generuje barevná schémata pro vás, což je opravdu v pohodě, protože jste 260 00:10:48,350 --> 00:10:50,580 definitely--, že je to někdy těžké přijít na to, 261 00:10:50,580 --> 00:10:53,729 oh, pokud chci použít tuto barvu, co by mohlo být užitečné další jeden 262 00:10:53,729 --> 00:10:56,395 použít jinde na svém webu, rád, aby bylo pěkné a soudržná. 263 00:10:56,395 --> 00:11:00,430 264 00:11:00,430 --> 00:11:04,260 >> TOMAS REIMERS: Allison je mluví o jeden společností Adobe s názvem Kuler, myslím. 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: Myslím, že ano. 267 00:11:06,259 --> 00:11:07,610 Jsem si jistý, že je to jedno. 268 00:11:07,610 --> 00:11:11,050 >> TOMAS REIMERS: Můj oblíbený má vždycky Barevné schéma 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: Která je now-- 271 00:11:16,010 --> 00:11:16,860 >> ALLISON Buchholtz-AU: Ach, to je nádhera. 272 00:11:16,860 --> 00:11:18,818 >> TOMAS REIMERS: A vy lze v podstatě říci, stejně jako, 273 00:11:18,818 --> 00:11:21,700 Chci tři barvy vedle sebe. 274 00:11:21,700 --> 00:11:25,030 A pak se pojďme udělat něco pěkného. 275 00:11:25,030 --> 00:11:29,210 A pak se můžete dostat příklad na co by to mohlo vypadat. 276 00:11:29,210 --> 00:11:32,470 A pak, pokud podržíte nad žádným je, to vám dává hodnotu hexadecimální. 277 00:11:32,470 --> 00:11:35,010 >> Takže jen jako dobrý způsob, jak začít přemýšlet o barevných schémat 278 00:11:35,010 --> 00:11:39,570 nebo jaké barvy do webové stránky může jít dobře dohromady. 279 00:11:39,570 --> 00:11:45,655 Vzhledem k tomu, že může být překvapivě není tak jednoduché vybrat, jak si myslíte. 280 00:11:45,655 --> 00:11:48,280 A pak další super věc Vždycky jsem našel o tomto webu 281 00:11:48,280 --> 00:11:51,480 je, pokud trefíte příklady, to bude Ukažte, co příklad webové stránky 282 00:11:51,480 --> 00:11:54,800 může vypadat jako pomocí tohoto barevného schématu. 283 00:11:54,800 --> 00:11:56,270 Každopádně. 284 00:11:56,270 --> 00:11:57,863 >> Zpět na skutečné CSS. 285 00:11:57,863 --> 00:12:01,112 ALLISON Buchholtz-AU: Ale samozřejmě, my znát tyto odkazy by mohly být užitečné. 286 00:12:01,112 --> 00:12:03,195 TOMAS REIMERS: Ne, oni Určitě může být užitečný. 287 00:12:03,195 --> 00:12:04,720 Takže druhé pravidlo, Allison? 288 00:12:04,720 --> 00:12:05,844 >> ALLISON Buchholtz-AU: Jo. 289 00:12:05,844 --> 00:12:08,280 Druhé pravidlo je prostě odpovídá našemu písmo. 290 00:12:08,280 --> 00:12:11,520 Takže váha písmo je tak nějak of-- takže hmotnost by 291 00:12:11,520 --> 00:12:15,220 být, pokud chcete, stejně, jako, normální, nebo podobně, tenčí písma, 292 00:12:15,220 --> 00:12:17,251 nebo v tomto případě, stejně jako, tučně. 293 00:12:17,251 --> 00:12:17,750 Jsem zapomněl. 294 00:12:17,750 --> 00:12:21,557 Co je to, pokud jste chtěli to-- je tam tenčí, než jen jako normální? 295 00:12:21,557 --> 00:12:24,140 TOMAS REIMERS: nemám vlastně vědět, jestli tam je tenčí. 296 00:12:24,140 --> 00:12:24,680 ALLISON Buchholtz-AU: Zapomněl jsem. 297 00:12:24,680 --> 00:12:26,300 Hmotnost tak font jsme typicky stačí použít k tučným písmem. 298 00:12:26,300 --> 00:12:29,010 Chcete-li opravdu do to, budeme vám ukázat. 299 00:12:29,010 --> 00:12:34,317 W3Schools má všechny různé věci, které můžete udělat pro písma. 300 00:12:34,317 --> 00:12:36,900 Ale v podstatě, pokud jste někdy chtěli nic měnit o písmo, 301 00:12:36,900 --> 00:12:39,330 to vždycky bude, jako, font-něco. 302 00:12:39,330 --> 00:12:43,450 Takže to bude podobně, font-family, pokud jste se snaží změnit aktuální typ. 303 00:12:43,450 --> 00:12:47,390 Bude to font-styl, pokud vás Chcete, aby se to jako kurzívou, 304 00:12:47,390 --> 00:12:49,710 nebo kurzíva, nebo kdoví co ještě. 305 00:12:49,710 --> 00:12:53,570 Nebo dokonce font-color, pokud jsme chtěli změnit. 306 00:12:53,570 --> 00:12:55,621 >> TOMAS REIMERS: Jo. 307 00:12:55,621 --> 00:12:56,925 Takže si můžete změnit. 308 00:12:56,925 --> 00:12:59,360 A tak nějak jen proto, aby rekapitulace teď, takže můžete 309 00:12:59,360 --> 00:13:01,400 vidět, že máme volič tady. 310 00:13:01,400 --> 00:13:03,000 Máme tyto složené závorky. 311 00:13:03,000 --> 00:13:06,735 A pak tu máme pravidla oddělený středníky. 312 00:13:06,735 --> 00:13:08,100 Dává to smysl? 313 00:13:08,100 --> 00:13:09,130 Jo? 314 00:13:09,130 --> 00:13:10,500 Super. 315 00:13:10,500 --> 00:13:13,200 Takže v případě, ž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: Pojďme mluvit konkrétně o jaké voliče máme. 318 00:13:17,590 --> 00:13:19,790 "Protože teď máme tak nějak prostě zobrazeny značky. 319 00:13:19,790 --> 00:13:21,696 Ale vy mohli vidět to věrohodně. 320 00:13:21,696 --> 00:13:23,570 Řekněme, že máte dva odstavce na stránce a vy 321 00:13:23,570 --> 00:13:26,087 Chcete mít možnost stylu jeden, ale ne druhé, 322 00:13:26,087 --> 00:13:29,170 nemusíte jen chcete omezit sami muset používat různé skutečné HTML 323 00:13:29,170 --> 00:13:33,410 tagy dát jim různé styly. 324 00:13:33,410 --> 00:13:35,995 >> Takže máme tři základní typy selektorů. 325 00:13:35,995 --> 00:13:37,120 ALLISON Buchholtz-AU: Jo. 326 00:13:37,120 --> 00:13:39,828 Takže máme značku, což je to, co jsme mluvili o právě teď. 327 00:13:39,828 --> 00:13:42,430 Takže to je něco jako vaše tělo nebo p. 328 00:13:42,430 --> 00:13:46,280 A pak máme třídu, což je když jsme to definovat, v našem souboru CSS, 329 00:13:46,280 --> 00:13:49,907 to vždycky bude tečka, bez ohledu na Chcete název vaší třídy být. 330 00:13:49,907 --> 00:13:51,490 A to se může týkat více věcí. 331 00:13:51,490 --> 00:13:54,610 332 00:13:54,610 --> 00:13:57,610 >> Řekněme, že máte pět odstavců a dva ze tří z nich 333 00:13:57,610 --> 00:14:00,580 Je třeba stylizovaný stejné, byste použít třídu na něj. 334 00:14:00,580 --> 00:14:03,040 A to je jen způsob, jak to udělat. 335 00:14:03,040 --> 00:14:05,600 Dáme vám příklad pokud to opravdu ukáže. 336 00:14:05,600 --> 00:14:11,030 Ale pokud jste měli třeba nějaký štítek p, po ní by píšete, 337 00:14:11,030 --> 00:14:14,170 třída se rovná na jakémkoli tříd Chcete-li se na něj vztahují. 338 00:14:14,170 --> 00:14:19,280 Takže třída voliče bez ohledu na které chceme aplikovat na této konkrétní odstavce, 339 00:14:19,280 --> 00:14:21,300 bychom mohli jen psát takhle. 340 00:14:21,300 --> 00:14:24,080 Samozřejmě, myslím si příklad bude mnohem konkrétnější. 341 00:14:24,080 --> 00:14:27,270 >> Druhý máme je id, který budeme označovat 342 00:14:27,270 --> 00:14:29,707 s hash, nebo libru, nebo 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 funguje, taky. 346 00:14:34,550 --> 00:14:36,640 A to je třeba být opravdu jedinečná. 347 00:14:36,640 --> 00:14:39,880 Měla by se vztahovat pouze na Jedna věc na vaší stránce. 348 00:14:39,880 --> 00:14:43,820 Takže ať už je to konkrétní bod, nebo nějaký předmět v seznamu, nebo cokoliv, 349 00:14:43,820 --> 00:14:45,090 to by mělo být jedinečné. 350 00:14:45,090 --> 00:14:48,730 A stejným způsobem, který jsme právě říkají, stejně jako, class = "Class1 class2," 351 00:14:48,730 --> 00:14:51,577 to může být jen id všeho, co máme. 352 00:14:51,577 --> 00:14:52,410 TOMAS REIMERS: Jo. 353 00:14:52,410 --> 00:14:54,330 Takže pojďme určitě mluvit o příklady zde. 354 00:14:54,330 --> 00:14:58,170 A já jsem prostě jít do toho ponořit rovnou zpátky do kódu. 355 00:14:58,170 --> 00:15:02,090 Takže pojďme se podívat na naši HTML. 356 00:15:02,090 --> 00:15:03,960 A tak jsme teď mít jeden odstavec. 357 00:15:03,960 --> 00:15:05,510 To je textu. 358 00:15:05,510 --> 00:15:09,151 Já jsem prostě jít na změnu za to. "To je text, 1." 359 00:15:09,151 --> 00:15:11,150 A pak budeme mají "To je text, 2." 360 00:15:11,150 --> 00:15:12,525 >> ALLISON Buchholtz-AU: druhý. 361 00:15:12,525 --> 00:15:13,540 TOMAS REIMERS: Jo. 362 00:15:13,540 --> 00:15:16,810 Takže nyní máme "To je text, 2," že jo? 363 00:15:16,810 --> 00:15:21,560 A budeme vidět, že pokud bychom přeložit stránka, co budeme hledat 364 00:15:21,560 --> 00:15:23,067 je budeme 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: Jo. 367 00:15:24,983 --> 00:15:27,570 Chystáme se najít "To je Text 1 "a" To je text, 2. " 368 00:15:27,570 --> 00:15:28,650 >> ALLISON Buchholtz-AU: A out krásná žlutá barva. 369 00:15:28,650 --> 00:15:31,066 >> TOMAS REIMERS: A uvidíte že naše voliče právě teď, 370 00:15:31,066 --> 00:15:34,940 která se vztahuje na p je, nebo body, ovlivňuje oba, 371 00:15:34,940 --> 00:15:38,700 proto, že oba splňují podmínka, že jsou oba tag p. 372 00:15:38,700 --> 00:15:40,360 To dává smysl. 373 00:15:40,360 --> 00:15:43,340 Otázkou tedy je, no, co Pokud bychom chtěli dostat jen jeden? 374 00:15:43,340 --> 00:15:46,350 Tak přesně tak, jak Allison říkal, máme další dva způsoby, jak to udělat. 375 00:15:46,350 --> 00:15:47,320 Chystám se začít s id. 376 00:15:47,320 --> 00:15:48,405 >> ALLISON Buchholtz-AU: Začněme s id. 377 00:15:48,405 --> 00:15:50,405 >> TOMAS REIMERS: A oba z nich jsou atributy. 378 00:15:50,405 --> 00:15:53,200 Takže atributy existují v HTML. 379 00:15:53,200 --> 00:15:55,600 A to, co je, je něco, co přidat 380 00:15:55,600 --> 00:15:58,840 uvnitř značky, která je odděleně od názvu značky. 381 00:15:58,840 --> 00:16:01,301 Takže můžete mít více atributů. 382 00:16:01,301 --> 00:16:01,800 Jo? 383 00:16:01,800 --> 00:16:03,950 >> ALLISON Buchholtz-AU: Já se jen tak říci, z vašeho příkladu z pset 7, 384 00:16:03,950 --> 00:16:06,650 pokud někdo z vás se snaží sladit věci do centra, 385 00:16:06,650 --> 00:16:08,550 jste mohli využít "Text align = centrum." 386 00:16:08,550 --> 00:16:10,550 A vy jste si toho nevšiml asi měl střed 387 00:16:10,550 --> 00:16:12,650 Váš text nebo navigační panel. 388 00:16:12,650 --> 00:16:15,499 Tak to je právě také atribut že byste mohla být obeznámeni s. 389 00:16:15,499 --> 00:16:18,040 TOMAS REIMERS: Je tu parta atributů, které uvidíte. 390 00:16:18,040 --> 00:16:18,539 Jo. 391 00:16:18,539 --> 00:16:21,250 Jako dobrý odkazem na pset 7. 392 00:16:21,250 --> 00:16:23,150 Máme id. 393 00:16:23,150 --> 00:16:25,080 Můžete také mít třída, věci, jako je tento. 394 00:16:25,080 --> 00:16:27,250 Jeden tag může mít mnoho atributů. 395 00:16:27,250 --> 00:16:33,140 Takže počínaje id, pojďme předstírat, že jsme Chcete mít id of-- nevím. 396 00:16:33,140 --> 00:16:35,140 Nazveme to zvláštní, protože tohle, jsme 397 00:16:35,140 --> 00:16:37,867 chystá udělat odvážný, a zdůraznit, a cokoliv. 398 00:16:37,867 --> 00:16:39,950 ALLISON Buchholtz-AU: Je to to bude super speciální. 399 00:16:39,950 --> 00:16:42,360 TOMAS REIMERS: Tak tohle jeden, máme id speciál. 400 00:16:42,360 --> 00:16:48,140 Takže způsob, jak vybrat, pak je V main.css, spíše než mít značku p, 401 00:16:48,140 --> 00:16:51,500 děláte #special, OK? 402 00:16:51,500 --> 00:16:55,538 A že vybere ta věc s id speciál. 403 00:16:55,538 --> 00:16:57,295 Má to smysl pro každého? 404 00:16:57,295 --> 00:16:57,920 Diváků: Ano. 405 00:16:57,920 --> 00:16:59,110 TOMAS REIMERS: cool. 406 00:16:59,110 --> 00:17:04,440 Takže teď, pokud se vrátíme, budeme see-- Ups. 407 00:17:04,440 --> 00:17:06,240 Jo. 408 00:17:06,240 --> 00:17:09,460 Uvidíme, že to jen vybírá jedna s id speciál. 409 00:17:09,460 --> 00:17:10,622 Jo? 410 00:17:10,622 --> 00:17:11,900 Zní to v pohodě. 411 00:17:11,900 --> 00:17:12,570 Ano. 412 00:17:12,570 --> 00:17:15,456 >> Diváků: Může něco mít atribut jak třídy a id? 413 00:17:15,456 --> 00:17:16,359 >> TOMAS REIMERS: Ano. 414 00:17:16,359 --> 00:17:16,900 Diváků: OK. 415 00:17:16,900 --> 00:17:20,887 A co se pak stane, když pak dát to některá pravidla CSS, že konflikt? 416 00:17:20,887 --> 00:17:21,970 TOMAS REIMERS: Přesně tak. 417 00:17:21,970 --> 00:17:23,940 My určitě o tom mluvit. 418 00:17:23,940 --> 00:17:31,890 Tak přesně to, co jste dostávali u, můžete mít i třídy. 419 00:17:31,890 --> 00:17:36,380 Takže pojďme předstírat, že jsem měl tři odstavce a já 420 00:17:36,380 --> 00:17:38,730 chtěl styl první dva, ale ne třetí. 421 00:17:38,730 --> 00:17:42,850 No, vaše první myšlenka může být, no, já mohl dát druhý id. 422 00:17:42,850 --> 00:17:45,590 Ale nemůžeš, protože id, přesně tak, jak Allison říkal, 423 00:17:45,590 --> 00:17:47,330 musí být jedinečné. 424 00:17:47,330 --> 00:17:50,860 >> Takže místo toho, id, to, co jste můžete použít, je můžete použít třídu. 425 00:17:50,860 --> 00:17:57,880 A class-- jaké to dovoluje můžete udělat, je v podstatě říkají, 426 00:17:57,880 --> 00:17:59,610 to patří jako součást skupiny. 427 00:17:59,610 --> 00:18:02,410 V tomto případě, se naše skupina se nazývá Special. 428 00:18:02,410 --> 00:18:06,500 A to, co budeme dělat, je pak budeme say-- spíše než libru, 429 00:18:06,500 --> 00:18:08,070 budeme používat tečku. 430 00:18:08,070 --> 00:18:08,740 OK? 431 00:18:08,740 --> 00:18:11,950 A všimněte si, že libra a tečka existují pouze v souboru CSS, 432 00:18:11,950 --> 00:18:12,797 nejsou v HTML. 433 00:18:12,797 --> 00:18:13,880 ALLISON Buchholtz-AU: Ano. 434 00:18:13,880 --> 00:18:15,185 Důležitý rozdíl. 435 00:18:15,185 --> 00:18:17,510 >> TOMAS REIMERS: Mám tolik boj, 436 00:18:17,510 --> 00:18:23,990 proto, že jsem dal hash do HTML a pak už jen cítil hloupě na dlouhou dobu. 437 00:18:23,990 --> 00:18:27,470 Podívejte se, jak to vybírá oba ty s danou třídu? 438 00:18:27,470 --> 00:18:28,210 Super. 439 00:18:28,210 --> 00:18:29,950 >> Nyní, co může mít více tříd. 440 00:18:29,950 --> 00:18:32,790 Řekněme, že jsem chtěl, aby se jako první dvě mají zázemí žlutý 441 00:18:32,790 --> 00:18:36,770 a druhý dva mají font barva modrá. 442 00:18:36,770 --> 00:18:37,270 OK. 443 00:18:37,270 --> 00:18:39,735 Já opravdu nevím, proč bych se měl chci udělat, ale můžu. 444 00:18:39,735 --> 00:18:42,401 >> ALLISON Buchholtz-AU: nemusí doporučen pro vaše webové stránky. 445 00:18:42,401 --> 00:18:43,880 Ale pro naše účely, bude to dělat. 446 00:18:43,880 --> 00:18:46,294 >> TOMAS REIMERS: To není dobrý barevné schéma. 447 00:18:46,294 --> 00:18:49,210 ALLISON Buchholtz-AU: No, žlutý a modré jsou mé vysoké školy barvy. 448 00:18:49,210 --> 00:18:50,947 Já nevím, ale. 449 00:18:50,947 --> 00:18:53,530 TOMAS REIMERS: Allison je vysoká škola měla velký barevné schéma. 450 00:18:53,530 --> 00:18:54,520 [SMÍCH] 451 00:18:54,520 --> 00:18:59,120 Takže to, co bychom mohli nazvat to je Říkejme tohle-- takže máme speciální 452 00:18:59,120 --> 00:19:00,030 a máme Pretty. 453 00:19:00,030 --> 00:19:02,405 Navrhuji, na to, můžete použít mnohem více popisná jména. 454 00:19:02,405 --> 00:19:05,820 ALLISON Buchholtz-AU: Jo, já bych Nazývám to, jako, žluté nebo modré. 455 00:19:05,820 --> 00:19:08,314 >> TOMAS REIMERS: Nejsme opravdu dělat skutečné webové stránky, 456 00:19:08,314 --> 00:19:09,730 což je důvod, proč jsme neděláme to. 457 00:19:09,730 --> 00:19:11,521 Ale pokud jste skutečně měl skutečnou webové stránky, můžete 458 00:19:11,521 --> 00:19:16,220 může mít, stejně jako, článek záhlaví, Obsah článku, první slovo, 459 00:19:16,220 --> 00:19:21,920 podobné věci, které umožňují abys byl mnohem výstižnější. 460 00:19:21,920 --> 00:19:23,550 Jsou to opravdu jen jako proměnné. 461 00:19:23,550 --> 00:19:28,390 Měly by být pojmenovány tak, kde můžete, like-- jo, jako takový. 462 00:19:28,390 --> 00:19:29,470 Perfect. 463 00:19:29,470 --> 00:19:30,480 >> Tak barvu pozadí. 464 00:19:30,480 --> 00:19:35,920 A pak budeme say-- tak způsob, jak změnit barvu, je prostě "barva". 465 00:19:35,920 --> 00:19:38,412 A budeme dělat to modré. 466 00:19:38,412 --> 00:19:40,150 To je v pohodě. 467 00:19:40,150 --> 00:19:42,640 Takže teď máme První dvě mají zvláštní. 468 00:19:42,640 --> 00:19:45,972 Další, kdo to bude mít "class = hezká." 469 00:19:45,972 --> 00:19:49,180 ALLISON Buchholtz-AU: A pak budete Chcete-li přidat "pěkně" na střední. 470 00:19:49,180 --> 00:19:49,971 TOMAS REIMERS: Jo. 471 00:19:49,971 --> 00:19:52,970 A pak do prostřední, přidat "dost", co se stane 472 00:19:52,970 --> 00:19:56,880 je stačí prostor. 473 00:19:56,880 --> 00:19:59,800 Takže atributu class je seznam prostor oddělený 474 00:19:59,800 --> 00:20:02,450 ze všech tříd které se vztahují k tomuto tagu. 475 00:20:02,450 --> 00:20:02,959 OK? 476 00:20:02,959 --> 00:20:05,750 Není to jako tohle patří k nějaký speciální třídu s názvem 477 00:20:05,750 --> 00:20:07,180 "Zvláštní, vesmírných, pěkný." 478 00:20:07,180 --> 00:20:10,870 Patří ke dvěma classes-- zvláštní a dost. 479 00:20:10,870 --> 00:20:12,492 Ano? 480 00:20:12,492 --> 00:20:14,360 Super. 481 00:20:14,360 --> 00:20:17,010 >> A pak když se podíváme na to, co se děje, jsme 482 00:20:17,010 --> 00:20:21,850 bude vidět, že první, kdo má žluté pozadí, černý text. 483 00:20:21,850 --> 00:20:22,450 Druhá one-- 484 00:20:22,450 --> 00:20:26,160 >> ALLISON Buchholtz-AU: --has bold žluté pozadí s modrým textem. 485 00:20:26,160 --> 00:20:29,330 A naše poslední člověk musí modrý text, který jsme přiřadili k ní. 486 00:20:29,330 --> 00:20:30,870 >> TOMAS REIMERS: cool? 487 00:20:30,870 --> 00:20:32,491 Jak selektory fungují? 488 00:20:32,491 --> 00:20:32,990 Děsivý. 489 00:20:32,990 --> 00:20:34,720 >> ALLISON Buchholtz-AU: Chceme mluvit o konfliktu teď tedy? 490 00:20:34,720 --> 00:20:35,780 >> TOMAS REIMERS: Tak jo. 491 00:20:35,780 --> 00:20:36,310 Přesně tak. 492 00:20:36,310 --> 00:20:38,380 Takže to, co se stane, když vás mají konflikt, ne? 493 00:20:38,380 --> 00:20:44,740 Představme si, že první nastaví něco like-- 494 00:20:44,740 --> 00:20:47,240 ALLISON Buchholtz-AU: Možná, že tohle změní pozadí? 495 00:20:47,240 --> 00:20:48,090 TOMAS REIMERS: Jo. 496 00:20:48,090 --> 00:20:51,699 Takže budeme dělat "pěkně" změnit pozadí na lososa. 497 00:20:51,699 --> 00:20:54,740 ALLISON Buchholtz-AU: Jste jenom s všechny velké barvy dnes, Tomas. 498 00:20:54,740 --> 00:20:55,573 TOMAS REIMERS: Jo. 499 00:20:55,573 --> 00:20:58,200 Protože jsem zjistil, že mohu použít lososa jako skutečné barvy. 500 00:20:58,200 --> 00:21:00,270 Takže jsme jen dělat to. 501 00:21:00,270 --> 00:21:01,770 Také si myslím, Sunset je skutečná barva. 502 00:21:01,770 --> 00:21:03,103 Diváků: Sunset je skutečná barva? 503 00:21:03,103 --> 00:21:04,572 ALLISON Buchholtz-AU: Zkusíme to. 504 00:21:04,572 --> 00:21:07,735 TOMAS REIMERS: Po této ukázce jen proto, že v případě, že zkazí, 505 00:21:07,735 --> 00:21:08,943 Nechci být ladění. 506 00:21:08,943 --> 00:21:11,580 Takže víme, losos je skutečná barva. 507 00:21:11,580 --> 00:21:15,626 Takže nějaké dohady o co se bude dít? 508 00:21:15,626 --> 00:21:17,522 >> ALLISON Buchholtz-AU: Nějaký nápad? 509 00:21:17,522 --> 00:21:20,002 >> Diváků: [neslyšitelné]. 510 00:21:20,002 --> 00:21:20,920 >> TOMAS REIMERS: Jo. 511 00:21:20,920 --> 00:21:22,150 Takže si to mám úplně v pořádku. 512 00:21:22,150 --> 00:21:24,930 V podstatě, to trvá Poslední pravidlo, že to bylo dáno. 513 00:21:24,930 --> 00:21:27,860 >> ALLISON Buchholtz-AU: Tak tohle je kde kaskádových vstoupí v platnost. 514 00:21:27,860 --> 00:21:31,080 >> TOMAS REIMERS: Tak Pamatuji si, jak jsme se měl ten kaskádových stylů? 515 00:21:31,080 --> 00:21:33,660 Takže to, že jsme trochu na mysli že máme spoustu pravidel 516 00:21:33,660 --> 00:21:37,115 které se uplatňují na sebe, a mohou také potlačit navzájem. 517 00:21:37,115 --> 00:21:39,380 >> ALLISON Buchholtz-AU: Tak co je ve spodní části 518 00:21:39,380 --> 00:21:41,540 přepíše, co je na vrcholu. 519 00:21:41,540 --> 00:21:45,842 Ty by mohly mít pravidla, která zcela negovat něco předem. 520 00:21:45,842 --> 00:21:48,300 To je také důvod, proč chcete být opatrní, když jste styling, 521 00:21:48,300 --> 00:21:51,465 takže nejste vytvářet pravidla, která jste jen zcela převažující. 522 00:21:51,465 --> 00:21:53,340 >> TOMAS REIMERS: Nebo možná budete chci přepsat pravidla. 523 00:21:53,340 --> 00:21:53,920 >> ALLISON Buchholtz-AU: Nebo možná ano. 524 00:21:53,920 --> 00:21:54,300 Ano. 525 00:21:54,300 --> 00:21:57,175 >> TOMAS REIMERS: Představ si, že máte třída, která se vztahuje na většinu věcí, 526 00:21:57,175 --> 00:22:01,220 ale řekněme, že chcete změnit barva pozadí na červenou a písmo 527 00:22:01,220 --> 00:22:03,140 hmotnost bold pro většinu věci, ale pro jednoho, 528 00:22:03,140 --> 00:22:06,098 chcete pouze barvu pozadí být červená, ale chcete, všechny ostatní 529 00:22:06,098 --> 00:22:09,990 vlastnosti, jsi to mohl udělat něco jako "font-weight = normální," 530 00:22:09,990 --> 00:22:12,760 který by pak vrátit tuto odvážnou změnu. 531 00:22:12,760 --> 00:22:14,480 Jo? 532 00:22:14,480 --> 00:22:17,250 Opět platí, že nejlepší způsob, jak si myslím, že Allison řekl, že je jen praxe. 533 00:22:17,250 --> 00:22:18,080 >> ALLISON Buchholtz-AU: experimentování. 534 00:22:18,080 --> 00:22:20,090 >> TOMAS REIMERS: Praxe, praxe, praxe, a experiment. 535 00:22:20,090 --> 00:22:22,950 Vím, že hodně lidí, kteří si myslí CSS je jen hodně hádat-a-Check 536 00:22:22,950 --> 00:22:25,580 Na konci dne, je-li v případě Chcete-li udělat something-- rád, 537 00:22:25,580 --> 00:22:27,663 máte přibližnou představu, ale stále pravděpodobně potřebovat 538 00:22:27,663 --> 00:22:31,390 to vyzkoušet, aby se ujistil, Víte, jak to vypadá. 539 00:22:31,390 --> 00:22:34,482 >> Diváků: Pokud se ucházíte třídy, více než jedno 540 00:22:34,482 --> 00:22:37,339 na stejném bodě nebo sekce, dělá to 541 00:22:37,339 --> 00:22:39,505 ohledu na to, v jakém pořadí můžete zadejte je do uvozovek? 542 00:22:39,505 --> 00:22:40,992 >> TOMAS REIMERS: Ne, vůbec ne. 543 00:22:40,992 --> 00:22:45,764 >> ALLISON Buchholtz-AU: Záleží na tom, objednávka přímo ve Vašem CSS stylů. 544 00:22:45,764 --> 00:22:47,430 Diváků: Mohl byste zopakovat otázku? 545 00:22:47,430 --> 00:22:50,680 TOMAS REIMERS: Oh. 546 00:22:50,680 --> 00:22:53,990 ALLISON Buchholtz-AU: V třídy, když dáváte třídy 547 00:22:53,990 --> 00:22:56,964 na něco v HTML, dělá záleží na tom, který pořadí, v jakém jsou v? 548 00:22:56,964 --> 00:22:58,130 Nezáleží na tom, na objednávku. 549 00:22:58,130 --> 00:23:02,915 Na čem záleží, je pořadí třída voliče ve vaší CSS, 550 00:23:02,915 --> 00:23:04,306 přímo ve Vašem stylů. 551 00:23:04,306 --> 00:23:06,982 >> TOMAS REIMERS: Zní to dobře? 552 00:23:06,982 --> 00:23:08,532 >> ALLISON Buchholtz-AU: Lovely. 553 00:23:08,532 --> 00:23:11,539 >> TOMAS REIMERS: A pak budeme pokračovat v to-- 554 00:23:11,539 --> 00:23:13,330 ALLISON Buchholtz-AU: Co máme dál? 555 00:23:13,330 --> 00:23:14,245 Jsem zapomněl. 556 00:23:14,245 --> 00:23:16,087 Oh, musíme jen příklady. 557 00:23:16,087 --> 00:23:17,295 Ale my jsme trochu udělal ty. 558 00:23:17,295 --> 00:23:18,990 Udělali jsme příklady za chodu. 559 00:23:18,990 --> 00:23:20,540 >> TOMAS REIMERS: Dostáváme se kombinovat selektorů brzy. 560 00:23:20,540 --> 00:23:22,790 >> ALLISON Buchholtz-AU: Oh, dostaneme kombinovat selektorů. 561 00:23:22,790 --> 00:23:25,260 TOMAS REIMERS: Tak trochu příklady je máme 562 00:23:25,260 --> 00:23:29,630 # Dog-- libra, nebo hashtag, nebo octothorpe, nebo cokoliv 563 00:23:29,630 --> 00:23:32,050 Chcete-li volat that-- ostré. 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: Pak máte .pets. 566 00:23:36,470 --> 00:23:39,059 567 00:23:39,059 --> 00:23:41,600 Něco má id psa, je tu jen jeden pes na stránce. 568 00:23:41,600 --> 00:23:43,870 Něco má id kočka, je tu jen jedna kočka. 569 00:23:43,870 --> 00:23:45,665 Tam může být mnoho domácích zvířat na stránce. 570 00:23:45,665 --> 00:23:47,570 To je důvod, proč jsme dali, že tříd. 571 00:23:47,570 --> 00:23:48,740 Máte příklad s. 572 00:23:48,740 --> 00:23:50,490 A pak, aby jeden z Poslední příklad, který 573 00:23:50,490 --> 00:23:53,790 je něco, co jsme nemluvili o, je to, co se stane, když je budete kombinovat. 574 00:23:53,790 --> 00:23:54,580 Tak p.pets. 575 00:23:54,580 --> 00:23:57,510 576 00:23:57,510 --> 00:24:02,950 >> Takže za to, vraťme se do kód a zavést another-- jo. 577 00:24:02,950 --> 00:24:04,290 Tak tady. 578 00:24:04,290 --> 00:24:04,850 >> ALLISON Buchholtz-AU: I pocit, že je to really-- 579 00:24:04,850 --> 00:24:08,105 jako právě dívá skrz příkladech je skutečně způsob, jak se naučit. 580 00:24:08,105 --> 00:24:09,360 Tak to je to, co děláme. 581 00:24:09,360 --> 00:24:14,030 >> TOMAS REIMERS: Tak pojďme předstírat, že jsme jen chcete vybrat text 2, ne? 582 00:24:14,030 --> 00:24:16,530 Tak jsme rozhodně nemůžeme tomu, že s id. 583 00:24:16,530 --> 00:24:19,620 No, mohli bychom dělat, že se id, ale to nemá ID. 584 00:24:19,620 --> 00:24:22,490 Mohl bych přidat jeden, ale pojďme předstírat že jsem nechtěl přidat jednu 585 00:24:22,490 --> 00:24:24,910 nebo to už má něco jiného. 586 00:24:24,910 --> 00:24:26,516 Nemohu to udělat s tím. 587 00:24:26,516 --> 00:24:28,870 Tag rozhodně není ojedinělý, že jo? 588 00:24:28,870 --> 00:24:30,670 A ani je třída. 589 00:24:30,670 --> 00:24:32,314 Ale můžete kombinovat tyto věci. 590 00:24:32,314 --> 00:24:35,230 Řekněme, že jsme chtěli udělat něco která se vztahuje pouze na věci, které 591 00:24:35,230 --> 00:24:39,420 mají třídy speciál a které mají třídu dost. 592 00:24:39,420 --> 00:24:48,150 >> Takže to, co můžete udělat, je v main.css, můžete říct, pojďme nejprve smazat. 593 00:24:48,150 --> 00:24:50,240 Můžete kombinovat tyto. 594 00:24:50,240 --> 00:24:51,430 Takže si můžete udělat .Zvláštní. 595 00:24:51,430 --> 00:24:52,110 No space. 596 00:24:52,110 --> 00:24:54,770 Jen .special.pretty. 597 00:24:54,770 --> 00:25:00,550 Co to znamená, že je něco, co což je jak zvláštní a dost. 598 00:25:00,550 --> 00:25:01,900 Dává to smysl? 599 00:25:01,900 --> 00:25:04,190 A když půjdeme sem, co budete vidět 600 00:25:04,190 --> 00:25:09,734 je toto pravidlo platí pouze pro Druhý, který má jak z nich. 601 00:25:09,734 --> 00:25:11,400 A vy můžete udělat, že na spoustu věcí. 602 00:25:11,400 --> 00:25:13,270 Můžete say-- pojďme jen předstírat, že jsem se chtěl 603 00:25:13,270 --> 00:25:18,300 dělat věci, které mají třídu pěkný a které jsou také značka bod. 604 00:25:18,300 --> 00:25:19,920 Tak p.pretty. 605 00:25:19,920 --> 00:25:23,585 Pojďme předstírat, že jsem měl něco docela na tělo značky. 606 00:25:23,585 --> 00:25:25,850 OK? 607 00:25:25,850 --> 00:25:28,490 Můžu běžet a já Je vidět, že je to jen 608 00:25:28,490 --> 00:25:32,720 bude vztahovat na věci, které jsou body s třídou pěkné. 609 00:25:32,720 --> 00:25:35,650 A můžete kombinovat tyto, v podstatě, jak tolik, kolik chcete. 610 00:25:35,650 --> 00:25:38,580 Takže si stačí dát je dohromady. 611 00:25:38,580 --> 00:25:39,604 Dává to smysl? 612 00:25:39,604 --> 00:25:41,770 ALLISON Buchholtz-AU: Tak tento druh je mnohem užitečnější 613 00:25:41,770 --> 00:25:45,490 kdy, Tomas říkal dříve, možná Máte velmi složitý webové stránky, 614 00:25:45,490 --> 00:25:48,050 a vy už máte hodně těchto pravidel psaných, 615 00:25:48,050 --> 00:25:51,170 a stačí kombinují dva z dříve. 616 00:25:51,170 --> 00:25:55,350 Jako místo psaní celek nové voliče a měnící se to tam, 617 00:25:55,350 --> 00:25:58,592 stačí zkombinovat tam, kde se překrývá. 618 00:25:58,592 --> 00:26:00,670 >> TOMAS REIMERS: Nebo Možná zjistíte, out-- někdy 619 00:26:00,670 --> 00:26:04,290 je tu ještě jedna třída, která dělá fontu barva jako modrá, 620 00:26:04,290 --> 00:26:06,740 a je tu další třída, která dělá pozadí modré. 621 00:26:06,740 --> 00:26:07,840 A to prostě nebude fungovat. 622 00:26:07,840 --> 00:26:10,924 Takže si napsat zvláštní případ, kdy, like-- ale pokud to má jak, to, co jste 623 00:26:10,924 --> 00:26:13,548 dělat, je budete , aby to jeden tento odstín modré 624 00:26:13,548 --> 00:26:15,310 a ten to další odstín modré. 625 00:26:15,310 --> 00:26:15,580 Je to tak? 626 00:26:15,580 --> 00:26:17,955 >> ALLISON Buchholtz-AU: Dobrý pro ty druhy výjimek. 627 00:26:17,955 --> 00:26:21,220 TOMAS REIMERS: Tak, aby přemýšlet o problémech 628 00:26:21,220 --> 00:26:25,000 které by mohly nastat, když je kombinovat. 629 00:26:25,000 --> 00:26:27,020 Super. 630 00:26:27,020 --> 00:26:29,692 Takže zpět k naší prezentaci. 631 00:26:29,692 --> 00:26:31,400 ALLISON Buchholtz-AU: Už jsme skoro tam. 632 00:26:31,400 --> 00:26:34,022 TOMAS REIMERS: A zastavil připojování. 633 00:26:34,022 --> 00:26:36,494 ALLISON Buchholtz-AU: Oh, no. 634 00:26:36,494 --> 00:26:39,125 ALLISON Buchholtz-AU: CS na kancelář, internet jde dolů. 635 00:26:39,125 --> 00:26:40,360 Oh, ironie. 636 00:26:40,360 --> 00:26:45,620 >> TOMAS REIMERS: Takže naštěstí můžeme předloží bez internetu, myslím, 637 00:26:45,620 --> 00:26:47,380 protože máme všechny snímky zde. 638 00:26:47,380 --> 00:26:49,304 Takže pojďme mluvit o vztah značek. 639 00:26:49,304 --> 00:26:50,470 ALLISON Buchholtz-AU: Right. 640 00:26:50,470 --> 00:26:52,660 Takže jen tak jít off z toho, co řekl Tomáš, 641 00:26:52,660 --> 00:26:54,180 je to jen jiný způsob, jak to udělat. 642 00:26:54,180 --> 00:26:57,840 Takže máme nějaký rodič volič s voličem dítě. 643 00:26:57,840 --> 00:27:02,815 Takže v tomto případě tady máme nějaké Tělo s třídou navigační lišty, tlačítka třída. 644 00:27:02,815 --> 00:27:03,315 Ah. 645 00:27:03,315 --> 00:27:03,990 >> TOMAS REIMERS: Oh, promiň. 646 00:27:03,990 --> 00:27:06,180 >> ALLISON Buchholtz-AU: A v podstatě, co to znamená 647 00:27:06,180 --> 00:27:11,070 je vybrat všechny děti, stejně jako všech těchto druhů selektorů, 648 00:27:11,070 --> 00:27:13,040 v této mateřské voliče. 649 00:27:13,040 --> 00:27:16,004 A to jsou jen ty, to někdy bude aplikovat. 650 00:27:16,004 --> 00:27:17,755 Já nevím, jestli vás mají lepší způsob of-- 651 00:27:17,755 --> 00:27:19,504 TOMAS REIMERS: Tak jsem Asi způsob, jak myslet 652 00:27:19,504 --> 00:27:22,440 o tom je vzpomenout dříve, jak my Něco jako dát je dohromady. 653 00:27:22,440 --> 00:27:26,340 A pak to znamená, že jeden prvek což odpovídá všechny tyto. 654 00:27:26,340 --> 00:27:29,530 Co to říká je, že jsem Chci, abys, aby odpovídaly všechno 655 00:27:29,530 --> 00:27:33,220 v some-- Chci vám najít volič. 656 00:27:33,220 --> 00:27:35,670 A pak v to, chci vám, aby odpovídaly nové věci. 657 00:27:35,670 --> 00:27:36,170 Je to tak? 658 00:27:36,170 --> 00:27:40,900 Takže v CSS, je to všechno o trochu je schopen přizpůsobit tyto položky. 659 00:27:40,900 --> 00:27:43,050 A můžete se pokusit, aby odpovídaly položky v rámci jiné položky. 660 00:27:43,050 --> 00:27:46,510 >> Tak pojďme vlastně dělat příklad, a myslíme si, že to vyjasnit. 661 00:27:46,510 --> 00:27:53,090 Takže pojďme předstírat, že máme zvláštní, speciální pěkný, cokoliv. 662 00:27:53,090 --> 00:27:55,690 A pak máme odkaz, OK? 663 00:27:55,690 --> 00:27:59,780 664 00:27:59,780 --> 00:28:02,370 Takže pamatujte, že je spojení. 665 00:28:02,370 --> 00:28:03,900 Není to jít kamkoliv. 666 00:28:03,900 --> 00:28:11,500 A budeme se jej link třída, myslím. 667 00:28:11,500 --> 00:28:13,335 Pojďme si dát na class-- mi nápad. 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-- pojďme go to třída docela. 670 00:28:16,420 --> 00:28:16,930 Proč 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: Tak hned teď krásné věci 673 00:28:23,040 --> 00:28:26,000 se chystá udělat pozadí modré, barva pozadí z lososa. 674 00:28:26,000 --> 00:28:27,969 To dává smysl. 675 00:28:27,969 --> 00:28:28,760 A pokud budeme dělat tohle-- 676 00:28:28,760 --> 00:28:29,620 >> ALLISON Buchholtz-AU: Chcete-li přidat text, 677 00:28:29,620 --> 00:28:31,078 takže hypertextový odkaz skutečně objeví? 678 00:28:31,078 --> 00:28:35,088 TOMAS REIMERS: To by bylo dobré volání. 679 00:28:35,088 --> 00:28:37,921 ALLISON Buchholtz-AU: "Protože pravý teď jsme jen tak nedostanou nic. 680 00:28:37,921 --> 00:28:39,690 TOMAS REIMERS: Tak tohle je odkaz. 681 00:28:39,690 --> 00:28:42,202 "To je spojení." 682 00:28:42,202 --> 00:28:45,820 Jo, a to se děje být další odkaz. 683 00:28:45,820 --> 00:28:47,280 Pojďme dát třídu "cool". 684 00:28:47,280 --> 00:28:50,295 Máš pravdu. 685 00:28:50,295 --> 00:28:50,795 Super. 686 00:28:50,795 --> 00:28:53,590 687 00:28:53,590 --> 00:28:56,010 Takže teď budeme chytit to. 688 00:28:56,010 --> 00:28:57,269 Budeme hodit jeden. 689 00:28:57,269 --> 00:28:59,060 Máme jeden v speciální tag, a my také 690 00:28:59,060 --> 00:29:01,150 budou mít jeden v krásné tagu. 691 00:29:01,150 --> 00:29:05,449 A právě teď, co budeme udělat, je budeme dělat cool-- 692 00:29:05,449 --> 00:29:06,490 co chceme dělat? 693 00:29:06,490 --> 00:29:10,347 694 00:29:10,347 --> 00:29:12,180 ALLISON Buchholtz-AU: Můžeme to větší? 695 00:29:12,180 --> 00:29:13,800 TOMAS REIMERS: Pojďme dát mu hranice. 696 00:29:13,800 --> 00:29:14,840 ALLISON Buchholtz-AU: Mohli bychom hranice. 697 00:29:14,840 --> 00:29:15,673 TOMAS REIMERS: Jo. 698 00:29:15,673 --> 00:29:18,560 Takže budeme dělat něco jako, přeshraniční je-- a my jsme 699 00:29:18,560 --> 00:29:20,971 bude to vysvětlit vše ve vteřině. 700 00:29:20,971 --> 00:29:21,470 Pro now-- 701 00:29:21,470 --> 00:29:24,592 >> ALLISON Buchholtz-AU: K modelu boxu. 702 00:29:24,592 --> 00:29:27,300 TOMAS REIMERS: Ale teď jsme jen tak, aby to hranice. 703 00:29:27,300 --> 00:29:29,580 Takže to, co to znamená, je, že jste uvidí tyto odkazy. 704 00:29:29,580 --> 00:29:32,788 A budete vidět, že mají Tito, jako ošklivé černé okraje, které 705 00:29:32,788 --> 00:29:33,820 je v pohodě. 706 00:29:33,820 --> 00:29:34,500 >> ALLISON Buchholtz-AU: Naše webové stránky je tak docela. 707 00:29:34,500 --> 00:29:35,333 >> TOMAS REIMERS: Jo. 708 00:29:35,333 --> 00:29:38,930 Naše webové stránky jsou úžasné. 709 00:29:38,930 --> 00:29:41,585 Takže tyto dva jsou odkazy, a oni se objeví. 710 00:29:41,585 --> 00:29:44,160 Nyní pojďme předstírat, že Chtěla to udělat jen 711 00:29:44,160 --> 00:29:50,072 pokud to není v něčem který měl pozadí lososa. 712 00:29:50,072 --> 00:29:52,280 Takže pamatujte, že tenhle má zázemí lososa, 713 00:29:52,280 --> 00:29:54,000 proto, že je z třídy hezké. 714 00:29:54,000 --> 00:29:59,777 >> Ale my chceme říci, že pouze ochlazuje které jsou ve třídě zvláštní, ne ve třídě 715 00:29:59,777 --> 00:30:02,890 pěkný, by měl mít tuto hranici. 716 00:30:02,890 --> 00:30:12,549 No, co můžete udělat, je vás Dá se říci, .Zvláštní, prostor, .cool. 717 00:30:12,549 --> 00:30:15,590 A co že to dělá, když si myslíte, o tom, je to v podstatě říká, 718 00:30:15,590 --> 00:30:19,530 OK, najdi mi vše který odpovídá zvláštní. 719 00:30:19,530 --> 00:30:24,104 Pak se v rámci těchto značek, najít mi všechno, co je v pohodě. 720 00:30:24,104 --> 00:30:27,270 ALLISON Buchholtz-AU: Tak jiný způsob, jak které by mohly být dobré přemýšlet o tom, 721 00:30:27,270 --> 00:30:29,810 uvedení zpět do C, je stejně jako myšlenku rozsahu. 722 00:30:29,810 --> 00:30:34,020 Takže když budete mít nějaký Volič, jako ty, 723 00:30:34,020 --> 00:30:38,460 že jsme pracovali pro před tím, Celá vaše webové stránky, všechny vaše HTML 724 00:30:38,460 --> 00:30:40,180 je přímo ve Vašem rozsahu, že jo? 725 00:30:40,180 --> 00:30:43,090 Ale když máme tyto rodič-dítě vztahy, 726 00:30:43,090 --> 00:30:47,130 Je to jako kdyby jste zúžení, kde hledáte konkrétní místo, 727 00:30:47,130 --> 00:30:50,540 jako když, jako, díváme do specifickou funkci, místo 728 00:30:50,540 --> 00:30:52,007 celé naší souboru. 729 00:30:52,007 --> 00:30:55,090 Diváků: Tak s tím na mysli, by to záleželo, kdybychom měli changed-- 730 00:30:55,090 --> 00:30:56,423 ALLISON Buchholtz-AU: Pořadí? 731 00:30:56,423 --> 00:30:59,320 Diváků: --the třída v CSS k .cool, místo, .Zvláštní? 732 00:30:59,320 --> 00:31:01,153 ALLISON Buchholtz-AU: Ano, protože pak to 733 00:31:01,153 --> 00:31:04,420 by se říci, prostor to Všechno, co má v pohodě, 734 00:31:04,420 --> 00:31:07,235 a pak se podívejte na to, co has-- Myslím, že stejně jako v tomto případě, 735 00:31:07,235 --> 00:31:08,860 Já si nemyslím, že by to změnil. 736 00:31:08,860 --> 00:31:10,318 >> TOMAS REIMERS: Kdybychom řekli to, co? 737 00:31:10,318 --> 00:31:10,906 Promiňte. 738 00:31:10,906 --> 00:31:12,660 >> ALLISON Buchholtz-AU: kdybychom Rozsah vychladnout a poté 739 00:31:12,660 --> 00:31:14,550 podívejte se na věci ze speciální, to by bylo stejné, ve skutečnosti. 740 00:31:14,550 --> 00:31:16,260 >> TOMAS REIMERS: Takže by to nebylo. 741 00:31:16,260 --> 00:31:16,590 >> ALLISON Buchholtz-AU: To by ne? 742 00:31:16,590 --> 00:31:17,590 Oh, oh dobře. 743 00:31:17,590 --> 00:31:18,090 Já jsem špatně. 744 00:31:18,090 --> 00:31:21,480 >> TOMAS REIMERS: Takže důvod to je different-- běžné mistake-- 745 00:31:21,480 --> 00:31:27,140 je, že právě teď jen link je v pohodě, ne? 746 00:31:27,140 --> 00:31:32,176 Myslím, že moje otázka na vás kluci, je, co na této stránce je doplněna .cool? 747 00:31:32,176 --> 00:31:35,984 748 00:31:35,984 --> 00:31:38,340 K dispozici jsou dva tagy tady, ne? 749 00:31:38,340 --> 00:31:39,770 Což je to jedno a to jeden. 750 00:31:39,770 --> 00:31:40,590 Oba zápas v pohodě. 751 00:31:40,590 --> 00:31:42,200 Nic jiného dělá. 752 00:31:42,200 --> 00:31:46,460 Takže pokud jste řekl, .cool, místo, .Zvláštní, co jste chtěl říct, je, 753 00:31:46,460 --> 00:31:48,824 v rámci těchto značek, co je zvláštní? 754 00:31:48,824 --> 00:31:49,865 ALLISON Buchholtz-AU: Hm. 755 00:31:49,865 --> 00:31:51,800 To je to, co to-- pravdu. 756 00:31:51,800 --> 00:31:52,310 Vzhledem k tomu, že je to, jako by to něco, co zde. 757 00:31:52,310 --> 00:31:53,310 >> TOMAS REIMERS: Tak to vybere nic. 758 00:31:53,310 --> 00:31:56,530 >> ALLISON Buchholtz-AU: vzhledem k tomu, s zvláštní, že jsme v rámci těchto značek zde. 759 00:31:56,530 --> 00:31:57,971 >> TOMAS REIMERS: Ty a ty. 760 00:31:57,971 --> 00:31:58,512 Diváků: OK. 761 00:31:58,512 --> 00:31:58,920 Takže ti tagy z lomítkem? 762 00:31:58,920 --> 00:31:59,740 >> TOMAS REIMERS: Ano. 763 00:31:59,740 --> 00:32:01,150 Dává to smysl? 764 00:32:01,150 --> 00:32:03,685 Jak je to v podstatě se snaží zúžit rozsah. 765 00:32:03,685 --> 00:32:04,810 ALLISON Buchholtz-AU: Jo. 766 00:32:04,810 --> 00:32:06,870 Myslím si, že je to asi Nejjednodušší způsob, jak o tom přemýšlet. 767 00:32:06,870 --> 00:32:09,270 >> TOMAS REIMERS: Tak jsme našli, a jsme našli oba uzavřeno zvláštní. 768 00:32:09,270 --> 00:32:11,400 A pak jsme se ptáte, v rámci tihle kluci, co je v pohodě? 769 00:32:11,400 --> 00:32:12,941 A v rámci této jedné, tohle je v pohodě. 770 00:32:12,941 --> 00:32:14,500 V tomto druhém, nic to v pohodě. 771 00:32:14,500 --> 00:32:16,250 Tak tohle je jediná značka, která zůstává. 772 00:32:16,250 --> 00:32:20,112 >> ALLISON Buchholtz-AU: vzhledem k tomu, v pohodě je právě v těchto několika tam značky. 773 00:32:20,112 --> 00:32:21,070 TOMAS REIMERS: Přesně tak. 774 00:32:21,070 --> 00:32:22,403 A co je zvláštní v nich? 775 00:32:22,403 --> 00:32:22,930 Nic. 776 00:32:22,930 --> 00:32:25,270 A teď, co řeknu, je v případě, že nebyl žádný prostor, 777 00:32:25,270 --> 00:32:29,880 se ptáte, co je v pohodě a special-- nebo to, co je krásné a zvláštní, že jo? 778 00:32:29,880 --> 00:32:35,370 Pokud řeknete .special.pretty, že je to stejně jako .pretty.special. 779 00:32:35,370 --> 00:32:39,220 >> Protože to, co odstraní prostor je ptá se, když říkáte .Zvláštní, 780 00:32:39,220 --> 00:32:40,970 ptáte, OK, které z nich jsou zvláštní? 781 00:32:40,970 --> 00:32:43,780 A pak se z těch, které z nich jsou také dost, 782 00:32:43,780 --> 00:32:47,010 který je stejný, gramaticky, jak žádat o to, co je dost, 783 00:32:47,010 --> 00:32:49,500 a pak z těch, co je i speciální? 784 00:32:49,500 --> 00:32:50,000 Je to tak? 785 00:32:50,000 --> 00:32:53,099 Je to rozdíl co je uvnitř, co je. 786 00:32:53,099 --> 00:32:53,640 Diváků: OK. 787 00:32:53,640 --> 00:32:54,473 TOMAS REIMERS: Jo. 788 00:32:54,473 --> 00:32:56,670 789 00:32:56,670 --> 00:32:58,030 Děsivý. 790 00:32:58,030 --> 00:33:00,426 Takže s tím na mysli then-- 791 00:33:00,426 --> 00:33:01,800 >> ALLISON Buchholtz-AU: Myslím si, že naše poslední to je (v luxusní britským přízvukem) 792 00:33:01,800 --> 00:33:02,510 Model box. 793 00:33:02,510 --> 00:33:05,992 >> TOMAS REIMERS: box-- [zasměje se] Miluji způsob, jakým Allison říká, že. 794 00:33:05,992 --> 00:33:06,950 Takže na box modelu věc. 795 00:33:06,950 --> 00:33:09,644 >> ALLISON Buchholtz-AU: Stačí se box, budu váš model box. 796 00:33:09,644 --> 00:33:11,310 TOMAS REIMERS: Tak pojďme o tom mluvit. 797 00:33:11,310 --> 00:33:14,070 Takže teď jsme strávili hodně času mluví o voliče. 798 00:33:14,070 --> 00:33:16,944 Nyní, vy jste asi, jako, mistři selectors-- víte, 799 00:33:16,944 --> 00:33:21,510 Jak přesně vybrat obsah, který Chcete-li manipulovat na obrazovce. 800 00:33:21,510 --> 00:33:24,740 >> Takže teď je otázka, jak přesně jej manipulovat? 801 00:33:24,740 --> 00:33:27,010 Takže myslím, že nejzákladnější způsob, jak přemýšlet o tom 802 00:33:27,010 --> 00:33:30,294 Je dobře, co přesně je element v CSS? 803 00:33:30,294 --> 00:33:32,585 Jsme strávili spoustu času mluví, co je tag, 804 00:33:32,585 --> 00:33:36,140 nebo to, co je nejzákladnější reprezentace značku? 805 00:33:36,140 --> 00:33:39,870 806 00:33:39,870 --> 00:33:45,170 >> Dobrý způsob, jak přemýšlet o to znamená, že to, co je tvar losos? 807 00:33:45,170 --> 00:33:47,295 Jaký tvar je, stejně jako, losos-barevné pozadí? 808 00:33:47,295 --> 00:33:47,880 >> Diváků: Je to obdélník. 809 00:33:47,880 --> 00:33:49,040 >> TOMAS REIMERS: Je to obdélník, ne? 810 00:33:49,040 --> 00:33:50,956 >> ALLISON Buchholtz-AU: Nebyl chyták. 811 00:33:50,956 --> 00:33:51,870 [SMÍCH] 812 00:33:51,870 --> 00:33:54,670 >> TOMAS REIMERS: Nesnaží přimět vás kluci to pozdě. 813 00:33:54,670 --> 00:33:57,510 Takže máme tento obdélník. 814 00:33:57,510 --> 00:33:59,140 A značka je p, že jo? 815 00:33:59,140 --> 00:34:02,280 Tak, že nám dává dobrý Víra, že bod 816 00:34:02,280 --> 00:34:07,440 je reprezentován jako obdélník, na alespoň v mysli prohlížeče, který 817 00:34:07,440 --> 00:34:08,715 to je. 818 00:34:08,715 --> 00:34:11,423 >> ALLISON Buchholtz-AU: Myslím, prohlížeče jsou obvykle obdélníkové, 819 00:34:11,423 --> 00:34:13,440 tak to dává smysl. 820 00:34:13,440 --> 00:34:18,750 >> TOMAS REIMERS: Nápad tady je že všechny značky v CSS 821 00:34:18,750 --> 00:34:21,790 jsou reprezentovány jako obdélník. 822 00:34:21,790 --> 00:34:25,699 A každý obdélník má čtyři části podle CSS, OK? 823 00:34:25,699 --> 00:34:27,830 Máte skutečný obsah. 824 00:34:27,830 --> 00:34:29,644 To je místo, kde se text nachází. 825 00:34:29,644 --> 00:34:30,470 >> ALLISON Buchholtz-AU: Možná, že váš obrázek. 826 00:34:30,470 --> 00:34:31,303 >> TOMAS REIMERS: Jo. 827 00:34:31,303 --> 00:34:33,860 Máte polstrování, což je jen nějaká bílá místa. 828 00:34:33,860 --> 00:34:35,085 Pak budete mít okraj. 829 00:34:35,085 --> 00:34:37,710 A pak budete mít rezervu, která je bílý prostor mimo něj. 830 00:34:37,710 --> 00:34:39,460 Takže nemá smysl pro každého, takže jsme 831 00:34:39,460 --> 00:34:42,500 mluvit o tom na chvíli. 832 00:34:42,500 --> 00:34:47,570 Tak tady, co budeme dělat se budeme vytvářet nějaké divy, OK? 833 00:34:47,570 --> 00:34:48,420 Omluvte mě, když já- 834 00:34:48,420 --> 00:34:51,506 >> ALLISON Buchholtz-AU: pocit, že bych rád bychom měli dát roztomilý obrázek. 835 00:34:51,506 --> 00:34:52,520 >> TOMAS REIMERS: Rozhodně jsme měli. 836 00:34:52,520 --> 00:34:53,389 >> ALLISON Buchholtz-AU: Mám pocit, že každý 837 00:34:53,389 --> 00:34:54,870 by mohly těžit z roztomilý obrázek, to je všechno. 838 00:34:54,870 --> 00:34:56,774 >> TOMAS REIMERS: Můžeme prospěch z je-- 839 00:34:56,774 --> 00:34:57,648 >> Publikum: Jo, jasně. 840 00:34:57,648 --> 00:34:58,790 TOMAS REIMERS: OK, v pohodě. 841 00:34:58,790 --> 00:35:02,254 Takže jsme měli dát roztomilý obrázek někam. 842 00:35:02,254 --> 00:35:05,295 ALLISON Buchholtz-AU: Mám pocit, že roztomilý zajíček může být užitečné právě teď. 843 00:35:05,295 --> 00:35:06,190 TOMAS REIMERS: Jistě. 844 00:35:06,190 --> 00:35:06,950 ALLISON Buchholtz-AU: Konec týdne. 845 00:35:06,950 --> 00:35:07,390 Mít něco adorab-- 846 00:35:07,390 --> 00:35:08,520 >> TOMAS REIMERS: Jak zápas kotě? 847 00:35:08,520 --> 00:35:09,220 >> ALLISON Buchholtz-AU: Kotě funguje, taky. 848 00:35:09,220 --> 00:35:11,300 >> TOMAS REIMERS: Cool, protože je tu místo pro to. 849 00:35:11,300 --> 00:35:12,300 Říká se tomu PlaceKitten. 850 00:35:12,300 --> 00:35:14,719 ALLISON Buchholtz-AU: To je skvělé. 851 00:35:14,719 --> 00:35:15,510 TOMAS REIMERS: Ano. 852 00:35:15,510 --> 00:35:18,040 ALLISON Buchholtz-AU: Jen pro, jako, zástupné obrázky na své webové stránky. 853 00:35:18,040 --> 00:35:18,914 TOMAS REIMERS: Mm-hm. 854 00:35:18,914 --> 00:35:21,520 K dispozici je také PlacePuppy. 855 00:35:21,520 --> 00:35:22,832 A je tu PlaceBacon. 856 00:35:22,832 --> 00:35:24,340 >> ALLISON Buchholtz-AU: PlaceBacon? 857 00:35:24,340 --> 00:35:25,350 Opravdu? 858 00:35:25,350 --> 00:35:28,190 >> TOMAS REIMERS: Oh, my ne mají přístup k internetu zde. 859 00:35:28,190 --> 00:35:29,875 >> ALLISON Buchholtz-AU: [naříká] 860 00:35:29,875 --> 00:35:30,375 Tragický. 861 00:35:30,375 --> 00:35:32,333 TOMAS REIMERS: V opačném případě, Chtěl bych ukázat vám kluci 862 00:35:32,333 --> 00:35:33,870 jak dát obrázky na své webové stránky. 863 00:35:33,870 --> 00:35:36,370 Budeme se snažit, aby si to práce, než budeme muset jít. 864 00:35:36,370 --> 00:35:38,660 Ale teď, jsme jen mluvit v barvách té doby. 865 00:35:38,660 --> 00:35:39,820 Chceme dát fotky z kittens-- 866 00:35:39,820 --> 00:35:40,210 >> ALLISON Buchholtz-AU: jsme udělali. 867 00:35:40,210 --> 00:35:43,110 >> TOMAS REIMERS: --the internet je dolů pro tuto chvíli je. 868 00:35:43,110 --> 00:35:47,820 Takže máme dvě divy, a my jsme dám jim dvě ID. 869 00:35:47,820 --> 00:35:51,380 870 00:35:51,380 --> 00:35:56,760 Budeme ji nazývat "První" a "druhé". 871 00:35:56,760 --> 00:36:01,184 Takže id = "jako první." 872 00:36:01,184 --> 00:36:02,850 A budeme se jim dvě barvy. 873 00:36:02,850 --> 00:36:08,424 Tak jak jsme se vybrat něco s id "první"? 874 00:36:08,424 --> 00:36:09,840 ALLISON Buchholtz-AU: Dot nebo hash? 875 00:36:09,840 --> 00:36:10,730 Diváků: Sharp. 876 00:36:10,730 --> 00:36:12,940 TOMAS REIMERS: Sharp, perfektní. 877 00:36:12,940 --> 00:36:14,950 Sharp, hash, bez ohledu na we-- 878 00:36:14,950 --> 00:36:15,680 >> ALLISON Buchholtz-AU: Spousta věcí se to nazvat. 879 00:36:15,680 --> 00:36:16,430 >> TOMAS REIMERS: OK. 880 00:36:16,430 --> 00:36:19,800 Budeme se usadit na hashtag, a to je to, co jsme jít 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: Takže hashtag je první. 884 00:36:22,340 --> 00:36:24,506 >> ALLISON Buchholtz-AU: Tak můžete tweet seminar-- 885 00:36:24,506 --> 00:36:27,582 hashtag CSS, hashtag v pohodě. 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, ano. 888 00:36:30,730 --> 00:36:31,480 TOMAS REIMERS: OK. 889 00:36:31,480 --> 00:36:33,660 Takže máme "první" a "druhé". 890 00:36:33,660 --> 00:36:37,697 Takže nejprve, budeme mít Barva na červeném pozadí. 891 00:36:37,697 --> 00:36:39,030 ALLISON Buchholtz-AU: Uh, tlustého střeva. 892 00:36:39,030 --> 00:36:40,281 TOMAS REIMERS: Jo. 893 00:36:40,281 --> 00:36:42,281 ALLISON Buchholtz-AU: Budu tvůj spot-checker. 894 00:36:42,281 --> 00:36:43,960 TOMAS REIMERS: Allison to mě dostal. 895 00:36:43,960 --> 00:36:45,830 Background-color of 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: Ano. 899 00:36:48,830 --> 00:36:50,630 Purple moje oblíbená barva, a my jsme nevyužili ještě. 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 funguje. 903 00:36:53,860 --> 00:36:56,482 904 00:36:56,482 --> 00:36:59,880 >> TOMAS REIMERS: Takže jsme bude mít dva divy. 905 00:36:59,880 --> 00:37:01,654 Jsou to bude úplně prázdný. 906 00:37:01,654 --> 00:37:03,070 Asi bychom měli mít nějaký text. 907 00:37:03,070 --> 00:37:05,580 908 00:37:05,580 --> 00:37:09,815 Takže "první" bude "HELLO". 909 00:37:09,815 --> 00:37:10,940 A "druhý", bude say-- 910 00:37:10,940 --> 00:37:11,110 >> ALLISON Buchholtz-AU: Goodbye. 911 00:37:11,110 --> 00:37:12,514 >> Diváků: - "WORLD". 912 00:37:12,514 --> 00:37:14,122 Dobrý den, sbohem. 913 00:37:14,122 --> 00:37:16,580 ALLISON Buchholtz-AU: Viděl jsem je ve shodě druhý týden. 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: pro reálných čísel. 916 00:37:20,242 --> 00:37:21,200 Jsou to není tak velký. 917 00:37:21,200 --> 00:37:24,084 918 00:37:24,084 --> 00:37:24,750 Nemám to rád. 919 00:37:24,750 --> 00:37:26,060 >> TOMAS REIMERS: Máme "HELLO" a "Sbohem." 920 00:37:26,060 --> 00:37:29,102 A opět, CSS je prostě úžasné, proto, že uznává naše barvy. 921 00:37:29,102 --> 00:37:30,810 Nemusíte se ani obávat, že existují. 922 00:37:30,810 --> 00:37:33,194 Oni dělají. 923 00:37:33,194 --> 00:37:35,130 >> ALLISON Buchholtz-AU: existují. 924 00:37:35,130 --> 00:37:39,560 >> TOMAS REIMERS: Takže CSS Myslím si, že má 255 slov mluvit o barvě. 925 00:37:39,560 --> 00:37:42,986 Pokud si myslíte, že na barvy venku těch 255, stejně jako, budu dojem. 926 00:37:42,986 --> 00:37:44,110 ALLISON Buchholtz-AU: Jo. 927 00:37:44,110 --> 00:37:45,560 Myslím si, že kluci mohou mít jen přijít hned po. 928 00:37:45,560 --> 00:37:47,727 >> TOMAS REIMERS: Tak tady, uvidíte, máme dvě krabice 929 00:37:47,727 --> 00:37:49,143 přímo na sebe, ne? 930 00:37:49,143 --> 00:37:50,200 HELLO a sbohem. 931 00:37:50,200 --> 00:37:51,460 >> ALLISON Buchholtz-AU: Neexistuje žádný prostor mezi nimi. 932 00:37:51,460 --> 00:37:53,390 Jenom situovali přímo na sebe. 933 00:37:53,390 --> 00:37:55,973 >> TOMAS REIMERS: Takže první věc, kterou Myslím, že bychom si měli promluvit o 934 00:37:55,973 --> 00:38:02,960 je pojďme také say-- jo. 935 00:38:02,960 --> 00:38:08,020 Takže CSS představuje je jako druh krabic. 936 00:38:08,020 --> 00:38:10,100 A jak boxy, mají obsah. 937 00:38:10,100 --> 00:38:14,540 A obsah právě teď je trochu HELLO nebo na rozloučenou a to je vše. 938 00:38:14,540 --> 00:38:15,040 OK? 939 00:38:15,040 --> 00:38:19,790 >> Takže jedním z prvních věcí, kterou můžete udělat, je můžete přidat polstrování. 940 00:38:19,790 --> 00:38:25,610 Polstrování říká, jak velký prostor měl by nechat na každé straně. 941 00:38:25,610 --> 00:38:29,200 Tak řekněme, že chci říct 10 pixelů na každé straně. 942 00:38:29,200 --> 00:38:31,234 A já se pitvat, že v druhém. 943 00:38:31,234 --> 00:38:33,150 ALLISON Buchholtz-AU: Všechny tyto věci zde 944 00:38:33,150 --> 00:38:36,980 se bude hlavně v pixelech pro zbytek semináře. 945 00:38:36,980 --> 00:38:40,980 Budeš vidět, že to má nějaký prostor kolem ní, že jo? 946 00:38:40,980 --> 00:38:46,360 Takže to, co nechcete vidět tu je tu tato neviditelná druh čalounění 947 00:38:46,360 --> 00:38:49,600 na každé straně, který říká, stejně jako, OK, máte box content-- 948 00:38:49,600 --> 00:38:51,680 >> ALLISON Buchholtz-AU: Chcete jen vytáhnout prohlédnout prvek? 949 00:38:51,680 --> 00:38:53,659 >> TOMAS REIMERS: Jo, to je dobrý nápad. 950 00:38:53,659 --> 00:38:56,700 ALLISON Buchholtz-AU: Také jsem zjistil, že kontrolovat element je dobrý způsob, jak 951 00:38:56,700 --> 00:39:01,280 zjistit, zda se něco děje špatně, se stane něco neočekávaného, 952 00:39:01,280 --> 00:39:04,570 kontrolu tagy a vidět, co Je to jako přepsání je užitečné. 953 00:39:04,570 --> 00:39:05,940 >> TOMAS REIMERS: Takže si nejsem jistý, jestliže vy můžete vidět tuto barvu. 954 00:39:05,940 --> 00:39:06,470 Můžeš? 955 00:39:06,470 --> 00:39:10,120 Uvidíte tento polstrování na druhu hrany. 956 00:39:10,120 --> 00:39:13,410 A pak vidíte aktuální Obsah v modré, ne? 957 00:39:13,410 --> 00:39:16,820 Tak to je velmi základy modelu boxu. 958 00:39:16,820 --> 00:39:17,674 Máš obsah. 959 00:39:17,674 --> 00:39:18,590 Pak máte polstrování. 960 00:39:18,590 --> 00:39:20,440 >> Diváků: Proč ne jen pomocí pole uvnitř the-- 961 00:39:20,440 --> 00:39:21,606 >> ALLISON Buchholtz-AU: Right. 962 00:39:21,606 --> 00:39:24,745 Vzhledem k tomu, je to jen výběr element právě teď. 963 00:39:24,745 --> 00:39:26,050 >> TOMAS REIMERS: Jo. 964 00:39:26,050 --> 00:39:27,060 Ostatní věci. 965 00:39:27,060 --> 00:39:29,780 Takže pojďme se o tom mluvit Příkaz polstrování na vteřinu. 966 00:39:29,780 --> 00:39:36,380 Takže v CSS, měření musí mít jednotku. 967 00:39:36,380 --> 00:39:39,740 Takže nejprve máte částku. 968 00:39:39,740 --> 00:39:41,460 Takže v tomto případě jsme řekli 10. 969 00:39:41,460 --> 00:39:44,780 A pak ten příští jsme si řekli, je pixelů px. 970 00:39:44,780 --> 00:39:49,160 Další ty, které by mohly mít se věci, jako centimetrech, palcích. 971 00:39:49,160 --> 00:39:51,367 Můžete dělat věci líbí, to, co je 10 palců? 972 00:39:51,367 --> 00:39:52,700 A to bude směšné. 973 00:39:52,700 --> 00:39:52,990 >> ALLISON Buchholtz-AU: Oh, chlapče. 974 00:39:52,990 --> 00:39:53,460 >> Diváků: Whoa. 975 00:39:53,460 --> 00:39:54,460 >> TOMAS A ALLISON: Jo. 976 00:39:54,460 --> 00:39:57,840 TOMAS REIMERS: Tak to je všechno výplň. 977 00:39:57,840 --> 00:39:59,255 Chystám se vrátit do pixelů. 978 00:39:59,255 --> 00:40:01,754 >> ALLISON Buchholtz-AU: Pixels bývají, stejně jako, normy. 979 00:40:01,754 --> 00:40:04,589 Když se podíváte na spoustu webových stránek, většinou pracují v pixelech. 980 00:40:04,589 --> 00:40:07,755 TOMAS REIMERS: Takže vy budete vidět buď pixels-- ty ostatní, které vidíte 981 00:40:07,755 --> 00:40:13,952 je em, což je jedna em je rovnající se výšce písma 982 00:40:13,952 --> 00:40:15,160 který právě používáte. 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: Je to dobrý způsob, jak říct, jako, chci tolik místa jako můj písmo 986 00:40:20,740 --> 00:40:21,514 je brát. 987 00:40:21,514 --> 00:40:23,180 ALLISON Buchholtz-AU: Nevěděl jsem, že. 988 00:40:23,180 --> 00:40:25,747 Naučíte se něco nového každý den. 989 00:40:25,747 --> 00:40:27,955 TOMAS REIMERS: Existuje Mnoho měření v CS. 990 00:40:27,955 --> 00:40:29,260 Doporučuji vám je vyhledat. 991 00:40:29,260 --> 00:40:32,122 Pro všechny vaše případy, myslím, že pixelů by měla být dostatečná. 992 00:40:32,122 --> 00:40:33,830 A jsou to také to, co budete vidět 993 00:40:33,830 --> 00:40:36,520 ve většině příkladů, uzavřená on-line. 994 00:40:36,520 --> 00:40:38,320 Tak jsme to nechat na pixelů. 995 00:40:38,320 --> 00:40:42,420 >> Můžete si také, měl bych say-- tak polstrování soupravy všechny z vycpávky. 996 00:40:42,420 --> 00:40:49,789 Můžete si také udělat něco podobného "Padding-top" jen set-- 997 00:40:49,789 --> 00:40:52,080 ALLISON Buchholtz-AU: Možná, že budeme si naše "ahoj" zpět. 998 00:40:52,080 --> 00:40:55,480 TOMAS REIMERS: --to stačí nastavit polstrování na horní a nic jiného. 999 00:40:55,480 --> 00:40:59,560 Takže čtyři příkazy jsou padding-top, padding-bottom, padding-vlevo, 1000 00:40:59,560 --> 00:41:00,310 a padding-right. 1001 00:41:00,310 --> 00:41:02,470 >> ALLISON Buchholtz-AU: Stejně jako byste očekávat, že pro krabice. 1002 00:41:02,470 --> 00:41:03,530 >> TOMAS REIMERS: Jo. 1003 00:41:03,530 --> 00:41:05,240 Nic tam taky blázen. 1004 00:41:05,240 --> 00:41:08,230 Dává to smysl? 1005 00:41:08,230 --> 00:41:11,990 Tak to je výplň. 1006 00:41:11,990 --> 00:41:14,110 Budu-li pro všechny na vycpávky zpět na 10. 1007 00:41:14,110 --> 00:41:17,010 A pak budu pohybovat na hranici. 1008 00:41:17,010 --> 00:41:21,130 >> Takže to, co je hranice je hranice je divný povel. 1009 00:41:21,130 --> 00:41:24,450 Trvá to jakési tři věci najednou. 1010 00:41:24,450 --> 00:41:28,930 Takže první je, jak velký jste chci, aby to bylo jako měření. 1011 00:41:28,930 --> 00:41:30,662 Opět jsem pouze pomocí pixelů. 1012 00:41:30,662 --> 00:41:32,620 A poslední věc, kterou jsem měli přidat do měření 1013 00:41:32,620 --> 00:41:35,270 je jedna věc, která nepotřebuje jednotku je 0. 1014 00:41:35,270 --> 00:41:37,390 Je to vlastně nesprávné dát 0 jednotky, 1015 00:41:37,390 --> 00:41:41,940 protože je 0 0 přes palce, pixelů, centimetry, cokoliv. 1016 00:41:41,940 --> 00:41:43,960 To vše jen znamená 0, je to tak? 1017 00:41:43,960 --> 00:41:46,710 Takže nejprve se mu dát měření. 1018 00:41:46,710 --> 00:41:48,650 >> Pak si to dát styl. 1019 00:41:48,650 --> 00:41:49,869 Takže jsem chtěl říct, "pevné". 1020 00:41:49,869 --> 00:41:51,410 A budeme mluvit o tom, co to znamená. 1021 00:41:51,410 --> 00:41:54,290 A pak konečně, to vám dát barvu. 1022 00:41:54,290 --> 00:41:56,850 Takže jsem chtěl říct, "černý". 1023 00:41:56,850 --> 00:41:59,637 A to jsou všechno věci, které jsme teď neviděl, s výjimkou pro styl, 1024 00:41:59,637 --> 00:42:00,720 ale budeme o tom mluvit. 1025 00:42:00,720 --> 00:42:04,120 Takže vy jste viděli měření, a vy jste viděli barvy. 1026 00:42:04,120 --> 00:42:10,410 A co se stane, je, že jsme si to pěkné černé rámeček kolem ní, že jo? 1027 00:42:10,410 --> 00:42:11,620 Vy jste vidět, jak jsme to udělali, že? 1028 00:42:11,620 --> 00:42:12,760 >> Diváků: Ano. 1029 00:42:12,760 --> 00:42:14,850 >> TOMAS REIMERS: cool. 1030 00:42:14,850 --> 00:42:17,370 Takže to, co je to? 1031 00:42:17,370 --> 00:42:19,160 Takže v první řadě, je to jeden pixel. 1032 00:42:19,160 --> 00:42:20,880 To je evidentní dost, ne? 1033 00:42:20,880 --> 00:42:23,254 Stejně jako je to jeden pixel tlustý. 1034 00:42:23,254 --> 00:42:26,170 Nebo to bude jeden pixel, ale já jsem přiblížení, takže je to trochu víc 1035 00:42:26,170 --> 00:42:26,490 než to. 1036 00:42:26,490 --> 00:42:27,967 >> ALLISON Buchholtz-AU: A máme tento směšný televizní rozlišení. 1037 00:42:27,967 --> 00:42:29,460 >> TOMAS REIMERS: Jo. 1038 00:42:29,460 --> 00:42:33,640 Můžete dělat to větší, menší, cokoliv. 1039 00:42:33,640 --> 00:42:35,630 Tak tady je dva-pixel hranice. 1040 00:42:35,630 --> 00:42:38,810 Uvidíte, že je to dvakrát tak silný. 1041 00:42:38,810 --> 00:42:40,172 Další věc, kterou máme, je barva. 1042 00:42:40,172 --> 00:42:41,130 To není zajímavé. 1043 00:42:41,130 --> 00:42:42,710 Nebudu mluvit o tom, opravdu. 1044 00:42:42,710 --> 00:42:45,110 >> ALLISON Buchholtz-AU: Ale styl může být jen trochu zajímavé. 1045 00:42:45,110 --> 00:42:45,980 >> TOMAS REIMERS: Jo. 1046 00:42:45,980 --> 00:42:48,560 Takže stylu, jsou ty málo že vidím běžně používá. 1047 00:42:48,560 --> 00:42:55,690 První z nich je pevné, další One tečkované, a poslední je přerušovaný. 1048 00:42:55,690 --> 00:42:59,290 A tady je poseta. 1049 00:42:59,290 --> 00:43:02,980 Uvidíte, že jsou banda teček, že jo? 1050 00:43:02,980 --> 00:43:09,030 Dobrý způsob, jak se trochu dostat pěkný hranici děje, pomlčky jsou také docela populární. 1051 00:43:09,030 --> 00:43:11,580 1052 00:43:11,580 --> 00:43:13,600 >> ALLISON Buchholtz-AU: A pak samozřejmě, že jsem 1053 00:43:13,600 --> 00:43:16,660 si jistý, že je spousta další styly, které můžete získat. 1054 00:43:16,660 --> 00:43:20,000 A máme velkou sadu odkazy na konci pro vás 1055 00:43:20,000 --> 00:43:23,470 na druh prohlédnout a podívejte se na více chladném CSS. 1056 00:43:23,470 --> 00:43:25,954 >> TOMAS REIMERS: A pak poslední věc, my jsme 1057 00:43:25,954 --> 00:43:27,870 mluvit o box modely opravdu rychle. 1058 00:43:27,870 --> 00:43:30,070 Jo, a pak se hranice, stejně jako výplň, 1059 00:43:30,070 --> 00:43:33,270 Máte také věci jako border-left, border-right, border-top, 1060 00:43:33,270 --> 00:43:37,590 border-bottom, který vám umožní aby se v určitém hranici. 1061 00:43:37,590 --> 00:43:40,650 Tak tady je to jen border vlevo definované. 1062 00:43:40,650 --> 00:43:43,060 Má to smysl? 1063 00:43:43,060 --> 00:43:46,170 >> ALLISON Buchholtz-AU: To je v pohodě způsob, jak zdůraznit věci nebo přidat 1064 00:43:46,170 --> 00:43:47,545 čáry mezi různými prvky. 1065 00:43:47,545 --> 00:43:48,670 TOMAS REIMERS: Přesně tak. 1066 00:43:48,670 --> 00:43:50,940 Tak to je naše hranice. 1067 00:43:50,940 --> 00:43:52,790 A poslední je marže. 1068 00:43:52,790 --> 00:43:55,892 Jako výplň Okraj kromě toho, že to není within-- 1069 00:43:55,892 --> 00:43:57,975 ALLISON Buchholtz-AU: Je to Není asi svém živlu 1070 00:43:57,975 --> 00:44:00,840 ale ve skutečnosti po celé box, že jsme byli svědky. 1071 00:44:00,840 --> 00:44:02,770 >> TOMAS REIMERS: Jo. 1072 00:44:02,770 --> 00:44:04,090 Allison řekl dokonale. 1073 00:44:04,090 --> 00:44:07,550 Není to, jako, uvnitř prvek, to je po celém poli. 1074 00:44:07,550 --> 00:44:10,900 To znamená, že věci jako pozadí se na něj nevztahuje. 1075 00:44:10,900 --> 00:44:13,550 A to v podstatě říká, jako, nechci nic 1076 00:44:13,550 --> 00:44:15,230 V tomto hodně prostoru pro mě. 1077 00:44:15,230 --> 00:44:17,470 Tak jako máme tady rozpětí 10 obrazových bodů. 1078 00:44:17,470 --> 00:44:23,100 Do 10 obrazových bodů Takže nic by měl být vedle mě. 1079 00:44:23,100 --> 00:44:26,210 Je to druh jeho prostoru, ale trochu ne. 1080 00:44:26,210 --> 00:44:29,215 Tak to je velmi základy modelu boxu. 1081 00:44:29,215 --> 00:44:30,090 Dává to smysl? 1082 00:44:30,090 --> 00:44:33,830 1083 00:44:33,830 --> 00:44:34,550 Cool, v pohodě. 1084 00:44:34,550 --> 00:44:35,800 ALLISON Buchholtz-AU: Úžasné. 1085 00:44:35,800 --> 00:44:37,890 Takže teď, že jsme právě máme naše skvělé zdroje 1086 00:44:37,890 --> 00:44:41,220 že budeme trvat kluci přes velmi rychle. 1087 00:44:41,220 --> 00:44:44,815 A budeme actually-- dobře, máme ještě k internetu? 1088 00:44:44,815 --> 00:44:47,860 >> TOMAS REIMERS: Pojďme zjistit, jestli můžu otevřít up-- 1089 00:44:47,860 --> 00:44:50,040 dovolte mi, abych zjistil, jestli bych může dostat na internet rychle 1090 00:44:50,040 --> 00:44:53,317 zatímco Allison hovoří o něčem Allison chce mluvit. 1091 00:44:53,317 --> 00:44:55,150 ALLISON Buchholtz-AU: Tak basically-- nemám 1092 00:44:55,150 --> 00:44:57,930 vím, co ještě můžu říct, v tomto bodě. 1093 00:44:57,930 --> 00:45:01,340 Ale to jsou jen některé opravdu dobré zdroje. 1094 00:45:01,340 --> 00:45:04,629 Jsou to ty, které Tomas a jsem použil 1095 00:45:04,629 --> 00:45:06,420 a že jsme vlastně používá na přípravu pro toto. 1096 00:45:06,420 --> 00:45:09,940 W3Schools je ten, který vás kluci by se neviděli. 1097 00:45:09,940 --> 00:45:12,440 Doporučujeme pro Spousta věcí se CSS. 1098 00:45:12,440 --> 00:45:15,060 Vím, že ji doporučuji můj úsek po celou dobu. 1099 00:45:15,060 --> 00:45:21,050 >> Jedním z velkých věcí, je to tak vám umožní druhu si s CSS 1100 00:45:21,050 --> 00:45:23,830 a vidět změny okamžitě v tom, 1101 00:45:23,830 --> 00:45:25,920 jako, double-okno zobrazit, že to má. 1102 00:45:25,920 --> 00:45:29,980 Takže nemusíte mít strach o vytvoření vlastní webové stránky, 1103 00:45:29,980 --> 00:45:33,090 nebo zřízení vhost ve vašem místní zařízení a místní hostitel, 1104 00:45:33,090 --> 00:45:34,980 a jak se všechny ty věci práci. 1105 00:45:34,980 --> 00:45:36,830 To je zakotven přímo v rámci stránky. 1106 00:45:36,830 --> 00:45:39,042 >> A to má tato málo lekce, které můžete 1107 00:45:39,042 --> 00:45:40,750 projít se učit Více informací o voliče, 1108 00:45:40,750 --> 00:45:44,610 nebo se dozvědět o manipulaci se font, nebo pozadí, nebo obraz. 1109 00:45:44,610 --> 00:45:46,990 A máte k dispozici následující Okamžité výsledky, které jste 1110 00:45:46,990 --> 00:45:49,310 Nemusíte dělat žádné další prep práce pro. 1111 00:45:49,310 --> 00:45:51,060 Tak jsem rád W3Schools. 1112 00:45:51,060 --> 00:45:51,960 Je to báječné. 1113 00:45:51,960 --> 00:45:52,670 Funguje to? 1114 00:45:52,670 --> 00:45:52,950 >> TOMAS REIMERS: Jo. 1115 00:45:52,950 --> 00:45:53,720 Ne, to není. 1116 00:45:53,720 --> 00:45:55,636 Chceš, abych to zkusit a restartovat počítač? 1117 00:45:55,636 --> 00:45:56,410 Nebo chceme to-- 1118 00:45:56,410 --> 00:46:01,490 >> ALLISON Buchholtz-AU: Myslím, no, to bude i on-line. 1119 00:46:01,490 --> 00:46:02,740 Všechny snímky budou online. 1120 00:46:02,740 --> 00:46:05,470 Tak jsem jen vřele doporučuji dělat to. 1121 00:46:05,470 --> 00:46:07,880 >> To je skvělé, jak jen jako tahák. 1122 00:46:07,880 --> 00:46:10,690 Je to všechno jen základní příkazy, které máte. 1123 00:46:10,690 --> 00:46:13,070 Je to skvělé, když jste poprvé začíná své webové stránky. 1124 00:46:13,070 --> 00:46:15,080 Vzhledem k tomu, možná, že ne Chcete se dostat do všech 1125 00:46:15,080 --> 00:46:17,355 real natvrdlý kostrbatý Design těžké věci. 1126 00:46:17,355 --> 00:46:20,230 Stačí jen, aby ji naformátovat v cestě Tento druh má smysl a vůli 1127 00:46:20,230 --> 00:46:21,490 dělat v současné době. 1128 00:46:21,490 --> 00:46:23,580 A pokud opravdu chcete aby se do ní dostat, já vím, 1129 00:46:23,580 --> 00:46:27,240 to je, jako jeden z Tomas oblíbené odkazy. 1130 00:46:27,240 --> 00:46:30,130 Jsme jej používáte prep, a to je báječné. 1131 00:46:30,130 --> 00:46:33,030 To je pro vývojáře z Mozilly. 1132 00:46:33,030 --> 00:46:36,490 >> TOMAS REIMERS: Tak Mozilla jsou lidé, kteří dělají Firefox. 1133 00:46:36,490 --> 00:46:40,290 A to je jen jejich vlastní developer reference, což myslím, že je úžasné. 1134 00:46:40,290 --> 00:46:44,870 A to má nádherný seznam zdrojů. 1135 00:46:44,870 --> 00:46:45,530 Tak jsme have-- 1136 00:46:45,530 --> 00:46:48,060 >> ALLISON Buchholtz-AU: A pak poslední poznámka 1137 00:46:48,060 --> 00:46:50,120 když se snažíte design svých webových stránek, 1138 00:46:50,120 --> 00:46:53,550 čerpat inspiraci z věcí že si myslíte, že jsou dost. 1139 00:46:53,550 --> 00:46:56,340 Kontrola prvek, kontrolu zdrojového kódu 1140 00:46:56,340 --> 00:46:59,370 může být super užitečný že se snaží přijít na to, 1141 00:46:59,370 --> 00:47:02,080 jak na styl své vlastní internetové stránky. 1142 00:47:02,080 --> 00:47:04,540 >> Často mám pocit, že nejlepší cesta, kromě experimentování, 1143 00:47:04,540 --> 00:47:06,290 Je jen na pohled věci, které jsou dost. 1144 00:47:06,290 --> 00:47:09,810 Zjistil jsem, že je to opravdu těžké, aby právě druh navrhovat věci na vlastní pěst, 1145 00:47:09,810 --> 00:47:11,090 zejména na začátku. 1146 00:47:11,090 --> 00:47:14,740 Takže prosím, podívejte se na webové stránky že si můžete vychutnat při pohledu na. 1147 00:47:14,740 --> 00:47:16,880 Zjistit, co dělá je apelovat na vás. 1148 00:47:16,880 --> 00:47:19,170 A pak neváhejte pokusit se zopakovat to. 1149 00:47:19,170 --> 00:47:20,410 >> TOMAS REIMERS: Right. 1150 00:47:20,410 --> 00:47:23,120 Dokonce i jako webové stránky takhle, můžete vidět 1151 00:47:23,120 --> 00:47:25,460 tam je určitě div nahoře. 1152 00:47:25,460 --> 00:47:29,920 A pak máte jiný div uvnitř tady, což je CSS Awesomeness. 1153 00:47:29,920 --> 00:47:32,480 A pak máte spoustu odkazů zde. 1154 00:47:32,480 --> 00:47:34,770 Pokud jste opravdu jen kontrolovat prvky, můžete tak nějak 1155 00:47:34,770 --> 00:47:38,520 začít vidět, co dělat webové stránky vypadat, a jak můžu 1156 00:47:38,520 --> 00:47:40,493 znovu, že kdybych chtěl. 1157 00:47:40,493 --> 00:47:41,890 Dává to smysl? 1158 00:47:41,890 --> 00:47:43,670 Takže máme jen levé tři minuty. 1159 00:47:43,670 --> 00:47:46,380 Tak na něco zeptat? 1160 00:47:46,380 --> 00:47:47,650 Některý z nich? 1161 00:47:47,650 --> 00:47:48,350 Ano. 1162 00:47:48,350 --> 00:47:50,780 >> Diváků: pro barvu obdélník, jak byste 1163 00:47:50,780 --> 00:47:53,499 have-- pokud jste nechtěli ji jít přes celou stránku, mohl 1164 00:47:53,499 --> 00:47:56,400 Udělal jsi to jít přes pouze polovina stránky, nebo jen text? 1165 00:47:56,400 --> 00:47:59,660 >> TOMAS REIMERS: Jo, určitě. 1166 00:47:59,660 --> 00:48:02,780 Tak se ukažte ve skutečnosti. 1167 00:48:02,780 --> 00:48:04,670 Mám dvě myšlenky. 1168 00:48:04,670 --> 00:48:07,265 Takže v první řadě, budete lze také použít procent. 1169 00:48:07,265 --> 00:48:08,140 >> Diváků: Opravdu? 1170 00:48:08,140 --> 00:48:11,260 >> ALLISON Buchholtz-AU: Takže něco vyhledat je relativní umístění. 1171 00:48:11,260 --> 00:48:13,385 Je to něco, co jsme nemají čas se dostat do, 1172 00:48:13,385 --> 00:48:16,392 ale je to něco, co jsem rozhodně Doporučujeme mimo kontrolu vy. 1173 00:48:16,392 --> 00:48:17,580 >> TOMAS REIMERS: So procenta. 1174 00:48:17,580 --> 00:48:21,524 A podívejte se, jak se nám to povedlo jen 50% šířky? 1175 00:48:21,524 --> 00:48:24,190 ALLISON Buchholtz-AU: Pokud se vám skutečně znát počet obrazových bodů, 1176 00:48:24,190 --> 00:48:25,780 si můžete být přesnější tímto způsobem. 1177 00:48:25,780 --> 00:48:27,200 Můžete si hrát si s ním. 1178 00:48:27,200 --> 00:48:27,700 Ale 50%. 1179 00:48:27,700 --> 00:48:31,970 Když jsme byli na velikost našeho prohlížeče, to by bylo menší. 1180 00:48:31,970 --> 00:48:35,250 >> TOMAS REIMERS: No, je to v podstatě 50% právě teď, myslím. 1181 00:48:35,250 --> 00:48:38,820 Je to o 50%, a pak marže byl přidán k tomu. 1182 00:48:38,820 --> 00:48:40,100 CSS má spoustu vtípků. 1183 00:48:40,100 --> 00:48:43,195 Takže teď je to 50% šířky stránky. 1184 00:48:43,195 --> 00:48:46,860 Ale nezapomeňte, že máte 10 pixelů odebírá z každé strany. 1185 00:48:46,860 --> 00:48:49,700 Takže pokud jste měli navrhnout, aby proti levý okraj prohlížeče, 1186 00:48:49,700 --> 00:48:51,550 pak to bude vypadat, jako 50%. 1187 00:48:51,550 --> 00:48:53,884 Opět, stejně jako jsem řekl, CSS být hodně hádat-and-check. 1188 00:48:53,884 --> 00:48:56,049 Stejně jako si myslíš, že se něco bude chovat jedním směrem, 1189 00:48:56,049 --> 00:48:57,805 ale to se chová úplně jinak. 1190 00:48:57,805 --> 00:48:59,420 >> ALLISON Buchholtz-AU: A právě chytřejší, 1191 00:48:59,420 --> 00:49:02,020 a vy jen získat lepší intuice na to, jak budete pohybovat kolem. 1192 00:49:02,020 --> 00:49:02,730 >> TOMAS REIMERS: A dostane horší a horší. 1193 00:49:02,730 --> 00:49:03,496 Takže je to opravdu jen závod. 1194 00:49:03,496 --> 00:49:05,454 >> ALLISON Buchholtz-AU: To je super povzbudivé. 1195 00:49:05,454 --> 00:49:07,070 Chceme, aby jako CSS. 1196 00:49:07,070 --> 00:49:08,810 >> TOMAS REIMERS: CSS je úžasné. 1197 00:49:08,810 --> 00:49:10,354 Pamatujte si, že. 1198 00:49:10,354 --> 00:49:11,020 Další otázky? 1199 00:49:11,020 --> 00:49:14,297 >> ALLISON Buchholtz-AU: jedna věc. 1200 00:49:14,297 --> 00:49:14,880 Ještě něco? 1201 00:49:14,880 --> 00:49:15,140 Super. 1202 00:49:15,140 --> 00:49:15,690 >> TOMAS REIMERS: Úžasné. 1203 00:49:15,690 --> 00:49:18,523 >> ALLISON Buchholtz-AU: No, pokud máte kluci mají nějaké otázky později, 1204 00:49:18,523 --> 00:49:20,919 jsme vždy k dispozici podle obvykle. 1205 00:49:20,919 --> 00:49:22,960 Budete pravděpodobně vidět některé z nás na závěrečných prací 1206 00:49:22,960 --> 00:49:24,280 a rozhodně na Hackathon. 1207 00:49:24,280 --> 00:49:25,200 >> TOMAS REIMERS: Přesně tak. 1208 00:49:25,200 --> 00:49:25,720 A na veletrhu. 1209 00:49:25,720 --> 00:49:26,560 >> ALLISON Buchholtz-AU: A na veletrhu. 1210 00:49:26,560 --> 00:49:26,840 Oh. 1211 00:49:26,840 --> 00:49:28,130 >> TOMAS REIMERS: Můžete se těšit na vidět všechny vaše awesome-- 1212 00:49:28,130 --> 00:49:29,420 >> ALLISON Buchholtz-AU: Uvidíme všechny vaše úžasné webové stránky 1213 00:49:29,420 --> 00:49:30,572 že bude krásné. 1214 00:49:30,572 --> 00:49:32,780 TOMAS REIMERS: můžete vždy vidět, stejně jako, webové stránky 1215 00:49:32,780 --> 00:49:36,234 kdo měl, jako, dobrý CSS a pak stejně jako ti, kteří neměli snažit udělat CSS. 1216 00:49:36,234 --> 00:49:39,150 ALLISON Buchholtz-AU: Také další věc, jedna věc se podívat do 1217 00:49:39,150 --> 00:49:40,445 je Bootstrapping. 1218 00:49:40,445 --> 00:49:41,805 Takže Bootstrap je skvělý. 1219 00:49:41,805 --> 00:49:42,240 >> TOMAS REIMERS: Google, že pokud you-- 1220 00:49:42,240 --> 00:49:43,573 >> ALLISON Buchholtz-AU: Google to. 1221 00:49:43,573 --> 00:49:44,340 Je to báječné. 1222 00:49:44,340 --> 00:49:45,620 Budete milovat. 1223 00:49:45,620 --> 00:49:48,000 A teď, že jste základní znalost CSS, 1224 00:49:48,000 --> 00:49:50,340 Bude to mnohem větší smysl. 1225 00:49:50,340 --> 00:49:50,890 Děsivý. 1226 00:49:50,890 --> 00:49:51,480 Díky, kluci. 1227 00:49:51,480 --> 00:49:53,330 >> TOMAS REIMERS: Děkuji moc. 1228 00:49:53,330 --> 00:49:54,219