1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:04,500 >> [Hudba hrať] 3 00:00:04,500 --> 00:00:10,099 4 00:00:10,099 --> 00:00:12,224 ALLISON Buchholtz-AU: Tak sme v podstate len tak 5 00:00:12,224 --> 00:00:14,629 vám dať námety CSS, pretože vieme, 6 00:00:14,629 --> 00:00:16,420 že to nie sú zahrnuté vo všetkých sekciách. 7 00:00:16,420 --> 00:00:20,090 A naozaj chceme, aby sa ubezpečil, že ste chlapci majú tento nástroj k dispozícii, 8 00:00:20,090 --> 00:00:24,790 pretože má schopnosť robiť Vaše webové stránky vyzerajú oveľa krajšie. 9 00:00:24,790 --> 00:00:28,660 >> A ak ste budovanie internetovej stránky, a potom pravdepodobne budete chcieť, aby to pekne. 10 00:00:28,660 --> 00:00:31,372 Myslím, že nemusíte, ale ja by som to navrhnúť. [Smiech] 11 00:00:31,372 --> 00:00:35,430 Ak chcete, aby užívatelia používať, môžete chcete, aby to trochu [nepočuteľné]. 12 00:00:35,430 --> 00:00:39,130 Takže budeme snažiť dať len niektoré základné nástroje a porozumenie, 13 00:00:39,130 --> 00:00:42,340 tak, že keď idete von, a ty si skúma veci o CSS, 14 00:00:42,340 --> 00:00:45,902 to nie je kompletný blábol, ako CSS niekedy byť. 15 00:00:45,902 --> 00:00:47,240 >> TOMAS REIMERS: Jo. 16 00:00:47,240 --> 00:00:49,930 Allison to povedal celkom dobre. 17 00:00:49,930 --> 00:00:53,250 Takže myslím, že prvá vec, ktorú Začať by sa malo, je to, čo 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ázov nášho seminára. 21 00:00:58,320 --> 00:00:58,434 >> TOMAS REIMERS: Jo. 22 00:00:58,434 --> 00:01:00,130 Je naozaj dôležité, aby chápete, že do tej doby. 23 00:01:00,130 --> 00:01:03,090 Ak máte len odniesť jedno vec, je to, že CSS, ak úžasné. 24 00:01:03,090 --> 00:01:06,180 Two je CSS je skratka pre Kaskádové štýly. 25 00:01:06,180 --> 00:01:10,380 Takže vo svojom jadre, CSS je štýlov, čo znamená, 26 00:01:10,380 --> 00:01:13,200 to vám umožní štýl webovú stránku. 27 00:01:13,200 --> 00:01:16,609 A potom, čo to znamená, že je spôsob, ako pridať štýl na vaše webové stránky. 28 00:01:16,609 --> 00:01:18,900 Takže štýl, máme na mysli všetko to nie je structural-- 29 00:01:18,900 --> 00:01:24,350 takže veci ako farby, pozadie obrazy, hranice, rovnako ako, polstrovanie, 30 00:01:24,350 --> 00:01:25,040 okraje. 31 00:01:25,040 --> 00:01:27,310 Budeme hovoriť o tom, čo všetko znamená, že v trochu. 32 00:01:27,310 --> 00:01:30,110 >> Takže sme proste šli dopredu a otvoril oba tieto v gedit. 33 00:01:30,110 --> 00:01:32,680 Tak toto 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á nič. 36 00:01:36,829 --> 00:01:38,412 ALLISON Buchholtz-AU: No štýl tak ďaleko. 37 00:01:38,412 --> 00:01:39,245 TOMAS REIMERS: Žiadne. 38 00:01:39,245 --> 00:01:42,577 A ako uvidíte, že je to naozaj škaredý miesto. 39 00:01:42,577 --> 00:01:44,160 ALLISON Buchholtz-AU: Je to len obyčajný. 40 00:01:44,160 --> 00:01:45,820 TOMAS REIMERS: Jo. 41 00:01:45,820 --> 00:01:49,150 Jo, nie je to škaredé, je to len minimalistické. 42 00:01:49,150 --> 00:01:53,430 A potom tu máme index.html. 43 00:01:53,430 --> 00:01:55,729 A tak rýchlo rekapitulácia HTML, Allison, 44 00:01:55,729 --> 00:01:57,270 chcete len hovoriť o stránke? 45 00:01:57,270 --> 00:01:58,395 >> ALLISON Buchholtz-AU: Jo. 46 00:01:58,395 --> 00:02:01,100 Tak samozrejme, máme HTML tag, ktorý práve mená HTML súboru. 47 00:02:01,100 --> 00:02:07,080 Máme hlavičky tu, s CSS Awesomeness, which-- pokiaľ sa vrátiť. 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 vidieť. 51 00:02:10,301 --> 00:02:12,092 ALLISON Buchholtz-AU: A všimnite si hlavičky 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 potom "Hello, world!" je text, ktorý sme práve 54 00:02:17,130 --> 00:02:19,620 zobrazenie na webe strana, ktorá je-- vrátiť. 55 00:02:19,620 --> 00:02:21,290 Späť. 56 00:02:21,290 --> 00:02:24,287 Čo je práve v našom tele here-- obyčajný text. 57 00:02:24,287 --> 00:02:26,120 Tiež jedna vec Všimnite si, keď sa pozriete tu, 58 00:02:26,120 --> 00:02:29,410 Tomas prešiel na tieto dvaja z nášho snímky. 59 00:02:29,410 --> 00:02:32,035 Takže ak máte k dispozícii všetky Tri z nich, že si v poriadku. 60 00:02:32,035 --> 00:02:34,044 Môžu byť v ľubovoľnom poradí chcú. 61 00:02:34,044 --> 00:02:39,368 Čo je najdôležitejšie je práve to máte každý z týchto troch vecí. 62 00:02:39,368 --> 00:02:40,340 >> TOMAS REIMERS: cool. 63 00:02:40,340 --> 00:02:41,111 Pridať 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á sa, moja mikrofóny ma nemajú radi. 68 00:02:46,102 --> 00:02:49,650 TOMAS REIMERS: Oh, dajte nám chvíľku len zatiaľ čo Allison prepne sa na jej mikrofón. 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áve sme sa v podstate text. 74 00:02:57,110 --> 00:02:59,470 Máme štýlov. 75 00:02:59,470 --> 00:03:00,220 Máme titul. 76 00:03:00,220 --> 00:03:04,020 Takže len holé kosti komponenty vytvoriť webové stránky. 77 00:03:04,020 --> 00:03:08,880 >> Takže sa tam, poďme hovoriť o tom, čo je CSS 78 00:03:08,880 --> 00:03:11,270 a ako to vyzerá, a to všetko. 79 00:03:11,270 --> 00:03:12,047 Takže pre that-- 80 00:03:12,047 --> 00:03:13,755 ALLISON Buchholtz-AU: Späť na sklíčka. 81 00:03:13,755 --> 00:03:15,200 TOMAS REIMERS: Späť na sklíčka. 82 00:03:15,200 --> 00:03:17,240 A Allison môže prevziať. 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 vo vašom súbore CSS, budeš mať 86 00:03:22,360 --> 00:03:25,010 Mnoho z týchto vecí s názvom voliča. 87 00:03:25,010 --> 00:03:27,420 To bude len Základom vášho súboru CSS. 88 00:03:27,420 --> 00:03:29,480 Je to len bude veľa z nich. 89 00:03:29,480 --> 00:03:30,780 Tak voliča. 90 00:03:30,780 --> 00:03:32,649 To je len všeobecná anatómia. 91 00:03:32,649 --> 00:03:35,190 Chystáme sa prejsť príklady, pretože ak vy nikdy 92 00:03:35,190 --> 00:03:38,400 sledoval moju časť, mám pocit, ako veci v abstraktnej 93 00:03:38,400 --> 00:03:39,400 nie je naozaj zmysel. 94 00:03:39,400 --> 00:03:41,110 Je vždy pomôže vidieť príklady. 95 00:03:41,110 --> 00:03:42,420 >> Takže máme nejaké voliča. 96 00:03:42,420 --> 00:03:49,120 To bude nejaký identifikátor to, čo chceme, štýl aplikovať. 97 00:03:49,120 --> 00:03:52,220 A potom môžeme mať akýkoľvek súbor pravidiel a hodnôt. 98 00:03:52,220 --> 00:03:55,680 Takže voliča, že by ste mohli vidieť by mohlo byť niečo ako telo, 99 00:03:55,680 --> 00:04:00,262 alebo odseku s P, alebo hlavičky, alebo čokoľvek, 100 00:04:00,262 --> 00:04:02,000 čo chcete, aby vaše HTML tagy byť. 101 00:04:02,000 --> 00:04:03,570 >> Takže v tomto prípade máme telo. 102 00:04:03,570 --> 00:04:06,985 A máme nejaké pravidlo, čo zodpovedá 103 00:04:06,985 --> 00:04:09,610 k čomu váš štýl sa týka. 104 00:04:09,610 --> 00:04:12,720 Takže v tomto prípade máme farbu pozadia a hmotnosť font. 105 00:04:12,720 --> 00:04:16,200 Tak to sa zmení pozadie čohokoľvek 106 00:04:16,200 --> 00:04:19,640 v každom tele tagu nášho súboru HTML. 107 00:04:19,640 --> 00:04:22,810 A že to bude dávať to táto svetlomodrá hodnota. 108 00:04:22,810 --> 00:04:24,820 >> Takže to bude robiť pozadia svetlo modrá. 109 00:04:24,820 --> 00:04:28,660 A potom sa niečo vo vnútri tela bude mať váhu písma odvážne. 110 00:04:28,660 --> 00:04:31,142 Takže to len tak tučné všetky naše textu. 111 00:04:31,142 --> 00:04:32,970 A to je len jeden volič. 112 00:04:32,970 --> 00:04:34,680 Ale môžete mať veľmi veľa z nich. 113 00:04:34,680 --> 00:04:38,730 A keď budeme ukázať neskôr, trochu viac o tom, ako 114 00:04:38,730 --> 00:04:40,709 že práca a viac príkladov tam. 115 00:04:40,709 --> 00:04:41,750 Čokoľvek chcete pridať? 116 00:04:41,750 --> 00:04:42,499 >> TOMAS REIMERS: Nie. 117 00:04:42,499 --> 00:04:43,500 Allison to mám. 118 00:04:43,500 --> 00:04:46,144 My len tak rozrezať Príkladom Na našom príklade stránkach. 119 00:04:46,144 --> 00:04:47,310 Tak si to vlastne vziať. 120 00:04:47,310 --> 00:04:48,620 Je to perfektné. 121 00:04:48,620 --> 00:04:54,460 Tak som len tak skopírovať a vložiť že priamo do nášho main.css súboru. 122 00:04:54,460 --> 00:04:56,530 A ja ju uložiť. 123 00:04:56,530 --> 00:04:59,190 A potom sme sa spustiť. 124 00:04:59,190 --> 00:05:01,600 Takže okrajová poznámka, jeden z najviac frustrujúca vecí 125 00:05:01,600 --> 00:05:04,490 je, ak nechcete uložiť súbor, a potom, rovnako ako, obnovte stránku 126 00:05:04,490 --> 00:05:07,450 a podobne, prečo nie je Zmena sa deje? 127 00:05:07,450 --> 00:05:07,950 To sa stáva. 128 00:05:07,950 --> 00:05:14,230 Tak tu sme videli, že sme naše Webové stránky svetlo modré pozadie 129 00:05:14,230 --> 00:05:16,560 a niektoré tučne textu. 130 00:05:16,560 --> 00:05:20,730 >> Mal by som tiež spomenúť, ak máte chlapci majú otázky týkajúce sa čokoľvek 131 00:05:20,730 --> 00:05:23,622 robíme, neváhajte sa nás zastaviť a opýtajte sa nás. 132 00:05:23,622 --> 00:05:25,330 Sme úplne ochotní do poľa otázky. 133 00:05:25,330 --> 00:05:27,951 134 00:05:27,951 --> 00:05:31,930 >> ALLISON Buchholtz-AU: Je zrejmé, že sa CSS, všetko stavia na seba. 135 00:05:31,930 --> 00:05:34,107 Takže ak jedna vec nie je zmysel teraz, my 136 00:05:34,107 --> 00:05:35,690 nechceme, aby vás zaboriť neskôr. 137 00:05:35,690 --> 00:05:38,390 138 00:05:38,390 --> 00:05:41,930 >> TOMAS REIMERS: Tak poďme druh pitvať to. 139 00:05:41,930 --> 00:05:44,210 Takže chcete začať s prepínačom tu? 140 00:05:44,210 --> 00:05:45,979 >> ALLISON Buchholtz-AU: Jo. 141 00:05:45,979 --> 00:05:48,270 Ako som hovoril predtým, telo je len naša voliča tu. 142 00:05:48,270 --> 00:05:50,950 Takže keď sa vrátime na našu index-- Ah. 143 00:05:50,950 --> 00:05:53,245 >> TOMAS REIMERS: Čo som proste zavrel. 144 00:05:53,245 --> 00:05:54,530 Dajte mi chvíľku. 145 00:05:54,530 --> 00:05:58,286 Takže Súbor, Otvoriť, 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 ak si všimnete tu, my majú tieto telesné značky, nie? 148 00:06:02,710 --> 00:06:06,270 Takže volič práve odpovedá tagy, že hovoríme o. 149 00:06:06,270 --> 00:06:07,670 Takže telo tu. 150 00:06:07,670 --> 00:06:10,315 Takže to, čo hovoríme, je všechno-- sa môžeme vrátiť? 151 00:06:10,315 --> 00:06:12,065 Želám si, aby som mohol ako sa dotknúť displeja. 152 00:06:12,065 --> 00:06:14,410 Bolo by to oveľa chladnejšie. 153 00:06:14,410 --> 00:06:17,150 >> V tých, ktoré tak niečo tagy tela, ktoré sme videli 154 00:06:17,150 --> 00:06:19,637 bol len, ako, text, a telo všeobecne 155 00:06:19,637 --> 00:06:20,970 sa týka, ako, pozadie. 156 00:06:20,970 --> 00:06:22,720 Ak ste niekedy chceli, aby zmeniť pozadie, 157 00:06:22,720 --> 00:06:25,090 že to bude v tagu body. 158 00:06:25,090 --> 00:06:27,120 Len má tieto pravidlá, ktoré platia pre ne. 159 00:06:27,120 --> 00:06:32,040 >> Takže ak by sme mali ísť do index.html a- v skutočnosti, 160 00:06:32,040 --> 00:06:33,840 môžeme mať niečo mimo telo? 161 00:06:33,840 --> 00:06:37,340 Ak by sme mali, ako, zápätie alebo niečo by sa nemala vzťahovať na to. 162 00:06:37,340 --> 00:06:40,900 Ale niečo vo vnútri Tieto značky BODY sa deje 163 00:06:40,900 --> 00:06:44,960 byť ovplyvnené týmto orgánom Volič, ktorý sme urobili. 164 00:06:44,960 --> 00:06:47,405 Takže ak ste sa písať niečo iné there-- 165 00:06:47,405 --> 00:06:49,400 >> TOMAS REIMERS: Poďme drive, že domov. 166 00:06:49,400 --> 00:06:55,330 Takže ak sme mali div-- tak to je len ďalší tag môžete mať. 167 00:06:55,330 --> 00:06:56,350 Chystám sa ju zavrieť. 168 00:06:56,350 --> 00:06:58,280 Alebo urobme to odsek. 169 00:06:58,280 --> 00:07:01,430 Tak p znamená odseku. 170 00:07:01,430 --> 00:07:02,560 A v tomto bode. 171 00:07:02,560 --> 00:07:05,650 A potom som povedal: "To je text." 172 00:07:05,650 --> 00:07:06,369 Super. 173 00:07:06,369 --> 00:07:09,160 A potom som sa toto pravidlo platí pre bod miesto tela. 174 00:07:09,160 --> 00:07:12,390 175 00:07:12,390 --> 00:07:17,320 Uvidíte, ako sa to vzťahuje len na novovytvorený bod, vpravo, 176 00:07:17,320 --> 00:07:18,892 nie celá vec. 177 00:07:18,892 --> 00:07:20,090 Dáva to zmysel? 178 00:07:20,090 --> 00:07:21,840 >> ALLISON Buchholtz-AU: Tak to je všetko telo, 179 00:07:21,840 --> 00:07:24,450 ale teraz naše voliča len odpovedá odseku. 180 00:07:24,450 --> 00:07:27,050 Takže sme proste odvážny a modrej pre tento konkrétny odseku, 181 00:07:27,050 --> 00:07:30,760 pretože to je jediná vec, ktorý je uzavretý v tagu p. 182 00:07:30,760 --> 00:07:35,349 >> TOMAS REIMERS: Dáva to zmysel triediť o tom, ako sa veci zapuzdrenie iných vecí? 183 00:07:35,349 --> 00:07:38,140 ALLISON Buchholtz-AU: Tiež, rovnako hovoriť, ako, jeden z najlepších spôsobov, ako 184 00:07:38,140 --> 00:07:40,889 naozaj zoznámiť sa tak s CSS Je jednoducho robiť veci, ako je toto, 185 00:07:40,889 --> 00:07:42,050 proste to vyskúšať. 186 00:07:42,050 --> 00:07:46,700 Je to veľmi jednoduché niečo písať out, hit Aktualizovať, a uvidíme, čo sa stane. 187 00:07:46,700 --> 00:07:48,940 A ako u väčšiny SK, experimentovanie môže často 188 00:07:48,940 --> 00:07:51,790 viesť k oveľa lepšej intuitívne porozumenie. 189 00:07:51,790 --> 00:07:54,432 Ešte viac ako nás len, rád, hovorím s tebou. 190 00:07:54,432 --> 00:07:58,350 >> TOMAS REIMERS: Rozhodne 100% sa zhodujú v tomto bode. 191 00:07:58,350 --> 00:08:02,430 Takže keď sa vrátime k tomu, začnime pitevnej presne to, čo títo dvaja robia. 192 00:08:02,430 --> 00:08:04,550 Takže máme dve pravidlá v tejto oblasti. 193 00:08:04,550 --> 00:08:07,420 Takže prvá z nich je farba pozadia. 194 00:08:07,420 --> 00:08:10,590 A vidíte, že sme sa nastaviť rovnajúcej sa hodnote, svetlo modré. 195 00:08:10,590 --> 00:08:15,009 >> Takže v CSS, CSS je triediť veľmi voľne o tom, ako 196 00:08:15,009 --> 00:08:16,300 máte možnosť definovať farbu. 197 00:08:16,300 --> 00:08:17,800 Takže si môžete definovať podľa mena. 198 00:08:17,800 --> 00:08:20,650 Môžete si tiež urobiť niečo ako "červená". 199 00:08:20,650 --> 00:08:25,270 A potom, ak sa vrátime k tomu, uvidíte, že je pozadie červené. 200 00:08:25,270 --> 00:08:29,040 Môžete tiež získať really-- Myslím si, že je dosť kreatívny s tým, 201 00:08:29,040 --> 00:08:29,540 nie? 202 00:08:29,540 --> 00:08:31,170 >> ALLISON Buchholtz-AU: I myslíte, že môžete použiť hex. 203 00:08:31,170 --> 00:08:31,250 Nie? 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žiť hex. 206 00:08:32,969 --> 00:08:34,490 Ale ja si myslím name-múdry. 207 00:08:34,490 --> 00:08:35,385 Nie sú tam? 208 00:08:35,385 --> 00:08:37,260 ALLISON Buchholtz-AU: Môžete to urobiť celkom málo. 209 00:08:37,260 --> 00:08:43,350 Skoro rovnako ako väčšina farieb, ktoré ste môže name-- rád, myslím, že losos je jeden. 210 00:08:43,350 --> 00:08:45,322 >> TOMAS REIMERS: Budeme skúsiť 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 dosť kreatívny. 215 00:08:50,080 --> 00:08:52,246 >> ALLISON Buchholtz-AU: Vy mohol dostať docela kreatívne. 216 00:08:52,246 --> 00:08:55,750 Ako, ak si môžete myslieť názov farby, je to asi tam. 217 00:08:55,750 --> 00:08:57,840 Ak naozaj chcete v pohode detail, môžete ísť hex. 218 00:08:57,840 --> 00:08:58,673 >> TOMAS REIMERS: Jo. 219 00:08:58,673 --> 00:08:59,390 Tak šestnástkové. 220 00:08:59,390 --> 00:09:05,280 Ak vy spomeniete, to späť zo starého pset, Image Obnoviť, 221 00:09:05,280 --> 00:09:08,300 vy ste musel riešiť s týmito hex hodnotami. 222 00:09:08,300 --> 00:09:15,280 A tak nejako zhrnúť, čo to je, hex má tri hodnoty uložené v ňom. 223 00:09:15,280 --> 00:09:17,250 Takže je to v skupinách po dvoch krokoch. 224 00:09:17,250 --> 00:09:19,300 Prvé dva predstavujú červený hodnotu. 225 00:09:19,300 --> 00:09:22,420 Druhý predstavuje 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 reprezentovať hexadecimálny 255. 228 00:09:30,050 --> 00:09:35,480 Máte teda 255 červená, 255 green, a 0 pre modrú. 229 00:09:35,480 --> 00:09:37,670 A hodnoty sa pohybujú medzi 0 a 255. 230 00:09:37,670 --> 00:09:38,350 >> Divákov: Right. 231 00:09:38,350 --> 00:09:41,472 Takže v podstate by sme mohli hľadať internet pre akúkoľvek farbu chceme, 232 00:09:41,472 --> 00:09:43,912 a identifikovať skutočne známy Farebné spektrum combo, 233 00:09:43,912 --> 00:09:45,130 a potom by sme mohli dať do? 234 00:09:45,130 --> 00:09:46,380 ALLISON Buchholtz-AU: Presne tak. 235 00:09:46,380 --> 00:09:52,900 Máte teda skoro úplnú kontrolu cez farby chcete v CSS. 236 00:09:52,900 --> 00:09:55,069 Budeme hovoriť o obrázky na pozadí neskôr? 237 00:09:55,069 --> 00:09:56,110 Alebo chceme robiť, že? 238 00:09:56,110 --> 00:09:56,240 >> TOMAS REIMERS: Jo. 239 00:09:56,240 --> 00:09:57,010 Presne tak. 240 00:09:57,010 --> 00:10:00,830 Takže prvé, aby ukázal, že červená a zelená je žltá. 241 00:10:00,830 --> 00:10:03,120 A ak budete potrebovať nejaké pomoc pri hľadaní toho, vy 242 00:10:03,120 --> 00:10:05,575 Môže Google niečo ako "výber farby." 243 00:10:05,575 --> 00:10:07,200 ALLISON Buchholtz-AU: Oh, je to tak dobre. 244 00:10:07,200 --> 00:10:09,090 Milujem Výber farby. 245 00:10:09,090 --> 00:10:11,360 >> TOMAS REIMERS: colorpicker.com je toho dobrým príkladom. 246 00:10:11,360 --> 00:10:14,580 A tu, uvidíte, že máte full Photoshop, ako výber farby. 247 00:10:14,580 --> 00:10:14,920 >> ALLISON Buchholtz-AU: Mm-hm. 248 00:10:14,920 --> 00:10:16,980 Tiež v pohode, čo ste môžu vytvárať farebné schéma 249 00:10:16,980 --> 00:10:18,896 takže nemáte, ako nezlučiteľná farby. 250 00:10:18,896 --> 00:10:22,780 TOMAS REIMERS: A potom tu je hexadecimálny hodnota tu hore. 251 00:10:22,780 --> 00:10:27,800 Takže si môžete vždy nájsť na internete v podstate miesta na získanie hodnoty hex z. 252 00:10:27,800 --> 00:10:31,667 Nie je to tak nejako, že rovnako, ako sme vidieť farby sveta v číslach. 253 00:10:31,667 --> 00:10:34,000 Je to viac, že ​​sme ísť on-line a zistiť, aké farby chceme, 254 00:10:34,000 --> 00:10:36,850 a potom sa číslo nadol. 255 00:10:36,850 --> 00:10:39,590 Vzhľadom k tomu, že je to len rýchle spôsob, ako sa odkazovať na veci v CS. 256 00:10:39,590 --> 00:10:40,350 >> ALLISON Buchholtz-AU: A potom je tu also-- 257 00:10:40,350 --> 00:10:41,630 Zabudol som presný názov webu. 258 00:10:41,630 --> 00:10:43,838 Ale je tu určite, ja premýšľať, niečo od Adobe 259 00:10:43,838 --> 00:10:48,350 ktorý generuje farebné schémy pre vás, čo je naozaj v pohode, pretože ste 260 00:10:48,350 --> 00:10:50,580 definitely--, že je to niekedy ťažké prísť na to, 261 00:10:50,580 --> 00:10:53,729 oh, ak chcem použiť túto farbu, čo by mohlo byť užitočné ďalšie jeden 262 00:10:53,729 --> 00:10:56,395 použiť inde na svojom webe, rád, aby bolo pekné a súdržná. 263 00:10:56,395 --> 00:11:00,430 264 00:11:00,430 --> 00:11:04,260 >> TOMAS REIMERS: Allison je hovorí o jeden spoločností Adobe s názvom 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 áno. 267 00:11:06,259 --> 00:11:07,610 Som si istý, že je to jedno. 268 00:11:07,610 --> 00:11:11,050 >> TOMAS REIMERS: Môj obľúbený má vždycky Farebná 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: Ktorá 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 možno v podstate povedať, rovnako ako, 273 00:11:18,818 --> 00:11:21,700 Chcem tri farby vedľa seba. 274 00:11:21,700 --> 00:11:25,030 A potom sa poďme urobiť niečo pekného. 275 00:11:25,030 --> 00:11:29,210 A potom sa môžete dostať príklad na čo by to mohlo vyzerať. 276 00:11:29,210 --> 00:11:32,470 A potom, ak podržíte nad žiadnym je, to vám dáva hodnotu hexadecimálne. 277 00:11:32,470 --> 00:11:35,010 >> Takže len ako dobrý spôsob, ako začať premýšľať o farebných schém 278 00:11:35,010 --> 00:11:39,570 alebo aké farby do webovej stránky môže ísť dobre dohromady. 279 00:11:39,570 --> 00:11:45,655 Vzhľadom k tomu, že môže byť prekvapivo nie je tak jednoduché vybrať, ako si myslíte. 280 00:11:45,655 --> 00:11:48,280 A potom ďalšie super vec Vždy som našiel o tomto webe 281 00:11:48,280 --> 00:11:51,480 je, ak trafíte príklady, to bude Ukážte, čo príklad webové stránky 282 00:11:51,480 --> 00:11:54,800 môže vyzerať ako pomocou tohto farebnej schémy. 283 00:11:54,800 --> 00:11:56,270 Každopádne. 284 00:11:56,270 --> 00:11:57,863 >> Späť na skutočné CSS. 285 00:11:57,863 --> 00:12:01,112 ALLISON Buchholtz-AU: Ale samozrejme, my poznať tieto odkazy by mohli byť užitočné. 286 00:12:01,112 --> 00:12:03,195 TOMAS REIMERS: Nie, oni Určite môže byť užitoč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 jednoducho zodpovedá nášmu písmo. 290 00:12:08,280 --> 00:12:11,520 Takže váha písmo je tak nejako of-- takže hmotnosť by 291 00:12:11,520 --> 00:12:15,220 byť, ak chcete, rovnako, ako, normálne, alebo podobne, tenšie písma, 292 00:12:15,220 --> 00:12:17,251 alebo v tomto prípade, rovnako ako, tučne. 293 00:12:17,251 --> 00:12:17,750 Som zabudol. 294 00:12:17,750 --> 00:12:21,557 Čo je to, ak ste chceli to-- je tam tenšie, než len ako normálne? 295 00:12:21,557 --> 00:12:24,140 TOMAS REIMERS: nemám vlastne vedieť, či tam je tenší. 296 00:12:24,140 --> 00:12:24,680 ALLISON Buchholtz-AU: Zabudol som. 297 00:12:24,680 --> 00:12:26,300 Hmotnosť tak font sme typicky stačí použiť k tučným písmom. 298 00:12:26,300 --> 00:12:29,010 Ak chcete naozaj do to, budeme vám ukázať. 299 00:12:29,010 --> 00:12:34,317 W3Schools má všetky rôzne veci, ktoré môžete urobiť pre písma. 300 00:12:34,317 --> 00:12:36,900 Ale v podstate, ak ste niekedy chceli nič meniť o písmo, 301 00:12:36,900 --> 00:12:39,330 to vždy bude, ako, font-niečo. 302 00:12:39,330 --> 00:12:43,450 Takže to bude podobne, font-family, ak ste sa snaží zmeniť aktuálny typ. 303 00:12:43,450 --> 00:12:47,390 Bude to font-štýl, ak vás Chcete, aby sa to ako kurzívou, 304 00:12:47,390 --> 00:12:49,710 alebo kurzíva, alebo ktovie čo ešte. 305 00:12:49,710 --> 00:12:53,570 Alebo dokonca font-color, ak sme chceli zmeniť. 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 zmeniť. 308 00:12:56,925 --> 00:12:59,360 A tak nejako len preto, aby rekapitulácia teraz, takže môžete 309 00:12:59,360 --> 00:13:01,400 vidieť, že máme volič tu. 310 00:13:01,400 --> 00:13:03,000 Máme tieto zložené zátvorky. 311 00:13:03,000 --> 00:13:06,735 A potom tu máme pravidlá oddelený bodkočiarkami. 312 00:13:06,735 --> 00:13:08,100 Dáva to zmysel? 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 prípade, ž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: Poďme hovoriť konkrétne o aké voliča máme. 318 00:13:17,590 --> 00:13:19,790 "Pretože teraz máme tak nejako jednoducho zobrazené značky. 319 00:13:19,790 --> 00:13:21,696 Ale vy mohli vidieť to vierohodne. 320 00:13:21,696 --> 00:13:23,570 Povedzme, že máte dva odseky na stránke a vy 321 00:13:23,570 --> 00:13:26,087 Chcete mať možnosť štýlu jeden, ale nie druhej, 322 00:13:26,087 --> 00:13:29,170 nemusíte len chcete obmedziť sami musieť používať rôzne skutočné HTML 323 00:13:29,170 --> 00:13:33,410 tagy dať im rôzne štýly. 324 00:13:33,410 --> 00:13:35,995 >> Takže máme tri základné typy selektorov. 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, čo je to, čo sme hovorili o práve teraz. 327 00:13:39,828 --> 00:13:42,430 Takže to je niečo ako vaše telo alebo p. 328 00:13:42,430 --> 00:13:46,280 A potom máme triedu, čo je keď sme to definovať, v našom súbore CSS, 329 00:13:46,280 --> 00:13:49,907 to vždy bude bodka, bez ohľadu na Chcete názov vašej triedy byť. 330 00:13:49,907 --> 00:13:51,490 A to sa môže týkať viac vecí. 331 00:13:51,490 --> 00:13:54,610 332 00:13:54,610 --> 00:13:57,610 >> Povedzme, že máte päť odsekov a dvaja z troch z nich 333 00:13:57,610 --> 00:14:00,580 Treba štylizovaný rovnaké, by ste použiť triedu na neho. 334 00:14:00,580 --> 00:14:03,040 A to je len spôsob, ako to urobiť. 335 00:14:03,040 --> 00:14:05,600 Dáme vám príklad ak to naozaj ukáže. 336 00:14:05,600 --> 00:14:11,030 Ale ak ste mali potrebné nejaký štítok p, po nej by píšete, 337 00:14:11,030 --> 00:14:14,170 trieda sa rovná na akomkoľvek tried Ak chcete sa na neho vzťahujú. 338 00:14:14,170 --> 00:14:19,280 Takže trieda voliča bez ohľadu na ktoré chceme aplikovať na tejto konkrétnej odseku, 339 00:14:19,280 --> 00:14:21,300 by sme mohli len písať takhle. 340 00:14:21,300 --> 00:14:24,080 Samozrejme, myslím si príklad bude oveľa konkrétnejšie. 341 00:14:24,080 --> 00:14:27,270 >> Druhý máme je id, ktorý budeme označovať 342 00:14:27,270 --> 00:14:29,707 s hash, alebo libru, alebo 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 potrebné byť naozaj jedinečná. 347 00:14:36,640 --> 00:14:39,880 Mala by sa vzťahovať iba na Jedna vec na vašej stránke. 348 00:14:39,880 --> 00:14:43,820 Takže nech už je to konkrétny bod, alebo nejaký predmet v zozname, alebo čokoľvek, 349 00:14:43,820 --> 00:14:45,090 to by malo byť jedinečné. 350 00:14:45,090 --> 00:14:48,730 A rovnakým spôsobom, ktorý sme práve hovoria, rovnako ako, class = "Class1 Class2," 351 00:14:48,730 --> 00:14:51,577 to môže byť len id všetkého, čo 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 poďme určite hovoriť o príklady tu. 354 00:14:54,330 --> 00:14:58,170 A ja som jednoducho ísť do toho ponoriť rovno späť do kódu. 355 00:14:58,170 --> 00:15:02,090 Takže poďme sa pozrieť na našu HTML. 356 00:15:02,090 --> 00:15:03,960 A tak sme teraz mať jeden odsek. 357 00:15:03,960 --> 00:15:05,510 To je textu. 358 00:15:05,510 --> 00:15:09,151 Ja som jednoducho ísť na zmenu za to. "To je text, 1." 359 00:15:09,151 --> 00:15:11,150 A potom 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 teraz máme "To je text, 2," že jo? 363 00:15:16,810 --> 00:15:21,560 A budeme vidieť, že ak by sme preložiť stránka, čo budeme hľadať 364 00:15:21,560 --> 00:15:23,067 ich 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 sa nájsť "To je Text 1 "a" To je text, 2. " 368 00:15:27,570 --> 00:15:28,650 >> ALLISON Buchholtz-AU: A out krásna žltá farba. 369 00:15:28,650 --> 00:15:31,066 >> TOMAS REIMERS: A uvidíte že našich voličov práve teraz, 370 00:15:31,066 --> 00:15:34,940 ktorá sa vzťahuje na p je, alebo body, ovplyvňuje oba, 371 00:15:34,940 --> 00:15:38,700 preto, že obaja spĺňajú podmienka, že sú obaja tag p. 372 00:15:38,700 --> 00:15:40,360 To dáva zmysel. 373 00:15:40,360 --> 00:15:43,340 Otázkou teda je, no, čo Ak by sme chceli dostať len jeden? 374 00:15:43,340 --> 00:15:46,350 Tak presne tak, ako Allison hovoril, máme ďalšie dva spôsoby, ako to urobiť. 375 00:15:46,350 --> 00:15:47,320 Chystám sa začať s id. 376 00:15:47,320 --> 00:15:48,405 >> ALLISON Buchholtz-AU: Začnime s id. 377 00:15:48,405 --> 00:15:50,405 >> TOMAS REIMERS: A obaja z nich sú atribúty. 378 00:15:50,405 --> 00:15:53,200 Takže atribúty existujú v HTML. 379 00:15:53,200 --> 00:15:55,600 A to, čo je, je niečo, čo pridať 380 00:15:55,600 --> 00:15:58,840 vnútri značky, ktorá je oddelene od názvu značky. 381 00:15:58,840 --> 00:16:01,301 Takže môžete mať viac atribútov. 382 00:16:01,301 --> 00:16:01,800 Jo? 383 00:16:01,800 --> 00:16:03,950 >> ALLISON Buchholtz-AU: Ja sa len tak povedať, z vášho príkladu z pset 7, 384 00:16:03,950 --> 00:16:06,650 ak niekto z vás sa snaží zladiť veci do centra, 385 00:16:06,650 --> 00:16:08,550 ste mohli využiť "Text align = centrum." 386 00:16:08,550 --> 00:16:10,550 A vy ste si toho nevšimol asi mal stred 387 00:16:10,550 --> 00:16:12,650 Váš text alebo navigačný panel. 388 00:16:12,650 --> 00:16:15,499 Tak to je práve tiež atribút že by ste mohli byť oboznámení s. 389 00:16:15,499 --> 00:16:18,040 TOMAS REIMERS: Je tu partia atribútov, ktoré uvidíte. 390 00:16:18,040 --> 00:16:18,539 Jo. 391 00:16:18,539 --> 00:16:21,250 Ako dobrý odkazom 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 tiež mať trieda, veci, ako je tento. 394 00:16:25,080 --> 00:16:27,250 Jeden tag môže mať mnoho atribútov. 395 00:16:27,250 --> 00:16:33,140 Takže počnúc id, poďme predstierať, že sme Chcete mať id of-- neviem. 396 00:16:33,140 --> 00:16:35,140 Nazveme to zvláštne, pretože toto, sme 397 00:16:35,140 --> 00:16:37,867 chystá urobiť odvážny, a zdôrazniť, a čokoľvek. 398 00:16:37,867 --> 00:16:39,950 ALLISON Buchholtz-AU: Je to to bude super špeciálny. 399 00:16:39,950 --> 00:16:42,360 TOMAS REIMERS: Tak toto jeden, máme id špeciál. 400 00:16:42,360 --> 00:16:48,140 Takže spôsob, ako vybrať, potom je V main.css, skôr než mať značku p, 401 00:16:48,140 --> 00:16:51,500 robíte #special, OK? 402 00:16:51,500 --> 00:16:55,538 A že vyberie tá vec s id špeciál. 403 00:16:55,538 --> 00:16:57,295 Má to zmysel pre každého? 404 00:16:57,295 --> 00:16:57,920 Divákov: Áno. 405 00:16:57,920 --> 00:16:59,110 TOMAS REIMERS: cool. 406 00:16:59,110 --> 00:17:04,440 Takže teraz, ak sa vrátime, 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 len vyberá jedna s id špeciál. 409 00:17:09,460 --> 00:17:10,622 Jo? 410 00:17:10,622 --> 00:17:11,900 Znie to v pohode. 411 00:17:11,900 --> 00:17:12,570 Áno. 412 00:17:12,570 --> 00:17:15,456 >> Divákov: Môže niečo mať atribút ako triedy a id? 413 00:17:15,456 --> 00:17:16,359 >> TOMAS REIMERS: Áno. 414 00:17:16,359 --> 00:17:16,900 Divákov: OK. 415 00:17:16,900 --> 00:17:20,887 A čo sa potom stane, keď potom dať to niektoré pravidlá CSS, že konflikt? 416 00:17:20,887 --> 00:17:21,970 TOMAS REIMERS: Presne tak. 417 00:17:21,970 --> 00:17:23,940 My určite o tom hovoriť. 418 00:17:23,940 --> 00:17:31,890 Tak presne to, čo ste dostávali u, môžete mať aj triedy. 419 00:17:31,890 --> 00:17:36,380 Takže poďme predstierať, že som mal tri odseky a ja 420 00:17:36,380 --> 00:17:38,730 chcel štýl prvý dva, ale nie tretí. 421 00:17:38,730 --> 00:17:42,850 No, vaša prvá myšlienka môže byť, no, ja mohol dať druhý id. 422 00:17:42,850 --> 00:17:45,590 Ale nemôžeš, pretože id, presne tak, ako Allison hovoril, 423 00:17:45,590 --> 00:17:47,330 musí byť jedinečné. 424 00:17:47,330 --> 00:17:50,860 >> Takže namiesto toho, id, to, čo ste môžete použiť, je môžete použiť triedu. 425 00:17:50,860 --> 00:17:57,880 A class-- aké to dovoľuje môžete urobiť, je v podstate hovoria, 426 00:17:57,880 --> 00:17:59,610 to patrí ako súčasť skupiny. 427 00:17:59,610 --> 00:18:02,410 V tomto prípade, sa naša skupina sa nazýva Special. 428 00:18:02,410 --> 00:18:06,500 A to, čo budeme robiť, je potom budeme say-- skôr než libru, 429 00:18:06,500 --> 00:18:08,070 budeme používať bodku. 430 00:18:08,070 --> 00:18:08,740 OK? 431 00:18:08,740 --> 00:18:11,950 A všimnite si, že libra a bodka existujú iba v súbore CSS, 432 00:18:11,950 --> 00:18:12,797 nie sú v HTML. 433 00:18:12,797 --> 00:18:13,880 ALLISON Buchholtz-AU: Áno. 434 00:18:13,880 --> 00:18:15,185 Dôležitý rozdiel. 435 00:18:15,185 --> 00:18:17,510 >> TOMAS REIMERS: Mám toľko boj, 436 00:18:17,510 --> 00:18:23,990 preto, že som dal hash do HTML a potom už len cítil hlúpo na dlhú dobu. 437 00:18:23,990 --> 00:18:27,470 Pozrite sa, ako to vyberá obaja tie s danou triedu? 438 00:18:27,470 --> 00:18:28,210 Super. 439 00:18:28,210 --> 00:18:29,950 >> Teraz, čo môže mať viac tried. 440 00:18:29,950 --> 00:18:32,790 Povedzme, že som chcel, aby sa ako prvý dve majú zázemie žltý 441 00:18:32,790 --> 00:18:36,770 a druhý dvaja majú font farba modrá. 442 00:18:36,770 --> 00:18:37,270 OK. 443 00:18:37,270 --> 00:18:39,735 Ja naozaj neviem, prečo by som sa mal chcem urobiť, ale môžem. 444 00:18:39,735 --> 00:18:42,401 >> ALLISON Buchholtz-AU: nemusia odporúčaný pre vaše webové stránky. 445 00:18:42,401 --> 00:18:43,880 Ale pre naše účely, bude to robiť. 446 00:18:43,880 --> 00:18:46,294 >> TOMAS REIMERS: To nie je dobrý farebnú schému. 447 00:18:46,294 --> 00:18:49,210 ALLISON Buchholtz-AU: No, žltý a modré sú mojej vysokej školy farby. 448 00:18:49,210 --> 00:18:50,947 Ja neviem, ale. 449 00:18:50,947 --> 00:18:53,530 TOMAS REIMERS: Allison je vysoká škola mala veľký farebnú schému. 450 00:18:53,530 --> 00:18:54,520 [SMIECH] 451 00:18:54,520 --> 00:18:59,120 Takže to, čo by sme mohli nazvať to je Hovorme tohle-- takže máme špeciálny 452 00:18:59,120 --> 00:19:00,030 a máme Pretty. 453 00:19:00,030 --> 00:19:02,405 Navrhujem, na to, môžete použiť oveľa viac opisná mená. 454 00:19:02,405 --> 00:19:05,820 ALLISON Buchholtz-AU: Jo, ja by som Nazývam to, ako, žltej alebo modrej. 455 00:19:05,820 --> 00:19:08,314 >> TOMAS REIMERS: Nie sme naozaj robiť skutočné webové stránky, 456 00:19:08,314 --> 00:19:09,730 čo je dôvod, prečo sme nerobíme to. 457 00:19:09,730 --> 00:19:11,521 Ale ak ste skutočne mal skutočnú webové stránky, môžete 458 00:19:11,521 --> 00:19:16,220 môže mať, rovnako ako, článok hlavičky, Obsah článku, prvé slovo, 459 00:19:16,220 --> 00:19:21,920 podobné veci, ktoré umožňujú aby si bol oveľa výstižnejší. 460 00:19:21,920 --> 00:19:23,550 Sú to naozaj len ako premenné. 461 00:19:23,550 --> 00:19:28,390 Mali by byť pomenované tak, kde môžete, like-- jo, ako taký. 462 00:19:28,390 --> 00:19:29,470 Perfect. 463 00:19:29,470 --> 00:19:30,480 >> Tak farbu pozadia. 464 00:19:30,480 --> 00:19:35,920 A potom budeme say-- tak spôsob, ako zmeniť farbu, je jednoducho "farba". 465 00:19:35,920 --> 00:19:38,412 A budeme robiť to modré. 466 00:19:38,412 --> 00:19:40,150 To je v pohode. 467 00:19:40,150 --> 00:19:42,640 Takže teraz máme Prvé dve majú zvláštne. 468 00:19:42,640 --> 00:19:45,972 Ďalšie, kto to bude mať "class = pekná." 469 00:19:45,972 --> 00:19:49,180 ALLISON Buchholtz-AU: A potom budete Ak chcete pridať "pekne" na strednej. 470 00:19:49,180 --> 00:19:49,971 TOMAS REIMERS: Jo. 471 00:19:49,971 --> 00:19:52,970 A potom do prostrednej, pridať "dosť", čo sa stane 472 00:19:52,970 --> 00:19:56,880 ich stačí priestor. 473 00:19:56,880 --> 00:19:59,800 Takže atribútu class je zoznam priestor oddelený 474 00:19:59,800 --> 00:20:02,450 zo všetkých tried ktoré sa vzťahujú k tomuto tagu. 475 00:20:02,450 --> 00:20:02,959 OK? 476 00:20:02,959 --> 00:20:05,750 Nie je to ako tohle patrí k nejaký špeciálny triedu s názvom 477 00:20:05,750 --> 00:20:07,180 "Zvláštne, vesmírnych, pekný." 478 00:20:07,180 --> 00:20:10,870 Patrí k dvom classes-- zvláštne a dosť. 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 potom keď sa pozrieme na to, čo sa deje, sme 482 00:20:17,010 --> 00:20:21,850 bude vidieť, že prvý, kto má žlté pozadie, čierny 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 žlté pozadie s modrým textom. 485 00:20:26,160 --> 00:20:29,330 A naša posledná človek musí modrý text, ktorý sme priradili k nej. 486 00:20:29,330 --> 00:20:30,870 >> TOMAS REIMERS: cool? 487 00:20:30,870 --> 00:20:32,491 Ako selektory fungujú? 488 00:20:32,491 --> 00:20:32,990 Desivý. 489 00:20:32,990 --> 00:20:34,720 >> ALLISON Buchholtz-AU: Chceme hovoriť o konflikte teraz teda? 490 00:20:34,720 --> 00:20:35,780 >> TOMAS REIMERS: Tak jo. 491 00:20:35,780 --> 00:20:36,310 Presne tak. 492 00:20:36,310 --> 00:20:38,380 Takže to, čo sa stane, keď vás majú konflikt, nie? 493 00:20:38,380 --> 00:20:44,740 Predstavme si, že prvý nastaví niečo like-- 494 00:20:44,740 --> 00:20:47,240 ALLISON Buchholtz-AU: Možno, že tohle zmení pozadie? 495 00:20:47,240 --> 00:20:48,090 TOMAS REIMERS: Jo. 496 00:20:48,090 --> 00:20:51,699 Takže budeme robiť "pekne" zmeniť pozadie na lososa. 497 00:20:51,699 --> 00:20:54,740 ALLISON Buchholtz-AU: Ste len s všetky veľké farby dnes, Tomas. 498 00:20:54,740 --> 00:20:55,573 TOMAS REIMERS: Jo. 499 00:20:55,573 --> 00:20:58,200 Pretože som zistil, že môžem použiť lososa ako skutočné farby. 500 00:20:58,200 --> 00:21:00,270 Takže sme len robiť to. 501 00:21:00,270 --> 00:21:01,770 Tiež si myslím, Sunset je skutočná farba. 502 00:21:01,770 --> 00:21:03,103 Divákov: Sunset je skutočná farba? 503 00:21:03,103 --> 00:21:04,572 ALLISON Buchholtz-AU: Skúsime to. 504 00:21:04,572 --> 00:21:07,735 TOMAS REIMERS: Po tejto ukážke len preto, že v prípade, že skazí, 505 00:21:07,735 --> 00:21:08,943 Nechcem byť ladenie. 506 00:21:08,943 --> 00:21:11,580 Takže vieme, losos je skutočná farba. 507 00:21:11,580 --> 00:21:15,626 Takže nejaké dohady o čo sa bude diať? 508 00:21:15,626 --> 00:21:17,522 >> ALLISON Buchholtz-AU: Nejaký nápad? 509 00:21:17,522 --> 00:21:20,002 >> Divákov: [nepočuteľné]. 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 úplne v poriadku. 512 00:21:22,150 --> 00:21:24,930 V podstate, to trvá Posledné pravidlo, že to bolo dané. 513 00:21:24,930 --> 00:21:27,860 >> ALLISON Buchholtz-AU: Tak toto je kde kaskádových nadobudne platnosť. 514 00:21:27,860 --> 00:21:31,080 >> TOMAS REIMERS: Tak Pamätám si, ako sme sa mal ten kaskádových štýlov? 515 00:21:31,080 --> 00:21:33,660 Takže to, že sme trochu na mysli že máme veľa pravidiel 516 00:21:33,660 --> 00:21:37,115 ktoré sa uplatňujú na seba, a môžu tiež potlačiť navzájom. 517 00:21:37,115 --> 00:21:39,380 >> ALLISON Buchholtz-AU: Tak čo je v spodnej časti 518 00:21:39,380 --> 00:21:41,540 prepíše, čo je na vrchole. 519 00:21:41,540 --> 00:21:45,842 Tie by mohli mať pravidlá, ktoré úplne negovať niečo vopred. 520 00:21:45,842 --> 00:21:48,300 To je tiež dôvod, prečo chcete byť opatrní, keď ste styling, 521 00:21:48,300 --> 00:21:51,465 takže nie ste vytvárať pravidlá, ktoré ste len celkom prevažujúci. 522 00:21:51,465 --> 00:21:53,340 >> TOMAS REIMERS: Alebo možno budete chcem prepísať pravidlá. 523 00:21:53,340 --> 00:21:53,920 >> ALLISON Buchholtz-AU: Alebo možno áno. 524 00:21:53,920 --> 00:21:54,300 Áno. 525 00:21:54,300 --> 00:21:57,175 >> TOMAS REIMERS: Predstav si, že máte trieda, ktorá sa vzťahuje na väčšinu vecí, 526 00:21:57,175 --> 00:22:01,220 ale povedzme, že chcete zmeniť farba pozadia na červenú a písmo 527 00:22:01,220 --> 00:22:03,140 hmotnosť bold pre väčšinu veci, ale pre jedného, 528 00:22:03,140 --> 00:22:06,098 chcete len farbu pozadia byť červená, ale chcete, všetky ostatné 529 00:22:06,098 --> 00:22:09,990 vlastnosti, si to mohol urobiť niečo ako "font-weight = normálny," 530 00:22:09,990 --> 00:22:12,760 ktorý by potom vrátiť túto odvážnu zmenu. 531 00:22:12,760 --> 00:22:14,480 Jo? 532 00:22:14,480 --> 00:22:17,250 Opäť platí, že najlepší spôsob, ako si myslím, že Allison povedal, že je len prax. 533 00:22:17,250 --> 00:22:18,080 >> ALLISON Buchholtz-AU: experimentovanie. 534 00:22:18,080 --> 00:22:20,090 >> TOMAS REIMERS: Prax, prax, praxe, a experiment. 535 00:22:20,090 --> 00:22:22,950 Viem, že veľa ľudí, ktorí si myslia CSS je len veľa hádať-a-Check 536 00:22:22,950 --> 00:22:25,580 Na konci dňa, ak je v prípade Ak chcete urobiť something-- rád, 537 00:22:25,580 --> 00:22:27,663 máte približnú predstavu, ale stále pravdepodobne potrebovať 538 00:22:27,663 --> 00:22:31,390 to vyskúšať, aby sa uistil, Viete, ako to vyzerá. 539 00:22:31,390 --> 00:22:34,482 >> Divákov: Ak sa uchádzate triedy, viac než jedno 540 00:22:34,482 --> 00:22:37,339 na rovnakom bode alebo sekcie, robí to 541 00:22:37,339 --> 00:22:39,505 ohľadu na to, v akom poradí môžete zadajte ich do úvodzoviek? 542 00:22:39,505 --> 00:22:40,992 >> TOMAS REIMERS: Nie, vôbec nie. 543 00:22:40,992 --> 00:22:45,764 >> ALLISON Buchholtz-AU: Záleží na tom, objednávka priamo vo Vašom CSS štýlov. 544 00:22:45,764 --> 00:22:47,430 Divákov: Mohli by ste zopakovať 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 triedy, keď dávate triedy 547 00:22:53,990 --> 00:22:56,964 na niečo v HTML, robí záleží na tom, ktorý poradí, v akom sú 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 čom záleží, je poradie trieda voličov vo vašej CSS, 550 00:23:02,915 --> 00:23:04,306 priamo vo Vašom štýlov. 551 00:23:04,306 --> 00:23:06,982 >> TOMAS REIMERS: Znie to dobre? 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 potom budeme pokračovať v to-- 554 00:23:11,539 --> 00:23:13,330 ALLISON Buchholtz-AU: Čo máme ďalej? 555 00:23:13,330 --> 00:23:14,245 Som zabudol. 556 00:23:14,245 --> 00:23:16,087 Oh, musíme len príklady. 557 00:23:16,087 --> 00:23:17,295 Ale my sme trochu urobil ty. 558 00:23:17,295 --> 00:23:18,990 Urobili sme príklady za chodu. 559 00:23:18,990 --> 00:23:20,540 >> TOMAS REIMERS: Dostávame sa kombinovať selektorov čoskoro. 560 00:23:20,540 --> 00:23:22,790 >> ALLISON Buchholtz-AU: Oh, dostaneme kombinovať selektorov. 561 00:23:22,790 --> 00:23:25,260 TOMAS REIMERS: Tak trochu príklady ich máme 562 00:23:25,260 --> 00:23:29,630 # Dog-- libra, alebo hashtag, alebo octothorpe, alebo čokoľvek 563 00:23:29,630 --> 00:23:32,050 Ak chcete volať 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: Potom máte .pets. 566 00:23:36,470 --> 00:23:39,059 567 00:23:39,059 --> 00:23:41,600 Niečo má id psa, je tu len jeden pes na stránke. 568 00:23:41,600 --> 00:23:43,870 Niečo má id mačka, je tu len jedna mačka. 569 00:23:43,870 --> 00:23:45,665 Tam môže byť veľa domácich zvierat na stránke. 570 00:23:45,665 --> 00:23:47,570 To je dôvod, prečo sme dali, že tried. 571 00:23:47,570 --> 00:23:48,740 Máte príklad s. 572 00:23:48,740 --> 00:23:50,490 A potom, aby jeden z Posledný príklad, ktorý 573 00:23:50,490 --> 00:23:53,790 je niečo, čo sme nehovorili o, je to, čo sa stane, keď ich budete kombinovať. 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, vráťme sa do kód a zaviesť another-- jo. 577 00:24:02,950 --> 00:24:04,290 Tak tu. 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 ako práve pozerá skrz príkladoch je skutočne spôsob, ako sa naučiť. 580 00:24:08,105 --> 00:24:09,360 Tak to je to, čo robíme. 581 00:24:09,360 --> 00:24:14,030 >> TOMAS REIMERS: Tak poďme predstierať, že sme len chcete vybrať text 2, nie? 582 00:24:14,030 --> 00:24:16,530 Tak sme rozhodne nemôžeme tomu, že s id. 583 00:24:16,530 --> 00:24:19,620 No, mohli by sme robiť, že sa id, ale to nemá ID. 584 00:24:19,620 --> 00:24:22,490 Mohol by som pridať jeden, ale poďme predstierať že som nechcel pridať jednu 585 00:24:22,490 --> 00:24:24,910 alebo to už má niečo iné. 586 00:24:24,910 --> 00:24:26,516 Nemôžem to urobiť s tým. 587 00:24:26,516 --> 00:24:28,870 Tag rozhodne nie je ojedinelý, že jo? 588 00:24:28,870 --> 00:24:30,670 A ani je trieda. 589 00:24:30,670 --> 00:24:32,314 Ale môžete kombinovať tieto veci. 590 00:24:32,314 --> 00:24:35,230 Povedzme, že sme chceli urobiť niečo ktorá sa vzťahuje len na veci, ktoré 591 00:24:35,230 --> 00:24:39,420 majú triedy špeciál a ktoré majú triedu dosť. 592 00:24:39,420 --> 00:24:48,150 >> Takže to, čo môžete urobiť, je v main.css, môžete povedať, poďme najprv zmazať. 593 00:24:48,150 --> 00:24:50,240 Môžete kombinovať tieto. 594 00:24:50,240 --> 00:24:51,430 Takže si môžete urobiť Zvláštny. 595 00:24:51,430 --> 00:24:52,110 No space. 596 00:24:52,110 --> 00:24:54,770 Len .special.pretty. 597 00:24:54,770 --> 00:25:00,550 Čo to znamená, že je niečo, čo čo je ako zvláštne a dosť. 598 00:25:00,550 --> 00:25:01,900 Dáva to zmysel? 599 00:25:01,900 --> 00:25:04,190 A keď pôjdeme sem, čo budete vidieť 600 00:25:04,190 --> 00:25:09,734 je toto pravidlo platí len pre Druhý, ktorý má ako z nich. 601 00:25:09,734 --> 00:25:11,400 A vy môžete urobiť, že na veľa vecí. 602 00:25:11,400 --> 00:25:13,270 Môžete say-- poďme len predstierať, že som sa chcel 603 00:25:13,270 --> 00:25:18,300 robiť veci, ktoré majú triedu pekný a ktoré sú tiež značka bod. 604 00:25:18,300 --> 00:25:19,920 Tak p.pretty. 605 00:25:19,920 --> 00:25:23,585 Poďme predstierať, že som mal niečo celkom na telo značky. 606 00:25:23,585 --> 00:25:25,850 OK? 607 00:25:25,850 --> 00:25:28,490 Môžem bežať a ja Je vidieť, že je to len 608 00:25:28,490 --> 00:25:32,720 bude vzťahovať na veci, ktoré sú body s triedou pekné. 609 00:25:32,720 --> 00:25:35,650 A môžete kombinovať tieto, v podstate, ako toľko, koľko chcete. 610 00:25:35,650 --> 00:25:38,580 Takže si stačí dať ich dohromady. 611 00:25:38,580 --> 00:25:39,604 Dáva to zmysel? 612 00:25:39,604 --> 00:25:41,770 ALLISON Buchholtz-AU: Tak tento druh je oveľa užitočnejšie 613 00:25:41,770 --> 00:25:45,490 kedy, Tomas hovoril skôr, možno Máte veľmi zložitý webové stránky, 614 00:25:45,490 --> 00:25:48,050 a vy už máte veľa týchto pravidiel písaných, 615 00:25:48,050 --> 00:25:51,170 a stačí kombinujú dva z predtým. 616 00:25:51,170 --> 00:25:55,350 Ako miesto písania celok nových voličov a meniace sa to tam, 617 00:25:55,350 --> 00:25:58,592 stačí skombinovať tam, kde sa prekrýva. 618 00:25:58,592 --> 00:26:00,670 >> TOMAS REIMERS: Alebo Možno zistíte, out-- niekedy 619 00:26:00,670 --> 00:26:04,290 je tu ešte jedna trieda, ktorá robí fontu farba ako modrá, 620 00:26:04,290 --> 00:26:06,740 a je tu ďalšia trieda, ktorá robí pozadí modrej. 621 00:26:06,740 --> 00:26:07,840 A to jednoducho nebude fungovať. 622 00:26:07,840 --> 00:26:10,924 Takže si napísať osobitný prípad, kedy, like-- ale ak to má ako, to, čo ste 623 00:26:10,924 --> 00:26:13,548 robiť, je budete , Aby to jeden tento odtieň modrej 624 00:26:13,548 --> 00:26:15,310 a ten to ďalší odtieň modrej. 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ý pre tie druhy výnimiek. 627 00:26:17,955 --> 00:26:21,220 TOMAS REIMERS: Tak, aby premýšľať o problémoch 628 00:26:21,220 --> 00:26:25,000 ktoré by mohli nastať, keď je kombinovať. 629 00:26:25,000 --> 00:26:27,020 Super. 630 00:26:27,020 --> 00:26:29,692 Takže späť k našej prezentácii. 631 00:26:29,692 --> 00:26:31,400 ALLISON Buchholtz-AU: Už sme skoro tam. 632 00:26:31,400 --> 00:26:34,022 TOMAS REIMERS: A zastavil pripájanie. 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ária, internet ide dole. 635 00:26:39,125 --> 00:26:40,360 Oh, irónie. 636 00:26:40,360 --> 00:26:45,620 >> TOMAS REIMERS: Takže našťastie môžeme predloží bez internetu, myslím, 637 00:26:45,620 --> 00:26:47,380 pretože máme všetky zábery tu. 638 00:26:47,380 --> 00:26:49,304 Takže poďme hovoriť o vzťah značiek. 639 00:26:49,304 --> 00:26:50,470 ALLISON Buchholtz-AU: Right. 640 00:26:50,470 --> 00:26:52,660 Takže len tak ísť off z toho, čo povedal Tomáš, 641 00:26:52,660 --> 00:26:54,180 je to len iný spôsob, ako to urobiť. 642 00:26:54,180 --> 00:26:57,840 Takže máme nejaký rodič volič s voličom dieťa. 643 00:26:57,840 --> 00:27:02,815 Takže v tomto prípade tu máme nejaké Telo s triedou navigačné lišty, tlačidlá trieda. 644 00:27:02,815 --> 00:27:03,315 Ah. 645 00:27:03,315 --> 00:27:03,990 >> TOMAS REIMERS: Oh, prepáč. 646 00:27:03,990 --> 00:27:06,180 >> ALLISON Buchholtz-AU: A v podstate, čo to znamená 647 00:27:06,180 --> 00:27:11,070 je vybrať všetky deti, rovnako ako všetkých týchto druhov selektorov, 648 00:27:11,070 --> 00:27:13,040 v tejto materskej voliča. 649 00:27:13,040 --> 00:27:16,004 A to sú len tie, to niekedy bude aplikovať. 650 00:27:16,004 --> 00:27:17,755 Ja neviem, či vás majú lepší spôsob of-- 651 00:27:17,755 --> 00:27:19,504 TOMAS REIMERS: Tak som Asi spôsob, ako myslieť 652 00:27:19,504 --> 00:27:22,440 o tom je spomenúť skôr, ako my Niečo ako dať ich dohromady. 653 00:27:22,440 --> 00:27:26,340 A potom to znamená, že jeden prvok čo zodpovedá všetky tieto. 654 00:27:26,340 --> 00:27:29,530 Čo to hovorí je, že som Chcem, aby si, aby zodpovedali všetko 655 00:27:29,530 --> 00:27:33,220 v some-- Chcem vám nájsť volič. 656 00:27:33,220 --> 00:27:35,670 A potom v to, chcem vám, aby zodpovedali nové veci. 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šetko o trochu je schopný prispôsobiť tieto položky. 659 00:27:40,900 --> 00:27:43,050 A môžete sa pokúsiť, aby zodpovedali položky v rámci inej položky. 660 00:27:43,050 --> 00:27:46,510 >> Tak poďme vlastne robiť príklad, a myslíme si, že to objasniť. 661 00:27:46,510 --> 00:27:53,090 Takže poďme predstierať, že máme zvláštne, špeciálna pekný, čokoľvek. 662 00:27:53,090 --> 00:27:55,690 A potom máme odkaz, OK? 663 00:27:55,690 --> 00:27:59,780 664 00:27:59,780 --> 00:28:02,370 Takže pamätajte, že je spojenie. 665 00:28:02,370 --> 00:28:03,900 Nie je to ísť kamkoľvek. 666 00:28:03,900 --> 00:28:11,500 A budeme sa ho link trieda, myslím. 667 00:28:11,500 --> 00:28:13,335 Poďme si dať 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-- poďme go to trieda celkom. 670 00:28:16,420 --> 00:28:16,930 Prečo nie? 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 hneď teraz krásne veci 673 00:28:23,040 --> 00:28:26,000 sa chystá urobiť pozadie modré, farba pozadia z lososa. 674 00:28:26,000 --> 00:28:27,969 To dáva zmysel. 675 00:28:27,969 --> 00:28:28,760 A ak budeme robiť tohle-- 676 00:28:28,760 --> 00:28:29,620 >> ALLISON Buchholtz-AU: Ak chcete pridať text, 677 00:28:29,620 --> 00:28:31,078 takže hypertextový odkaz skutočne objaví? 678 00:28:31,078 --> 00:28:35,088 TOMAS REIMERS: To by bolo dobré volanie. 679 00:28:35,088 --> 00:28:37,921 ALLISON Buchholtz-AU: "Pretože pravý teraz sme len tak nedostanú nič. 680 00:28:37,921 --> 00:28:39,690 TOMAS REIMERS: Tak toto je odkaz. 681 00:28:39,690 --> 00:28:42,202 "To je spojenie." 682 00:28:42,202 --> 00:28:45,820 Jo, a to sa deje byť ďalší odkaz. 683 00:28:45,820 --> 00:28:47,280 Poďme dať triedu "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 teraz budeme chytiť to. 688 00:28:56,010 --> 00:28:57,269 Budeme hodiť jeden. 689 00:28:57,269 --> 00:28:59,060 Máme jeden v špeciálny tag, a my tiež 690 00:28:59,060 --> 00:29:01,150 budú mať jeden v krásnej tagu. 691 00:29:01,150 --> 00:29:05,449 A práve teraz, čo budeme urobiť, je budeme robiť cool-- 692 00:29:05,449 --> 00:29:06,490 čo chceme robiť? 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äčšie? 695 00:29:12,180 --> 00:29:13,800 TOMAS REIMERS: Poďme dať mu hranice. 696 00:29:13,800 --> 00:29:14,840 ALLISON Buchholtz-AU: Mohli by sme 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 robiť niečo ako, cezhraničná je-- a my sme 699 00:29:18,560 --> 00:29:20,971 bude to vysvetliť všetko v sekunde. 700 00:29:20,971 --> 00:29:21,470 Pre 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 teraz sme len tak, aby to hranice. 703 00:29:27,300 --> 00:29:29,580 Takže to, čo to znamená, je, že ste uvidí tieto odkazy. 704 00:29:29,580 --> 00:29:32,788 A budete vidieť, že majú Títo, ako škaredé čierne okraje, ktoré 705 00:29:32,788 --> 00:29:33,820 je v pohode. 706 00:29:33,820 --> 00:29:34,500 >> ALLISON Buchholtz-AU: Naše webové stránky je tak celkom. 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 sú úžasné. 709 00:29:38,930 --> 00:29:41,585 Takže tieto dva sú odkazy, a oni sa objaví. 710 00:29:41,585 --> 00:29:44,160 Teraz poďme predstierať, že Chcela to urobiť len 711 00:29:44,160 --> 00:29:50,072 ak to nie je v niečom ktorý mal pozadie lososa. 712 00:29:50,072 --> 00:29:52,280 Takže pamätajte, že tento má zázemie lososa, 713 00:29:52,280 --> 00:29:54,000 preto, že je z triedy pekné. 714 00:29:54,000 --> 00:29:59,777 >> Ale my chceme povedať, že iba ochladzuje ktoré sú v triede zvláštne, nie v triede 715 00:29:59,777 --> 00:30:02,890 pekný, by mal mať túto hranicu. 716 00:30:02,890 --> 00:30:12,549 No, čo môžete urobiť, je vás Dá sa povedať, Zvláštny, priestor, .cool. 717 00:30:12,549 --> 00:30:15,590 A čo že to robí, keď si myslíte, o tom, je to v podstate hovorí, 718 00:30:15,590 --> 00:30:19,530 OK, nájdi mi všetko ktorý zodpovedá zvláštne. 719 00:30:19,530 --> 00:30:24,104 Potom sa v rámci týchto značiek, nájsť mi všetko, čo je v pohode. 720 00:30:24,104 --> 00:30:27,270 ALLISON Buchholtz-AU: Tak iný spôsob, ako ktoré by mohli byť dobré premýšľať o tom, 721 00:30:27,270 --> 00:30:29,810 uvedenie späť do C, je rovnako ako myšlienku rozsahu. 722 00:30:29,810 --> 00:30:34,020 Takže keď budete mať nejaký Volič, ako tie, 723 00:30:34,020 --> 00:30:38,460 že sme pracovali pre pred tým, Celá vaše webové stránky, všetky vaše HTML 724 00:30:38,460 --> 00:30:40,180 je priamo vo Vašom rozsahu, že jo? 725 00:30:40,180 --> 00:30:43,090 Ale keď máme tieto rodič-dieťa vzťahy, 726 00:30:43,090 --> 00:30:47,130 Je to ako keby ste zúženie, kde hľadáte konkrétne miesto, 727 00:30:47,130 --> 00:30:50,540 ako keď, ako, pozeráme do špecifickú funkciu, miesto 728 00:30:50,540 --> 00:30:52,007 celej našej súboru. 729 00:30:52,007 --> 00:30:55,090 Divákov: Tak s tým na mysli, by to záležalo, keby sme mali changed-- 730 00:30:55,090 --> 00:30:56,423 ALLISON Buchholtz-AU: Poradie? 731 00:30:56,423 --> 00:30:59,320 Divákov: --the trieda v CSS k .cool, miesto, Zvláštny? 732 00:30:59,320 --> 00:31:01,153 ALLISON Buchholtz-AU: Áno, pretože potom to 733 00:31:01,153 --> 00:31:04,420 by sa povedať, priestor to Všetko, čo má v pohode, 734 00:31:04,420 --> 00:31:07,235 a potom sa pozrite na to, čo has-- Myslím, že rovnako ako v tomto prípade, 735 00:31:07,235 --> 00:31:08,860 Ja si nemyslím, že by to zmenil. 736 00:31:08,860 --> 00:31:10,318 >> TOMAS REIMERS: Keby sme povedali to, čo? 737 00:31:10,318 --> 00:31:10,906 Prepáčte. 738 00:31:10,906 --> 00:31:12,660 >> ALLISON Buchholtz-AU: keby sme Rozsah vychladnúť a potom 739 00:31:12,660 --> 00:31:14,550 pozrite sa na veci zo špeciálnej, to by bolo rovnaké, v skutočnosti. 740 00:31:14,550 --> 00:31:16,260 >> TOMAS REIMERS: Takže by to nebolo. 741 00:31:16,260 --> 00:31:16,590 >> ALLISON Buchholtz-AU: To by nie? 742 00:31:16,590 --> 00:31:17,590 Oh, oh dobre. 743 00:31:17,590 --> 00:31:18,090 Ja som zle. 744 00:31:18,090 --> 00:31:21,480 >> TOMAS REIMERS: Takže dôvod to je different-- bežné mistake-- 745 00:31:21,480 --> 00:31:27,140 je, že práve teraz len link je v pohode, nie? 746 00:31:27,140 --> 00:31:32,176 Myslím, že moja otázka na vás chalani, je, čo na tejto stránke je doplnená .cool? 747 00:31:32,176 --> 00:31:35,984 748 00:31:35,984 --> 00:31:38,340 K dispozícii sú dva tagy tu, nie? 749 00:31:38,340 --> 00:31:39,770 Čo je to jedno a to jeden. 750 00:31:39,770 --> 00:31:40,590 Obaja zápas v pohode. 751 00:31:40,590 --> 00:31:42,200 Nič iné robí. 752 00:31:42,200 --> 00:31:46,460 Takže ak ste povedal, .cool, miesto, Zvláštny, čo ste chcel povedať, je, 753 00:31:46,460 --> 00:31:48,824 v rámci týchto značiek, čo je zvláštne? 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, čo to-- pravdu. 756 00:31:51,800 --> 00:31:52,310 Vzhľadom k tomu, že je to, ako by to niečo, čo tu. 757 00:31:52,310 --> 00:31:53,310 >> TOMAS REIMERS: Tak to vyberie nič. 758 00:31:53,310 --> 00:31:56,530 >> ALLISON Buchholtz-AU: vzhľadom k tomu, s zvláštne, že sme v rámci týchto značiek tu. 759 00:31:56,530 --> 00:31:57,971 >> TOMAS REIMERS: Ty a ty. 760 00:31:57,971 --> 00:31:58,512 Divákov: OK. 761 00:31:58,512 --> 00:31:58,920 Takže tí tagy z lomítkom? 762 00:31:58,920 --> 00:31:59,740 >> TOMAS REIMERS: Áno. 763 00:31:59,740 --> 00:32:01,150 Dáva to zmysel? 764 00:32:01,150 --> 00:32:03,685 Ako je to v podstate sa snaží zúžiť 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 Najjednoduchší spôsob, ako o tom premýšľať. 767 00:32:06,870 --> 00:32:09,270 >> TOMAS REIMERS: Tak sme našli, a sme našli obaja uzavreté zvláštne. 768 00:32:09,270 --> 00:32:11,400 A potom sme sa pýtate, v rámci títo chlapci, čo je v pohode? 769 00:32:11,400 --> 00:32:12,941 A v rámci tejto jednej, toto je v pohode. 770 00:32:12,941 --> 00:32:14,500 V tomto druhom, nič to v pohode. 771 00:32:14,500 --> 00:32:16,250 Tak toto je jediná značka, ktorá zostáva. 772 00:32:16,250 --> 00:32:20,112 >> ALLISON Buchholtz-AU: vzhľadom k tomu, v pohode je práve v týchto niekoľkých tam značky. 773 00:32:20,112 --> 00:32:21,070 TOMAS REIMERS: Presne tak. 774 00:32:21,070 --> 00:32:22,403 A čo je zvláštne v nich? 775 00:32:22,403 --> 00:32:22,930 Nič. 776 00:32:22,930 --> 00:32:25,270 A teraz, čo poviem, je v prípade, že nebol žiadny priestor, 777 00:32:25,270 --> 00:32:29,880 sa pýtate, čo je v pohode a special-- alebo to, čo je krásne a zvláštne, že jo? 778 00:32:29,880 --> 00:32:35,370 Ak poviete .special.pretty, že je to rovnako ako .pretty.special. 779 00:32:35,370 --> 00:32:39,220 >> Pretože to, čo odstráni priestor je pýta sa, keď hovoríte Zvláštny, 780 00:32:39,220 --> 00:32:40,970 pýtate, OK, ktoré z nich sú zvláštne? 781 00:32:40,970 --> 00:32:43,780 A potom sa z tých, ktoré z nich sú tiež dosť, 782 00:32:43,780 --> 00:32:47,010 ktorý je rovnaký, gramaticky, ako žiadať o to, čo je dosť, 783 00:32:47,010 --> 00:32:49,500 a potom z tých, čo je aj špeciálna? 784 00:32:49,500 --> 00:32:50,000 Je to tak? 785 00:32:50,000 --> 00:32:53,099 Je to rozdiel čo je vo vnútri, čo je. 786 00:32:53,099 --> 00:32:53,640 Divákov: 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 Desivý. 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ša posledná to je (v luxusnej britským prízvukom) 792 00:33:01,800 --> 00:33:02,510 Model box. 793 00:33:02,510 --> 00:33:05,992 >> TOMAS REIMERS: box-- [zasmeje sa] Milujem spôsob, akým Allison hovorí, že. 794 00:33:05,992 --> 00:33:06,950 Takže na box modelu vec. 795 00:33:06,950 --> 00:33:09,644 >> ALLISON Buchholtz-AU: Stačí sa box, budem váš model box. 796 00:33:09,644 --> 00:33:11,310 TOMAS REIMERS: Tak poďme o tom hovoriť. 797 00:33:11,310 --> 00:33:14,070 Takže teraz sme strávili veľa času hovorí o voliča. 798 00:33:14,070 --> 00:33:16,944 Teraz, vy ste asi, ako, majstri selectors-- viete, 799 00:33:16,944 --> 00:33:21,510 Ako presne vybrať obsah, ktorý Ak chcete manipulovať na obrazovke. 800 00:33:21,510 --> 00:33:24,740 >> Takže teraz je otázka, ako presne ho manipulovať? 801 00:33:24,740 --> 00:33:27,010 Takže myslím, že najzákladnejšie spôsob, ako premýšľať o tom 802 00:33:27,010 --> 00:33:30,294 Je dobre, čo presne je element v CSS? 803 00:33:30,294 --> 00:33:32,585 Sme strávili veľa času hovorí, čo je tag, 804 00:33:32,585 --> 00:33:36,140 alebo to, čo je najzákladnejšie reprezentácie značku? 805 00:33:36,140 --> 00:33:39,870 806 00:33:39,870 --> 00:33:45,170 >> Dobrý spôsob, ako premýšľať o to znamená, že to, čo je tvar losos? 807 00:33:45,170 --> 00:33:47,295 Aký tvar je, rovnako ako, losos-farebné pozadie? 808 00:33:47,295 --> 00:33:47,880 >> Divákov: Je to obdĺžnik. 809 00:33:47,880 --> 00:33:49,040 >> TOMAS REIMERS: Je to obdĺžnik, nie? 810 00:33:49,040 --> 00:33:50,956 >> ALLISON Buchholtz-AU: Nebol chyták. 811 00:33:50,956 --> 00:33:51,870 [SMIECH] 812 00:33:51,870 --> 00:33:54,670 >> TOMAS REIMERS: Nesnaží prinútiť vás chlapci to neskoro. 813 00:33:54,670 --> 00:33:57,510 Takže máme tento obdĺžnik. 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áva dobrý Viera, že bod 816 00:34:02,280 --> 00:34:07,440 je reprezentovaný ako obdĺžnik, na aspoň v mysli prehliadača, ktorý 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, prehliadače sú zvyčajne obdĺžnikové, 819 00:34:11,423 --> 00:34:13,440 tak to dáva zmysel. 820 00:34:13,440 --> 00:34:18,750 >> TOMAS REIMERS: Nápad tu je že všetky značky v CSS 821 00:34:18,750 --> 00:34:21,790 sú reprezentované ako obdĺžnik. 822 00:34:21,790 --> 00:34:25,699 A každý obdĺžnik má štyri časti podľa CSS, OK? 823 00:34:25,699 --> 00:34:27,830 Máte skutočný obsah. 824 00:34:27,830 --> 00:34:29,644 To je miesto, kde sa text nachádza. 825 00:34:29,644 --> 00:34:30,470 >> ALLISON Buchholtz-AU: Možno, že váš obrázok. 826 00:34:30,470 --> 00:34:31,303 >> TOMAS REIMERS: Jo. 827 00:34:31,303 --> 00:34:33,860 Máte polstrovanie, čo je len nejaká biele miesta. 828 00:34:33,860 --> 00:34:35,085 Potom budete mať okraj. 829 00:34:35,085 --> 00:34:37,710 A potom budete mať rezervu, ktorá je biely priestor mimo neho. 830 00:34:37,710 --> 00:34:39,460 Takže nemá zmysel pre každého, takže sme 831 00:34:39,460 --> 00:34:42,500 hovoriť o tom na chvíľu. 832 00:34:42,500 --> 00:34:47,570 Tak tu, čo budeme robiť sa budeme vytvárať nejaké divy, OK? 833 00:34:47,570 --> 00:34:48,420 Ospravedlňte ma, keď ja- 834 00:34:48,420 --> 00:34:51,506 >> ALLISON Buchholtz-AU: pocit, že by som rád by sme mali dať roztomilý obrázok. 835 00:34:51,506 --> 00:34:52,520 >> TOMAS REIMERS: Rozhodne sme mali. 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 mohli ťažiť z roztomilý obrázok, to je všetko. 838 00:34:54,870 --> 00:34:56,774 >> TOMAS REIMERS: Môžeme prospech z je-- 839 00:34:56,774 --> 00:34:57,648 >> Publikum: Áno, jasné. 840 00:34:57,648 --> 00:34:58,790 TOMAS REIMERS: OK, v pohode. 841 00:34:58,790 --> 00:35:02,254 Takže sme mali dať roztomilý obrázok niekam. 842 00:35:02,254 --> 00:35:05,295 ALLISON Buchholtz-AU: Mám pocit, že roztomilý zajačik môže byť užitočné práve teraz. 843 00:35:05,295 --> 00:35:06,190 TOMAS REIMERS: Iste. 844 00:35:06,190 --> 00:35:06,950 ALLISON Buchholtz-AU: Koniec týždňa. 845 00:35:06,950 --> 00:35:07,390 Mať niečo adorab-- 846 00:35:07,390 --> 00:35:08,520 >> TOMAS REIMERS: Ako zápas mačiatko? 847 00:35:08,520 --> 00:35:09,220 >> ALLISON Buchholtz-AU: Mačiatko funguje, taky. 848 00:35:09,220 --> 00:35:11,300 >> TOMAS REIMERS: Cool, pretože je tu miesto pre to. 849 00:35:11,300 --> 00:35:12,300 Hovorí sa tomu PlaceKitten. 850 00:35:12,300 --> 00:35:14,719 ALLISON Buchholtz-AU: To je skvelé. 851 00:35:14,719 --> 00:35:15,510 TOMAS REIMERS: Áno. 852 00:35:15,510 --> 00:35:18,040 ALLISON Buchholtz-AU: Len pre, ako, zástupné obrázky na svoje 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 dispozícii je tiež 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 Naozaj? 858 00:35:25,350 --> 00:35:28,190 >> TOMAS REIMERS: Oh, my nie majú prístup k internetu tu. 859 00:35:28,190 --> 00:35:29,875 >> ALLISON Buchholtz-AU: [narieka] 860 00:35:29,875 --> 00:35:30,375 Tragický. 861 00:35:30,375 --> 00:35:32,333 TOMAS REIMERS: V opačnom prípade, Chcel by som ukázať vám chlapci 862 00:35:32,333 --> 00:35:33,870 ako dať obrázky na svoje webové stránky. 863 00:35:33,870 --> 00:35:36,370 Budeme sa snažiť, aby si to práce, než budeme musieť ísť. 864 00:35:36,370 --> 00:35:38,660 Ale teraz, sme len hovoriť v farbách tej doby. 865 00:35:38,660 --> 00:35:39,820 Chceme dať fotky z kittens-- 866 00:35:39,820 --> 00:35:40,210 >> ALLISON Buchholtz-AU: sme urobili. 867 00:35:40,210 --> 00:35:43,110 >> TOMAS REIMERS: --the internet je dole pre túto chvíľu je. 868 00:35:43,110 --> 00:35:47,820 Takže máme dve divy, a my sme dám im dve ID. 869 00:35:47,820 --> 00:35:51,380 870 00:35:51,380 --> 00:35:56,760 Budeme ju nazývať "Prvý" a "druhej". 871 00:35:56,760 --> 00:36:01,184 Takže id = "ako prvý." 872 00:36:01,184 --> 00:36:02,850 A budeme sa im dve farby. 873 00:36:02,850 --> 00:36:08,424 Tak ako sme sa vybrať niečo s id "prvý"? 874 00:36:08,424 --> 00:36:09,840 ALLISON Buchholtz-AU: Dot alebo hash? 875 00:36:09,840 --> 00:36:10,730 Divákov: 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 ohľadu na we-- 878 00:36:14,950 --> 00:36:15,680 >> ALLISON Buchholtz-AU: Veľa vecí sa to nazvať. 879 00:36:15,680 --> 00:36:16,430 >> TOMAS REIMERS: OK. 880 00:36:16,430 --> 00:36:19,800 Budeme sa usadiť na hashtag, a to je to, čo sme ísť 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 prvý. 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 pohode. 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, áno. 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 "prvej" a "druhej". 890 00:36:33,660 --> 00:36:37,697 Takže najprv, budeme mať Farba na červenom pozadí. 891 00:36:37,697 --> 00:36:39,030 ALLISON Buchholtz-AU: Uh, hrubého čreva. 892 00:36:39,030 --> 00:36:40,281 TOMAS REIMERS: Jo. 893 00:36:40,281 --> 00:36:42,281 ALLISON Buchholtz-AU: Budem tvoj spot-checker. 894 00:36:42,281 --> 00:36:43,960 TOMAS REIMERS: Allison to ma 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: Áno. 899 00:36:48,830 --> 00:36:50,630 Purple moja obľúbená farba, a my sme nevyužili ešte. 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 sme bude mať dva divy. 905 00:36:59,880 --> 00:37:01,654 Sú to bude úplne prázdny. 906 00:37:01,654 --> 00:37:03,070 Asi by sme mali mať nejaký text. 907 00:37:03,070 --> 00:37:05,580 908 00:37:05,580 --> 00:37:09,815 Takže "prvý" 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ákov: - "WORLD". 912 00:37:12,514 --> 00:37:14,122 Dobrý deň, zbohom. 913 00:37:14,122 --> 00:37:16,580 ALLISON Buchholtz-AU: Videl som je v zhode druhý týždeň. 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: pre reálnych čísel. 916 00:37:20,242 --> 00:37:21,200 Sú to nie je tak veľký. 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 "Zbohom." 920 00:37:26,060 --> 00:37:29,102 A opäť, CSS je jednoducho úžasné, preto, že uznáva naše farby. 921 00:37:29,102 --> 00:37:30,810 Nemusíte sa ani obávať, že existujú. 922 00:37:30,810 --> 00:37:33,194 Oni robia. 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 hovoriť o farbe. 925 00:37:39,560 --> 00:37:42,986 Ak si myslíte, že na farby vonku tých 255, rovnako ako, budem 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 chlapci môžu mať len prísť hneď po. 928 00:37:45,560 --> 00:37:47,727 >> TOMAS REIMERS: Tak tu, uvidíte, máme dve krabice 929 00:37:47,727 --> 00:37:49,143 priamo na seba, nie? 930 00:37:49,143 --> 00:37:50,200 HELLO a zbohom. 931 00:37:50,200 --> 00:37:51,460 >> ALLISON Buchholtz-AU: Neexistuje žiadny priestor medzi nimi. 932 00:37:51,460 --> 00:37:53,390 Iba situovali priamo na seba. 933 00:37:53,390 --> 00:37:55,973 >> TOMAS REIMERS: Takže prvá vec, ktorú Myslím, že by sme si mali pohovoriť o 934 00:37:55,973 --> 00:38:02,960 je poďme tiež say-- jo. 935 00:38:02,960 --> 00:38:08,020 Takže CSS predstavuje je ako druh krabíc. 936 00:38:08,020 --> 00:38:10,100 A ako boxy, majú obsah. 937 00:38:10,100 --> 00:38:14,540 A obsah práve teraz je trochu HELLO alebo na rozlúčku a to je všetko. 938 00:38:14,540 --> 00:38:15,040 OK? 939 00:38:15,040 --> 00:38:19,790 >> Takže jedným z prvých vecí, ktorú môžete urobiť, je môžete pridať polstrovanie. 940 00:38:19,790 --> 00:38:25,610 Polstrovanie hovorí, ako veľký priestor mal by nechať na každej strane. 941 00:38:25,610 --> 00:38:29,200 Tak povedzme, že chcem povedať 10 pixelov na každej strane. 942 00:38:29,200 --> 00:38:31,234 A ja sa pitvať, že v druhom. 943 00:38:31,234 --> 00:38:33,150 ALLISON Buchholtz-AU: Všetky tieto veci tu 944 00:38:33,150 --> 00:38:36,980 sa bude hlavne v pixeloch pre zvyšok semináre. 945 00:38:36,980 --> 00:38:40,980 Budeš vidieť, že to má nejaký priestor okolo nej, že jo? 946 00:38:40,980 --> 00:38:46,360 Takže to, čo nechcete vidieť tú je tu táto neviditeľná druh čalúnenia 947 00:38:46,360 --> 00:38:49,600 na každej strane, ktorý hovorí, rovnako ako, OK, máte box content-- 948 00:38:49,600 --> 00:38:51,680 >> ALLISON Buchholtz-AU: Chcete len vytiahnuť prehliadnuť prvok? 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: Tiež som zistil, že kontrolovať element je dobrý spôsob, ako 951 00:38:56,700 --> 00:39:01,280 zistiť, či sa niečo deje zle, sa stane niečo neočakávané, 952 00:39:01,280 --> 00:39:04,570 kontrolu tagy a vidieť, čo Je to ako prepísanie je užitočné. 953 00:39:04,570 --> 00:39:05,940 >> TOMAS REIMERS: Takže si nie som istý, ak vy môžete vidieť túto farbu. 954 00:39:05,940 --> 00:39:06,470 Môžeš? 955 00:39:06,470 --> 00:39:10,120 Uvidíte tento polstrovanie na druhu hrany. 956 00:39:10,120 --> 00:39:13,410 A potom vidíte aktuálne Obsah v modrej, nie? 957 00:39:13,410 --> 00:39:16,820 Tak to je veľmi základy modelu boxu. 958 00:39:16,820 --> 00:39:17,674 Máš obsah. 959 00:39:17,674 --> 00:39:18,590 Potom máte polstrovanie. 960 00:39:18,590 --> 00:39:20,440 >> Divákov: Prečo nie len pomocou poľa vnútri the-- 961 00:39:20,440 --> 00:39:21,606 >> ALLISON Buchholtz-AU: Right. 962 00:39:21,606 --> 00:39:24,745 Vzhľadom k tomu, je to len výber element práve teraz. 963 00:39:24,745 --> 00:39:26,050 >> TOMAS REIMERS: Jo. 964 00:39:26,050 --> 00:39:27,060 Ostatné veci. 965 00:39:27,060 --> 00:39:29,780 Takže poďme sa o tom hovoriť Príkaz polstrovanie na sekundu. 966 00:39:29,780 --> 00:39:36,380 Takže v CSS, meranie musí mať jednotku. 967 00:39:36,380 --> 00:39:39,740 Takže najprv máte čiastku. 968 00:39:39,740 --> 00:39:41,460 Takže v tomto prípade sme povedali 10. 969 00:39:41,460 --> 00:39:44,780 A potom ten budúci sme si povedali, je pixelov px. 970 00:39:44,780 --> 00:39:49,160 Ďalšie tie, ktoré by mohli mať sa veci, ako centimetroch, palcoch. 971 00:39:49,160 --> 00:39:51,367 Môžete robiť veci páčia, to, čo je 10 palcov? 972 00:39:51,367 --> 00:39:52,700 A to bude smiešne. 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ákov: 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šetko výplň. 977 00:39:57,840 --> 00:39:59,255 Chystám sa vrátiť do pixelov. 978 00:39:59,255 --> 00:40:01,754 >> ALLISON Buchholtz-AU: Pixels bývajú, rovnako ako, normy. 979 00:40:01,754 --> 00:40:04,589 Keď sa pozriete na veľa webových stránok, väčšinou pracujú v pixeloch. 980 00:40:04,589 --> 00:40:07,755 TOMAS REIMERS: Takže vy budete vidieť buď pixels-- tie ostatné, ktoré vidíte 981 00:40:07,755 --> 00:40:13,952 je em, čo je jedna em je rovnajúcu sa výške písma 982 00:40:13,952 --> 00:40:15,160 ktorý práve používate. 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ý spôsob, ako povedať, ako, chcem toľko miesta ako môj písmo 986 00:40:20,740 --> 00:40:21,514 je brať. 987 00:40:21,514 --> 00:40:23,180 ALLISON Buchholtz-AU: Nevedel som, že. 988 00:40:23,180 --> 00:40:25,747 Naučíte sa niečo nové každý deň. 989 00:40:25,747 --> 00:40:27,955 TOMAS REIMERS: Existuje Mnoho meraní v SK. 990 00:40:27,955 --> 00:40:29,260 Odporúčam vám je vyhľadať. 991 00:40:29,260 --> 00:40:32,122 Pre všetky vaše prípady, myslím, že pixelov by mala byť dostatočná. 992 00:40:32,122 --> 00:40:33,830 A sú to tiež to, čo budete vidieť 993 00:40:33,830 --> 00:40:36,520 vo väčšine príkladov, uzavretá on-line. 994 00:40:36,520 --> 00:40:38,320 Tak sme to nechať na pixelov. 995 00:40:38,320 --> 00:40:42,420 >> Môžete si tiež, mal by som say-- tak polstrovanie súpravy všetky z vypchávky. 996 00:40:42,420 --> 00:40:49,789 Môžete si tiež urobiť niečo podobné "Padding-top" len set-- 997 00:40:49,789 --> 00:40:52,080 ALLISON Buchholtz-AU: Možno, že budeme si naše "ahoj" späť. 998 00:40:52,080 --> 00:40:55,480 TOMAS REIMERS: --to stačí nastaviť polstrovanie na hornej a nič iného. 999 00:40:55,480 --> 00:40:59,560 Takže štyri príkazy sú padding-top, padding-bottom, padding-vľavo, 1000 00:40:59,560 --> 00:41:00,310 a padding-right. 1001 00:41:00,310 --> 00:41:02,470 >> ALLISON Buchholtz-AU: Rovnako ako by ste očakávať, že pre krabice. 1002 00:41:02,470 --> 00:41:03,530 >> TOMAS REIMERS: Jo. 1003 00:41:03,530 --> 00:41:05,240 Nič tam taky blázon. 1004 00:41:05,240 --> 00:41:08,230 Dáva to zmysel? 1005 00:41:08,230 --> 00:41:11,990 Tak to je výplň. 1006 00:41:11,990 --> 00:41:14,110 Budem ak pre všetky na vypchávky späť na 10. 1007 00:41:14,110 --> 00:41:17,010 A potom budem pohybovať na hranici. 1008 00:41:17,010 --> 00:41:21,130 >> Takže to, čo je hranica je hranica je divný povel. 1009 00:41:21,130 --> 00:41:24,450 Trvá to akési tri veci naraz. 1010 00:41:24,450 --> 00:41:28,930 Takže prvá je, ako veľký ste chcem, aby to bolo ako meranie. 1011 00:41:28,930 --> 00:41:30,662 Opäť som iba pomocou pixelov. 1012 00:41:30,662 --> 00:41:32,620 A posledná vec, ktorú som mali pridať do merania 1013 00:41:32,620 --> 00:41:35,270 je jedna vec, ktorá nepotrebuje jednotku je 0. 1014 00:41:35,270 --> 00:41:37,390 Je to vlastne nesprávne dať 0 jednotky, 1015 00:41:37,390 --> 00:41:41,940 pretože je 0 0 cez palce, pixelov, centimetre, čokoľvek. 1016 00:41:41,940 --> 00:41:43,960 To všetko len znamená 0, je to tak? 1017 00:41:43,960 --> 00:41:46,710 Takže najprv sa mu dať merania. 1018 00:41:46,710 --> 00:41:48,650 >> Potom si to dať štýl. 1019 00:41:48,650 --> 00:41:49,869 Takže som chcel povedať, "pevné". 1020 00:41:49,869 --> 00:41:51,410 A budeme hovoriť o tom, čo to znamená. 1021 00:41:51,410 --> 00:41:54,290 A potom konečne, to vám dať farbu. 1022 00:41:54,290 --> 00:41:56,850 Takže som chcel povedať, "čierny". 1023 00:41:56,850 --> 00:41:59,637 A to sú všetko veci, ktoré sme teraz nevidel, s výnimkou pre štýl, 1024 00:41:59,637 --> 00:42:00,720 ale budeme o tom hovoriť. 1025 00:42:00,720 --> 00:42:04,120 Takže vy ste videli merania, a vy ste videli farby. 1026 00:42:04,120 --> 00:42:10,410 A čo sa stane, je, že sme si to pekné čierne rámček okolo nej, že jo? 1027 00:42:10,410 --> 00:42:11,620 Vy ste vidieť, ako sme to urobili, že? 1028 00:42:11,620 --> 00:42:12,760 >> Divákov: Áno. 1029 00:42:12,760 --> 00:42:14,850 >> TOMAS REIMERS: cool. 1030 00:42:14,850 --> 00:42:17,370 Takže to, čo je to? 1031 00:42:17,370 --> 00:42:19,160 Takže v prvom rade, je to jeden pixel. 1032 00:42:19,160 --> 00:42:20,880 To je evidentné dosť, nie? 1033 00:42:20,880 --> 00:42:23,254 Rovnako ako je to jeden pixel tučný. 1034 00:42:23,254 --> 00:42:26,170 Alebo to bude jeden pixel, ale ja som priblíženie, takže je to trochu viac 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 smiešny televízne rozlíšenie. 1037 00:42:27,967 --> 00:42:29,460 >> TOMAS REIMERS: Jo. 1038 00:42:29,460 --> 00:42:33,640 Môžete robiť to väčšie, menšie, čokoľvek. 1039 00:42:33,640 --> 00:42:35,630 Tak tu 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 Ďalšia vec, ktorú máme, je farba. 1042 00:42:40,172 --> 00:42:41,130 To nie je zaujímavé. 1043 00:42:41,130 --> 00:42:42,710 Nebudem hovoriť o tom, naozaj. 1044 00:42:42,710 --> 00:42:45,110 >> ALLISON Buchholtz-AU: Ale štýl môže byť len trochu zaujímavé. 1045 00:42:45,110 --> 00:42:45,980 >> TOMAS REIMERS: Jo. 1046 00:42:45,980 --> 00:42:48,560 Takže štýlu, sú tie málo že vidím bežne používa. 1047 00:42:48,560 --> 00:42:55,690 Prvý z nich je pevné, ďalší One bodkovaného, ​​a posledná je prerušovaný. 1048 00:42:55,690 --> 00:42:59,290 A tu je posiata. 1049 00:42:59,290 --> 00:43:02,980 Uvidíte, že sú banda bodiek, že jo? 1050 00:43:02,980 --> 00:43:09,030 Dobrý spôsob, ako sa trochu dostať pekný hranicu deje, pomlčky sú tiež docela populárne. 1051 00:43:09,030 --> 00:43:11,580 1052 00:43:11,580 --> 00:43:13,600 >> ALLISON Buchholtz-AU: A potom samozrejme, že som 1053 00:43:13,600 --> 00:43:16,660 si istý, že je veľa ďalšej štýly, ktoré môžete získať. 1054 00:43:16,660 --> 00:43:20,000 A máme veľkú sadu odkazy na konci pre vás 1055 00:43:20,000 --> 00:43:23,470 na druh prehliadnuť a pozrite sa na viac chladnom CSS. 1056 00:43:23,470 --> 00:43:25,954 >> TOMAS REIMERS: A potom posledná vec, my sme 1057 00:43:25,954 --> 00:43:27,870 hovoriť o box modely naozaj rýchlo. 1058 00:43:27,870 --> 00:43:30,070 Jo, a potom sa hranice, rovnako ako výplň, 1059 00:43:30,070 --> 00:43:33,270 Máte tiež veci ako border-left, border-right, border-top, 1060 00:43:33,270 --> 00:43:37,590 border-bottom, ktorý vám umožní aby sa v určitom hranicu. 1061 00:43:37,590 --> 00:43:40,650 Tak tu je to len border vľavo definované. 1062 00:43:40,650 --> 00:43:43,060 Má to zmysel? 1063 00:43:43,060 --> 00:43:46,170 >> ALLISON Buchholtz-AU: To je v pohode spôsob, ako zdôrazniť veci alebo pridať 1064 00:43:46,170 --> 00:43:47,545 čiary medzi rôznymi prvkami. 1065 00:43:47,545 --> 00:43:48,670 TOMAS REIMERS: Presne tak. 1066 00:43:48,670 --> 00:43:50,940 Tak to je naša hranica. 1067 00:43:50,940 --> 00:43:52,790 A posledná je marža. 1068 00:43:52,790 --> 00:43:55,892 Ako výplň Okraj okrem toho, že to nie je within-- 1069 00:43:55,892 --> 00:43:57,975 ALLISON Buchholtz-AU: Je to Nie je asi svojom živle 1070 00:43:57,975 --> 00:44:00,840 ale v skutočnosti po celej box, že sme boli svedkami. 1071 00:44:00,840 --> 00:44:02,770 >> TOMAS REIMERS: Jo. 1072 00:44:02,770 --> 00:44:04,090 Allison povedal dokonale. 1073 00:44:04,090 --> 00:44:07,550 Nie je to, ako, vnútri prvok, to je po celom poli. 1074 00:44:07,550 --> 00:44:10,900 To znamená, že veci ako pozadie sa na neho nevzťahuje. 1075 00:44:10,900 --> 00:44:13,550 A to v podstate hovorí, ako, nechcem nič 1076 00:44:13,550 --> 00:44:15,230 V tomto veľa priestoru pre mňa. 1077 00:44:15,230 --> 00:44:17,470 Tak ako máme tu rozpätie 10 obrazových bodov. 1078 00:44:17,470 --> 00:44:23,100 Do 10 obrazových bodov Takže nič by mal byť vedľa mňa. 1079 00:44:23,100 --> 00:44:26,210 Je to druh jeho priestoru, ale trochu nie. 1080 00:44:26,210 --> 00:44:29,215 Tak to je veľmi základy modelu boxu. 1081 00:44:29,215 --> 00:44:30,090 Dáva to zmysel? 1082 00:44:30,090 --> 00:44:33,830 1083 00:44:33,830 --> 00:44:34,550 Cool, v pohode. 1084 00:44:34,550 --> 00:44:35,800 ALLISON Buchholtz-AU: Úžasné. 1085 00:44:35,800 --> 00:44:37,890 Takže teraz, že sme práve máme naše skvelé zdroje 1086 00:44:37,890 --> 00:44:41,220 že budeme trvať chlapci cez veľmi rýchlo. 1087 00:44:41,220 --> 00:44:44,815 A budeme actually-- dobre, máme ešte k internetu? 1088 00:44:44,815 --> 00:44:47,860 >> TOMAS REIMERS: Poďme zistiť, či môžem otvoriť up-- 1089 00:44:47,860 --> 00:44:50,040 dovoľte mi, aby som zistil, či by som môže dostať na internet rýchlo 1090 00:44:50,040 --> 00:44:53,317 zatiaľ čo Allison hovorí o niečom Allison chce hovoriť. 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 viem, čo ešte môžem povedať, v tomto bode. 1093 00:44:57,930 --> 00:45:01,340 Ale to sú len niektoré naozaj dobré zdroje. 1094 00:45:01,340 --> 00:45:04,629 Sú to tie, ktoré Tomas a som použil 1095 00:45:04,629 --> 00:45:06,420 a že sme vlastne používa na prípravu pre toto. 1096 00:45:06,420 --> 00:45:09,940 W3Schools je ten, ktorý vás chlapci by sa nevideli. 1097 00:45:09,940 --> 00:45:12,440 Odporúčame pre Veľa vecí sa CSS. 1098 00:45:12,440 --> 00:45:15,060 Viem, že ju odporúčam môj úsek po celú dobu. 1099 00:45:15,060 --> 00:45:21,050 >> Jedným z veľkých vecí, je to tak vám umožní druhu si s CSS 1100 00:45:21,050 --> 00:45:23,830 a vidieť zmeny okamžite v tom, 1101 00:45:23,830 --> 00:45:25,920 ako, double-okno zobraziť, že to má. 1102 00:45:25,920 --> 00:45:29,980 Takže nemusíte mať strach o vytvorenie vlastnej webovej stránky, 1103 00:45:29,980 --> 00:45:33,090 alebo zriadenie vhost vo vašom miestne zariadenia a miestnej hostiteľ, 1104 00:45:33,090 --> 00:45:34,980 a ako sa všetky tie veci prácu. 1105 00:45:34,980 --> 00:45:36,830 To je zakotvený priamo v rámci stránky. 1106 00:45:36,830 --> 00:45:39,042 >> A to má táto málo lekcie, ktoré môžete 1107 00:45:39,042 --> 00:45:40,750 prejsť sa učiť Viac informácií o voliča, 1108 00:45:40,750 --> 00:45:44,610 alebo sa dozvedieť o manipulácii so font, alebo pozadia, alebo obraz. 1109 00:45:44,610 --> 00:45:46,990 A máte k dispozícii nasledujúce Okamžité výsledky, ktoré ste 1110 00:45:46,990 --> 00:45:49,310 Nemusíte robiť žiadne ďalšie prep práce pre. 1111 00:45:49,310 --> 00:45:51,060 Tak som 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 Nie, to nie je. 1116 00:45:53,720 --> 00:45:55,636 Chceš, aby som to skúsiť a reštartovať počítač? 1117 00:45:55,636 --> 00:45:56,410 Alebo chceme to-- 1118 00:45:56,410 --> 00:46:01,490 >> ALLISON Buchholtz-AU: Myslím, no, to bude aj on-line. 1119 00:46:01,490 --> 00:46:02,740 Všetky snímky budú online. 1120 00:46:02,740 --> 00:46:05,470 Tak som len vrelo odporúčam robiť to. 1121 00:46:05,470 --> 00:46:07,880 >> To je skvelé, ako len ako ťahák. 1122 00:46:07,880 --> 00:46:10,690 Je to všetko len základné príkazy, ktoré máte. 1123 00:46:10,690 --> 00:46:13,070 Je to skvelé, keď ste prvýkrát začína svoje webové stránky. 1124 00:46:13,070 --> 00:46:15,080 Vzhľadom k tomu, možno, že nie Chcete sa dostať do všetkých 1125 00:46:15,080 --> 00:46:17,355 real natvrdlý kostrbata Design ťažké veci. 1126 00:46:17,355 --> 00:46:20,230 Stačí len, aby ju naformátovať v ceste Tento druh má zmysel a vôľu 1127 00:46:20,230 --> 00:46:21,490 robiť v súčasnej dobe. 1128 00:46:21,490 --> 00:46:23,580 A ak naozaj chcete aby sa do nej dostať, ja viem, 1129 00:46:23,580 --> 00:46:27,240 to je, ako jeden z Tomas obľúbené odkazy. 1130 00:46:27,240 --> 00:46:30,130 Sme ho používate prep, a to je báječné. 1131 00:46:30,130 --> 00:46:33,030 To je pre vývojárov z Mozilly. 1132 00:46:33,030 --> 00:46:36,490 >> TOMAS REIMERS: Tak Mozilla sú ľudia, ktorí robia Firefox. 1133 00:46:36,490 --> 00:46:40,290 A to je len ich vlastné developer referencie, čo myslím, že je úžasné. 1134 00:46:40,290 --> 00:46:44,870 A to má nádherný zoznam zdrojov. 1135 00:46:44,870 --> 00:46:45,530 Tak sme have-- 1136 00:46:45,530 --> 00:46:48,060 >> ALLISON Buchholtz-AU: A potom posledná poznámka 1137 00:46:48,060 --> 00:46:50,120 keď sa snažíte dizajn svojich webových stránok, 1138 00:46:50,120 --> 00:46:53,550 čerpať inšpiráciu z vecí že si myslíte, že sú dosť. 1139 00:46:53,550 --> 00:46:56,340 Kontrola prvok, kontrolu zdrojového kódu 1140 00:46:56,340 --> 00:46:59,370 môže byť super užitočný že sa snaží prísť na to, 1141 00:46:59,370 --> 00:47:02,080 ako na štýl svoje vlastné internetové stránky. 1142 00:47:02,080 --> 00:47:04,540 >> Často mám pocit, že najlepšie cesta, okrem experimentovanie, 1143 00:47:04,540 --> 00:47:06,290 Je len na pohľad veci, ktoré sú dosť. 1144 00:47:06,290 --> 00:47:09,810 Zistil som, že je to naozaj ťažké, aby práve druh navrhovať veci na vlastnú päsť, 1145 00:47:09,810 --> 00:47:11,090 najmä na začiatku. 1146 00:47:11,090 --> 00:47:14,740 Takže prosím, pozrite sa na webové stránky že si môžete vychutnať pri pohľade na. 1147 00:47:14,740 --> 00:47:16,880 Zistiť, čo robí je apelovať na vás. 1148 00:47:16,880 --> 00:47:19,170 A potom neváhajte pokúsiť sa zopakovať to. 1149 00:47:19,170 --> 00:47:20,410 >> TOMAS REIMERS: Right. 1150 00:47:20,410 --> 00:47:23,120 Dokonca aj ako webové stránky takto, môžete vidieť 1151 00:47:23,120 --> 00:47:25,460 tam je určite div hore. 1152 00:47:25,460 --> 00:47:29,920 A potom máte iný div vnútri tu, čo je CSS Awesomeness. 1153 00:47:29,920 --> 00:47:32,480 A potom máte veľa odkazov tu. 1154 00:47:32,480 --> 00:47:34,770 Ak ste naozaj len kontrolovať prvky, môžete tak nejako 1155 00:47:34,770 --> 00:47:38,520 začať vidieť, čo robiť webové stránky vyzerať, a ako môžem 1156 00:47:38,520 --> 00:47:40,493 znova, že keby som chcel. 1157 00:47:40,493 --> 00:47:41,890 Dáva to zmysel? 1158 00:47:41,890 --> 00:47:43,670 Takže máme len ľavej tri minúty. 1159 00:47:43,670 --> 00:47:46,380 Tak na niečo spýtať? 1160 00:47:46,380 --> 00:47:47,650 Niektorý z nich? 1161 00:47:47,650 --> 00:47:48,350 Áno. 1162 00:47:48,350 --> 00:47:50,780 >> Divákov: pre farbu obdĺžnik, ako by ste 1163 00:47:50,780 --> 00:47:53,499 have-- ak ste nechceli ju ísť cez celú stránku, mohol 1164 00:47:53,499 --> 00:47:56,400 Urobil si to ísť cez len polovica stránky, alebo len text? 1165 00:47:56,400 --> 00:47:59,660 >> TOMAS REIMERS: Jo, určite. 1166 00:47:59,660 --> 00:48:02,780 Tak sa ukážte v skutočnosti. 1167 00:48:02,780 --> 00:48:04,670 Mám dve myšlienky. 1168 00:48:04,670 --> 00:48:07,265 Takže v prvom rade, budete možno tiež použiť percent. 1169 00:48:07,265 --> 00:48:08,140 >> Divákov: Naozaj? 1170 00:48:08,140 --> 00:48:11,260 >> ALLISON Buchholtz-AU: Takže niečo vyhľadať je relatívna umiestnenie. 1171 00:48:11,260 --> 00:48:13,385 Je to niečo, čo sme nemajú čas sa dostať do, 1172 00:48:13,385 --> 00:48:16,392 ale je to niečo, čo som rozhodne Odporúčame mimo kontroly vy. 1173 00:48:16,392 --> 00:48:17,580 >> TOMAS REIMERS: So percenta. 1174 00:48:17,580 --> 00:48:21,524 A pozrite sa, ako sa nám to podarilo len 50% šírky? 1175 00:48:21,524 --> 00:48:24,190 ALLISON Buchholtz-AU: Ak sa vám skutočne poznať počet obrazových bodov, 1176 00:48:24,190 --> 00:48:25,780 si môžete byť presnejšie týmto spôsobom. 1177 00:48:25,780 --> 00:48:27,200 Môžete si hrať sa s ním. 1178 00:48:27,200 --> 00:48:27,700 Ale 50%. 1179 00:48:27,700 --> 00:48:31,970 Keď sme boli na veľkosť nášho prehliadača, to by bolo menšie. 1180 00:48:31,970 --> 00:48:35,250 >> TOMAS REIMERS: No, je to v podstate 50% práve teraz, myslím. 1181 00:48:35,250 --> 00:48:38,820 Je to o 50%, a potom marže bol pridaný k tomu. 1182 00:48:38,820 --> 00:48:40,100 CSS má veľa vtipov. 1183 00:48:40,100 --> 00:48:43,195 Takže teraz je to 50% šírky stránky. 1184 00:48:43,195 --> 00:48:46,860 Ale nezabudnite, že máte 10 pixelov odoberá z každej strany. 1185 00:48:46,860 --> 00:48:49,700 Takže ak ste mali navrhnúť, aby proti ľavý okraj prehliadača, 1186 00:48:49,700 --> 00:48:51,550 potom to bude vyzerať, ako 50%. 1187 00:48:51,550 --> 00:48:53,884 Opäť, rovnako ako som povedal, CSS byť veľa hádať-and-check. 1188 00:48:53,884 --> 00:48:56,049 Rovnako ako si myslíš, že sa niečo bude správať jedným smerom, 1189 00:48:56,049 --> 00:48:57,805 ale to sa chová úplne inak. 1190 00:48:57,805 --> 00:48:59,420 >> ALLISON Buchholtz-AU: A práve múdrejší, 1191 00:48:59,420 --> 00:49:02,020 a vy len získať lepší intuícia na to, ako budete pohybovať okolo. 1192 00:49:02,020 --> 00:49:02,730 >> TOMAS REIMERS: A dostane horšie a horšie. 1193 00:49:02,730 --> 00:49:03,496 Takže je to naozaj len 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 ako CSS. 1196 00:49:07,070 --> 00:49:08,810 >> TOMAS REIMERS: CSS je úžasné. 1197 00:49:08,810 --> 00:49:10,354 Pamätajte si, že. 1198 00:49:10,354 --> 00:49:11,020 Ďalšie otázky? 1199 00:49:11,020 --> 00:49:14,297 >> ALLISON Buchholtz-AU: jedna vec. 1200 00:49:14,297 --> 00:49:14,880 Ešte niečo? 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, ak máte chlapci majú nejaké otázky neskôr, 1204 00:49:18,523 --> 00:49:20,919 sme vždy k dispozícii podľa zvyčajne. 1205 00:49:20,919 --> 00:49:22,960 Budete pravdepodobne vidieť niektoré z nás na záverečných prác 1206 00:49:22,960 --> 00:49:24,280 a rozhodne na hackathon. 1207 00:49:24,280 --> 00:49:25,200 >> TOMAS REIMERS: Presne tak. 1208 00:49:25,200 --> 00:49:25,720 A na veľtrhu. 1209 00:49:25,720 --> 00:49:26,560 >> ALLISON Buchholtz-AU: A na veľtrhu. 1210 00:49:26,560 --> 00:49:26,840 Oh. 1211 00:49:26,840 --> 00:49:28,130 >> TOMAS REIMERS: Môžete sa tešiť na vidieť všetky vaše awesome-- 1212 00:49:28,130 --> 00:49:29,420 >> ALLISON Buchholtz-AU: Uvidíme všetky vaše úžasné webovej stránky 1213 00:49:29,420 --> 00:49:30,572 že bude krásne. 1214 00:49:30,572 --> 00:49:32,780 TOMAS REIMERS: môžete vždy vidieť, rovnako ako, webové stránky 1215 00:49:32,780 --> 00:49:36,234 kto mal, ako, dobrý CSS a potom rovnako ako tí, ktorí nemali snažiť urobiť CSS. 1216 00:49:36,234 --> 00:49:39,150 ALLISON Buchholtz-AU: Tiež ďalšie vec, jedna vec sa pozrieť 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 skvelý. 1219 00:49:41,805 --> 00:49:42,240 >> TOMAS REIMERS: Google, že ak 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 milovať. 1223 00:49:45,620 --> 00:49:48,000 A teraz, že ste základná znalosť CSS, 1224 00:49:48,000 --> 00:49:50,340 Bude to oveľa väčší zmysel. 1225 00:49:50,340 --> 00:49:50,890 Desivý. 1226 00:49:50,890 --> 00:49:51,480 Vďaka, chlapci. 1227 00:49:51,480 --> 00:49:53,330 >> TOMAS REIMERS: Ďakujem moc. 1228 00:49:53,330 --> 00:49:54,219