1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:04,500 >> [Zenelejátszási] 3 00:00:04,500 --> 00:00:10,099 4 00:00:10,099 --> 00:00:12,224 ALLISON Buchholtz-AU: Tehát Mi alapvetően csak megy 5 00:00:12,224 --> 00:00:14,629 hogy adjak egy lepusztult A CSS, mert tudjuk, 6 00:00:14,629 --> 00:00:16,420 hogy arra nem vonatkozott minden a szakaszok. 7 00:00:16,420 --> 00:00:20,090 És valóban szeretnénk meggyőződni arról, hogy srácok ez az eszköz a rendelkezésére áll, 8 00:00:20,090 --> 00:00:24,790 mert a képességét, hogy a weboldalak meg sokkal szebb. 9 00:00:24,790 --> 00:00:28,660 >> És ha az épület egy honlapot, akkor akkor valószínűleg szeretné, hogy ez elég. 10 00:00:28,660 --> 00:00:31,372 Úgy értem, nem kell, de én azt javaslom azt. [Nevet] 11 00:00:31,372 --> 00:00:35,430 Ha azt szeretnénk, hogy a felhasználók, akkor talán szeretnénk, hogy ez egy kicsit [hallhatatlan]. 12 00:00:35,430 --> 00:00:39,130 Így fogunk próbálni, és hogy csak Néhány alapvető eszközök és megértést, 13 00:00:39,130 --> 00:00:42,340 így ha kimegy, és te kutatása dolgokat CSS, 14 00:00:42,340 --> 00:00:45,902 ez nem a teljes halandzsa, mint a CSS néha lenni. 15 00:00:45,902 --> 00:00:47,240 >> TOMAS REIMERS: Igen. 16 00:00:47,240 --> 00:00:49,930 Allison azt mondta, hogy elég jól. 17 00:00:49,930 --> 00:00:53,250 Szóval azt hiszem, az első dolog, amit kell kezdeni, amit a CSS? 18 00:00:53,250 --> 00:00:55,750 Tehát CSS félelmetes. 19 00:00:55,750 --> 00:00:56,250 CSS-- 20 00:00:56,250 --> 00:00:58,320 >> ALLISON Buchholtz-AU: Ez a neve a mi szemináriumon. 21 00:00:58,320 --> 00:00:58,434 >> TOMAS REIMERS: Igen. 22 00:00:58,434 --> 00:01:00,130 Nagyon fontos, hogy érti, hogy addigra. 23 00:01:00,130 --> 00:01:03,090 Ha csak elveszi az egyik dolog, az az, hogy CSS, ha félelmetes. 24 00:01:03,090 --> 00:01:06,180 Kettő CSS jelentése Cascading Style Sheets. 25 00:01:06,180 --> 00:01:10,380 Tehát a fő, CSS stíluslap, ami azt jelenti, 26 00:01:10,380 --> 00:01:13,200 ez lehetővé teszi, hogy stílust egy web oldalon. 27 00:01:13,200 --> 00:01:16,609 És akkor ez mit jelent, ez egy módja annak, hogy Új stílus a weboldalak. 28 00:01:16,609 --> 00:01:18,900 Tehát a stílus, az értünk mindent ez nem structural-- 29 00:01:18,900 --> 00:01:24,350 így a dolgok, mint a színek, a háttér képek, határok, mint, padding, 30 00:01:24,350 --> 00:01:25,040 különbözet. 31 00:01:25,040 --> 00:01:27,310 Fogunk beszélni, hogy mit Mindez azt jelenti, egy kicsit. 32 00:01:27,310 --> 00:01:30,110 >> Így már csak ment előre, és kinyitotta mind a két fel gedit. 33 00:01:30,110 --> 00:01:32,680 Tehát ez az index.html. 34 00:01:32,680 --> 00:01:34,800 És ez main.css. 35 00:01:34,800 --> 00:01:36,829 Tehát main.css semmi. 36 00:01:36,829 --> 00:01:38,412 ALLISON Buchholtz-AU: No stílust eddig. 37 00:01:38,412 --> 00:01:39,245 TOMAS REIMERS: Nincs. 38 00:01:39,245 --> 00:01:42,577 És mint majd látni, hogy ez egy nagyon csúnya helyszínen. 39 00:01:42,577 --> 00:01:44,160 ALLISON Buchholtz-AU: ez csak sima. 40 00:01:44,160 --> 00:01:45,820 TOMAS REIMERS: Igen. 41 00:01:45,820 --> 00:01:49,150 Igen, ez nem csúnya, ez csak minimalista. 42 00:01:49,150 --> 00:01:53,430 És akkor itt van index.html. 43 00:01:53,430 --> 00:01:55,729 És így egy gyors bedugni a HTML, Allison, 44 00:01:55,729 --> 00:01:57,270 akarod, hogy csak beszélni a lap? 45 00:01:57,270 --> 00:01:58,395 >> ALLISON Buchholtz-AU: Igen. 46 00:01:58,395 --> 00:02:01,100 Tehát nyilvánvaló, hogy mi van a HTML tag, amely csak neveket HTML fájlt. 47 00:02:01,100 --> 00:02:07,080 Megvan a fejléc itt, CSS Awesomeness, which-- ha megy vissza. 48 00:02:07,080 --> 00:02:07,720 Hol van ez? 49 00:02:07,720 --> 00:02:09,136 >> TOMAS REIMERS: Oh. 50 00:02:09,136 --> 00:02:10,301 Ja, láthatod. 51 00:02:10,301 --> 00:02:12,092 ALLISON Buchholtz-AU: És észre a header 52 00:02:12,092 --> 00:02:14,120 az ezen a lapon fejléc jobb itt. 53 00:02:14,120 --> 00:02:17,130 És akkor "Hello, world!" van a szöveg, hogy az imént 54 00:02:17,130 --> 00:02:19,620 megjelenítését az interneten oldal, amely ez-- vissza. 55 00:02:19,620 --> 00:02:21,290 Vissza. 56 00:02:21,290 --> 00:02:24,287 Ami csak a testünkben here-- a sima szöveg. 57 00:02:24,287 --> 00:02:26,120 Az egy dolog, hogy észre, ha megnézi itt, 58 00:02:26,120 --> 00:02:29,410 Tomas kapcsolni ezeket két a mi slide. 59 00:02:29,410 --> 00:02:32,035 Tehát amíg megvan minden Ezek közül három, akkor minden rendben van. 60 00:02:32,035 --> 00:02:34,044 Lehetnek bármilyen sorrendben akarnak. 61 00:02:34,044 --> 00:02:39,368 Mi a legfontosabb az, hogy csak akkor e három dolgot. 62 00:02:39,368 --> 00:02:40,340 >> TOMAS REIMERS: Cool. 63 00:02:40,340 --> 00:02:41,111 Add a doc típusú? 64 00:02:41,111 --> 00:02:42,235 ALLISON Buchholtz-AU: Igen. 65 00:02:42,235 --> 00:02:43,068 TOMAS REIMERS: Igen. 66 00:02:43,068 --> 00:02:43,769 Cool. 67 00:02:43,769 --> 00:02:46,102 ALLISON Buchholtz-AU: Úgy látszik, én mikrofonok nem tetszik nekem. 68 00:02:46,102 --> 00:02:49,650 TOMAS REIMERS: Ó, nekünk egy sec csak míg Allison kapcsol ki neki mic. 69 00:02:49,650 --> 00:02:50,500 Szóval igen. 70 00:02:50,500 --> 00:02:52,030 Szóval mi van a főoldalon. 71 00:02:52,030 --> 00:02:53,890 Ez a fajta unstyled. 72 00:02:53,890 --> 00:02:54,780 Nem kell sok. 73 00:02:54,780 --> 00:02:57,110 Csak meg alapvetően szöveget. 74 00:02:57,110 --> 00:02:59,470 Megvan a stíluslap. 75 00:02:59,470 --> 00:03:00,220 Megvan a cím. 76 00:03:00,220 --> 00:03:04,020 Tehát csak a csupasz csontú összetevők, hogy a honlapon. 77 00:03:04,020 --> 00:03:08,880 >> Tehát onnan, hadd beszélni, mi CSS 78 00:03:08,880 --> 00:03:11,270 és hogy néz ki, és minden adott. 79 00:03:11,270 --> 00:03:12,047 Így hogy-- 80 00:03:12,047 --> 00:03:13,755 ALLISON Buchholtz-AU: Vissza a diák. 81 00:03:13,755 --> 00:03:15,200 TOMAS REIMERS: Vissza a diák. 82 00:03:15,200 --> 00:03:17,240 És Allison veheti á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 Tehát a CSS fájlban, fogsz is 86 00:03:22,360 --> 00:03:25,010 egy csomó ilyen dolog úgynevezett választók. 87 00:03:25,010 --> 00:03:27,420 Hogy majd csak lesz a alapján a CSS fájlban. 88 00:03:27,420 --> 00:03:29,480 Ez csak lesz sok-sok ilyen. 89 00:03:29,480 --> 00:03:30,780 Tehát választó. 90 00:03:30,780 --> 00:03:32,649 Ez csak az általános anatómia. 91 00:03:32,649 --> 00:03:35,190 Megyünk végig példák, mert ha ti nem 92 00:03:35,190 --> 00:03:38,400 figyelte az én területem, úgy érzem, mint a dolgok absztrakt 93 00:03:38,400 --> 00:03:39,400 Nem igazán van értelme. 94 00:03:39,400 --> 00:03:41,110 Mindig segít, hogy lásd a példákat. 95 00:03:41,110 --> 00:03:42,420 >> Így van némi választó. 96 00:03:42,420 --> 00:03:49,120 Hogy lesz valamilyen azonosító számára mit akarunk a stílust a. 97 00:03:49,120 --> 00:03:52,220 És akkor mi van bármilyen szabályok és értékek. 98 00:03:52,220 --> 00:03:55,680 Tehát választók, hogy lehet látni Lehet, hogy valami hasonló testület, 99 00:03:55,680 --> 00:04:00,262 vagy bekezdés a P, vagy a fejléc, vagy bármi, 100 00:04:00,262 --> 00:04:02,000 amit akarsz a HTML tageket. 101 00:04:02,000 --> 00:04:03,570 >> Tehát ebben az esetben, van teste. 102 00:04:03,570 --> 00:04:06,985 És van néhány szabály, amely ennek megfelel 103 00:04:06,985 --> 00:04:09,610 hogy milyen a stílusa vonatkozik. 104 00:04:09,610 --> 00:04:12,720 Tehát ebben az esetben, van háttérszínt és font súlyú. 105 00:04:12,720 --> 00:04:16,200 Tehát ez meg fog változni A háttérben semmit 106 00:04:16,200 --> 00:04:19,640 bármely szervezetben tag a HTML fájlt. 107 00:04:19,640 --> 00:04:22,810 És ez meg fog adni ez ennek a világoskék értéket. 108 00:04:22,810 --> 00:04:24,820 >> Szóval ez megy, hogy a háttér világoskék. 109 00:04:24,820 --> 00:04:28,660 És akkor bármit test Lesz egy font súlyú vastag. 110 00:04:28,660 --> 00:04:31,142 Tehát csak fog bold minden kedves szöveget. 111 00:04:31,142 --> 00:04:32,970 És ez csak egy választó. 112 00:04:32,970 --> 00:04:34,680 De akkor is nagyon sok ilyen. 113 00:04:34,680 --> 00:04:38,730 És ahogy megyünk megmutatni Később, egy kicsit abba, hogyan 114 00:04:38,730 --> 00:04:40,709 ami működik, és több példa van. 115 00:04:40,709 --> 00:04:41,750 Bármi, amit szeretne hozzáadni? 116 00:04:41,750 --> 00:04:42,499 >> TOMAS REIMERS: No. 117 00:04:42,499 --> 00:04:43,500 Allison megvan. 118 00:04:43,500 --> 00:04:46,144 Mi csak fog vágni egy Például itt a példa oldal. 119 00:04:46,144 --> 00:04:47,310 Úgyhogy tulajdonképpen ezt. 120 00:04:47,310 --> 00:04:48,620 Ez tökéletes. 121 00:04:48,620 --> 00:04:54,460 Szóval én csak fog másolás és beillesztés ez a jog a mi main.css fájlt. 122 00:04:54,460 --> 00:04:56,530 És fogom menteni. 123 00:04:56,530 --> 00:04:59,190 És akkor majd futtatni. 124 00:04:59,190 --> 00:05:01,600 Tehát Mellékesen jegyzem meg, az egyik leginkább frusztráló dolog 125 00:05:01,600 --> 00:05:04,490 Ha nincs, nem menti a fájlt, és akkor, mint az oldal újratöltődik, 126 00:05:04,490 --> 00:05:07,450 és mint, hogy miért nem A változás történik? 127 00:05:07,450 --> 00:05:07,950 Ez történik. 128 00:05:07,950 --> 00:05:14,230 Tehát itt azt láttuk, hogy nem készült a mi website világoskék háttér 129 00:05:14,230 --> 00:05:16,560 és néhány félkövér szöveget. 130 00:05:16,560 --> 00:05:20,730 >> Azt is meg kell említenem, ha srácok kérdése van bármi 131 00:05:20,730 --> 00:05:23,622 csinálunk, kérjük Ingyenes megállítani minket, és kérdezzétek meg. 132 00:05:23,622 --> 00:05:25,330 Tuti hajlandók terepi kérdésekre. 133 00:05:25,330 --> 00:05:27,951 134 00:05:27,951 --> 00:05:31,930 >> ALLISON Buchholtz-AU: Nyilvánvaló, CSS, mindent épít magának. 135 00:05:31,930 --> 00:05:34,107 Tehát, ha egy dolgot nem értelme most, 136 00:05:34,107 --> 00:05:35,690 Nem akarom, hogy a mocsár le később. 137 00:05:35,690 --> 00:05:38,390 138 00:05:38,390 --> 00:05:41,930 >> TOMAS REIMERS: Akkor most fajta boncolgatni ezt a. 139 00:05:41,930 --> 00:05:44,210 Szóval nem akarsz kezdeni A választó itt? 140 00:05:44,210 --> 00:05:45,979 >> ALLISON Buchholtz-AU: Igen. 141 00:05:45,979 --> 00:05:48,270 Ahogy mondtam korábban, test csak a mi választó itt. 142 00:05:48,270 --> 00:05:50,950 Tehát ha visszamegyünk át, hogy az index-- ah. 143 00:05:50,950 --> 00:05:53,245 >> TOMAS REIMERS: Amit csak zárt. 144 00:05:53,245 --> 00:05:54,530 Adj egy másodpercet. 145 00:05:54,530 --> 00:05:58,286 Szóval úgy, hogy megnyitja, index.html. 146 00:05:58,286 --> 00:05:59,410 ALLISON Buchholtz-AU: Cool. 147 00:05:59,410 --> 00:06:02,710 Tehát, ha azt veszi észre itt, ezeket a test címkék, ugye? 148 00:06:02,710 --> 00:06:06,270 Szóval a választó csak megfelel A címkék beszélünk. 149 00:06:06,270 --> 00:06:07,670 Tehát test itt. 150 00:06:07,670 --> 00:06:10,315 Tehát mi azt mondjuk van everything-- mehetünk vissza? 151 00:06:10,315 --> 00:06:12,065 Azt kívánom, hogy mint megérinteni a képernyőt. 152 00:06:12,065 --> 00:06:14,410 Jó lenne, így sokkal hűvösebb. 153 00:06:14,410 --> 00:06:17,150 >> Tehát bármit azokon belül test címkék, amit látott 154 00:06:17,150 --> 00:06:19,637 volt csak, mint a szöveg, és a test általában 155 00:06:19,637 --> 00:06:20,970 utal, mint a háttér. 156 00:06:20,970 --> 00:06:22,720 Ha valaha szeretné változtatni a hátteret, 157 00:06:22,720 --> 00:06:25,090 hogy lesz egy body tag. 158 00:06:25,090 --> 00:06:27,120 Csak vannak ezek a szabályokat alkalmazzák rájuk. 159 00:06:27,120 --> 00:06:32,040 >> Tehát ha voltunk menni index.html és-- valóban, 160 00:06:32,040 --> 00:06:33,840 tehetünk valamit A testen kívül? 161 00:06:33,840 --> 00:06:37,340 Ha lenne, mint a lábléc, vagy valamit, akkor nem vonatkozik erre. 162 00:06:37,340 --> 00:06:40,900 De bármit ezek a test címkék fog 163 00:06:40,900 --> 00:06:44,960 hogy érinti ez a testület kijelölõnek tettük. 164 00:06:44,960 --> 00:06:47,405 Tehát, ha úgy döntesz, hogy írja valami mást there-- 165 00:06:47,405 --> 00:06:49,400 >> TOMAS REIMERS: Nézzük vezetni, hogy haza. 166 00:06:49,400 --> 00:06:55,330 Tehát ha lenne egy div-- tehát ez csak egy újabb tag tiéd lehet. 167 00:06:55,330 --> 00:06:56,350 Megyek, hogy lezárja azt. 168 00:06:56,350 --> 00:06:58,280 Vagy csináljuk meg ezt a bekezdést. 169 00:06:58,280 --> 00:07:01,430 Tehát p jelentése bekezdés. 170 00:07:01,430 --> 00:07:02,560 És ezen belül a bekezdést. 171 00:07:02,560 --> 00:07:05,650 És akkor azt mondom, "Ez a szöveg." 172 00:07:05,650 --> 00:07:06,369 Cool. 173 00:07:06,369 --> 00:07:09,160 És aztán csináltam ezt a szabályt alkalmazni kell egy bekezdést helyett a test. 174 00:07:09,160 --> 00:07:12,390 175 00:07:12,390 --> 00:07:17,320 Látni fogod, hogy ez is csak a Az újonnan alakult bekezdés, igaz, 176 00:07:17,320 --> 00:07:18,892 Nem az egészet. 177 00:07:18,892 --> 00:07:20,090 Van ennek értelme? 178 00:07:20,090 --> 00:07:21,840 >> ALLISON Buchholtz-AU: Szóval ez az egész testben, 179 00:07:21,840 --> 00:07:24,450 De most a választó csak megfelel a bekezdésben. 180 00:07:24,450 --> 00:07:27,050 Ezért elég merész és kék külön erre a bekezdésre, 181 00:07:27,050 --> 00:07:30,760 mert ez az egyetlen dolog amely zárt a p tag. 182 00:07:30,760 --> 00:07:35,349 >> TOMAS REIMERS: Van ennek értelme sort A dolgok magukba egyéb dolgokat? 183 00:07:35,349 --> 00:07:38,140 ALLISON Buchholtz-AU: Is, csak mondani, mint az egyik legjobb módja 184 00:07:38,140 --> 00:07:40,889 hogy igazán kényelmes CSS az, hogy csak ilyen dolgokat csinálni, 185 00:07:40,889 --> 00:07:42,050 Csak próbáld ki. 186 00:07:42,050 --> 00:07:46,700 Ez nagyon egyszerű, hogy be valami out, hit Frissítés, és meglátjuk, mi történik. 187 00:07:46,700 --> 00:07:48,940 És mint a legtöbb CS, kísérletezés gyakran 188 00:07:48,940 --> 00:07:51,790 vezetnek sokkal jobb intuitív megértését. 189 00:07:51,790 --> 00:07:54,432 Annál is inkább, mint mi, csak, szerű, hozzád beszélek. 190 00:07:54,432 --> 00:07:58,350 >> TOMAS REIMERS: Abszolút 100% egyetért ebben a kérdésben. 191 00:07:58,350 --> 00:08:02,430 Tehát ha visszamegyünk erre, kezdjük boncoló pontosan mi ez a két csinálni. 192 00:08:02,430 --> 00:08:04,550 Tehát van két szabály ezzel kapcsolatban. 193 00:08:04,550 --> 00:08:07,420 Tehát az első a háttér színét. 194 00:08:07,420 --> 00:08:10,590 És látod, hogy eddig mi is ez egyenlő értékű, világoskék. 195 00:08:10,590 --> 00:08:15,009 >> Tehát a CSS, CSS egyfajta A nagyon laza, hogyan 196 00:08:15,009 --> 00:08:16,300 te szabad, hogy meghatározza a színt. 197 00:08:16,300 --> 00:08:17,800 Szóval lehet meghatározni őket név szerint. 198 00:08:17,800 --> 00:08:20,650 Azt is tenni valamit, mint a "vörös". 199 00:08:20,650 --> 00:08:25,270 Majd ha megyünk vissza erre, látni fogod, hogy a háttérben a vörös. 200 00:08:25,270 --> 00:08:29,040 Ön is kap really-- azt hiszem, tud elég kreatív ezzel, 201 00:08:29,040 --> 00:08:29,540 nem tudsz? 202 00:08:29,540 --> 00:08:31,170 >> ALLISON Buchholtz-AU: I gondolom tudod használni hex. 203 00:08:31,170 --> 00:08:31,250 Nem tudsz? 204 00:08:31,250 --> 00:08:32,083 >> TOMAS REIMERS: Igen. 205 00:08:32,083 --> 00:08:32,969 Így használhatja hex. 206 00:08:32,969 --> 00:08:34,490 De azt hiszem nevet és bölcs. 207 00:08:34,490 --> 00:08:35,385 Nincsenek ott? 208 00:08:35,385 --> 00:08:37,260 ALLISON Buchholtz-AU: Meg tudod csinálni jó néhány. 209 00:08:37,260 --> 00:08:43,350 Nagyjából ugyanaz a legtöbb színt, amit lehet name--, mint, azt hiszem, lazac az egyik. 210 00:08:43,350 --> 00:08:45,322 >> TOMAS REIMERS: Meg fogunk próbálni lazac. 211 00:08:45,322 --> 00:08:47,530 ALLISON Buchholtz-AU: I gondolom Chartreuse van ott. 212 00:08:47,530 --> 00:08:48,050 TOMAS REIMERS: Igen. 213 00:08:48,050 --> 00:08:48,550 Látod? 214 00:08:48,550 --> 00:08:50,080 Így kap elég kreatív. 215 00:08:50,080 --> 00:08:52,246 >> ALLISON Buchholtz-AU: You lehetne még elég kreatív. 216 00:08:52,246 --> 00:08:55,750 Mint, ha lehet gondolni a színes nevet, akkor talán ott. 217 00:08:55,750 --> 00:08:57,840 Ha szeretné finom részletek, akkor mehet hex. 218 00:08:57,840 --> 00:08:58,673 >> TOMAS REIMERS: Igen. 219 00:08:58,673 --> 00:08:59,390 Tehát hexadecimális. 220 00:08:59,390 --> 00:09:05,280 Ha a srácok emlékezni erre vissza a régi PSET, Kép helyreállítása, 221 00:09:05,280 --> 00:09:08,300 srácok kellett küzdenie ezekkel hexa értéket. 222 00:09:08,300 --> 00:09:15,280 És valami Emlékeztető, hogy mi az, hex három tárolt értékeket is. 223 00:09:15,280 --> 00:09:17,250 Szóval ez a csoport két lépésekben. 224 00:09:17,250 --> 00:09:19,300 Az első két képviselik a piros érték. 225 00:09:19,300 --> 00:09:22,420 A második képvisel A zöld értékét. 226 00:09:22,420 --> 00:09:25,020 És az utolsó egy kék? 227 00:09:25,020 --> 00:09:30,050 >> Így FF történik, hogy képviselje hexadecimális 255. 228 00:09:30,050 --> 00:09:35,480 Szóval van 255 piros, 255 zöld és 0 kék. 229 00:09:35,480 --> 00:09:37,670 És a szélső értékek 0 és 255 között. 230 00:09:37,670 --> 00:09:38,350 >> Közönség: Igen. 231 00:09:38,350 --> 00:09:41,472 Tehát lényegében tudnánk keresni Az internet minden szín akarunk, 232 00:09:41,472 --> 00:09:43,912 és meghatározza a ténylegesen ismert színskála combo, 233 00:09:43,912 --> 00:09:45,130 és akkor tudnánk tegye? 234 00:09:45,130 --> 00:09:46,380 ALLISON Buchholtz-AU: Pontosan. 235 00:09:46,380 --> 00:09:52,900 Szóval van elég sok teljes ellenőrzése több mint kívánt színeket belül CSS. 236 00:09:52,900 --> 00:09:55,069 Fogunk beszélni háttérképeket később? 237 00:09:55,069 --> 00:09:56,110 Vagy akarunk csinálni? 238 00:09:56,110 --> 00:09:56,240 >> TOMAS REIMERS: Igen. 239 00:09:56,240 --> 00:09:57,010 Abszolút. 240 00:09:57,010 --> 00:10:00,830 Tehát az első, csak hogy megmutassa, hogy piros és zöld sárga. 241 00:10:00,830 --> 00:10:03,120 És ha szüksége van némi segítsen megtalálni ezt, akkor 242 00:10:03,120 --> 00:10:05,575 Képes a Google valamit mint a "Color Picker." 243 00:10:05,575 --> 00:10:07,200 ALLISON Buchholtz-AU: Ó, ez annyira jó. 244 00:10:07,200 --> 00:10:09,090 Szeretem Color Picker. 245 00:10:09,090 --> 00:10:11,360 >> TOMAS REIMERS: colorpicker.com Jó példa erre. 246 00:10:11,360 --> 00:10:14,580 És itt, látni fogod, hogy van teljes Photoshop-szerű színválasztóból. 247 00:10:14,580 --> 00:10:14,920 >> ALLISON Buchholtz-AU: Mm-hm. 248 00:10:14,920 --> 00:10:16,980 Továbbá, a hűvös dolgok meg generálhat színes programok 249 00:10:16,980 --> 00:10:18,896 így nem kell, szerű, csattogó színeket. 250 00:10:18,896 --> 00:10:22,780 TOMAS REIMERS: És akkor itt a hexa értéket itt. 251 00:10:22,780 --> 00:10:27,800 Így mindig lehet találni az online alapvetően helyek, ahol az hexadecimális értéket. 252 00:10:27,800 --> 00:10:31,667 Ez nem valamiféle, hogy csak, mint mi látja a színeket a világ számokban. 253 00:10:31,667 --> 00:10:34,000 Ez több, hogy mi megy online és megtalálja, amit színes akarunk, 254 00:10:34,000 --> 00:10:36,850 majd számot vesszük le. 255 00:10:36,850 --> 00:10:39,590 Mivel ez csak egy nagyon egyszerű formában férhetnek hozzá a dolgokat CS. 256 00:10:39,590 --> 00:10:40,350 >> ALLISON Buchholtz-AU: És akkor ott van also-- 257 00:10:40,350 --> 00:10:41,630 Nem emlékszem a pontos nevét a helyszínen. 258 00:10:41,630 --> 00:10:43,838 De van határozottan, gondolom, valamit Adobe 259 00:10:43,838 --> 00:10:48,350 generáló színes programok az Ön számára, ami nagyon klassz, mert 260 00:10:48,350 --> 00:10:50,580 definitely-- ez néha nehéz kitalálni, 261 00:10:50,580 --> 00:10:53,729 Ó, ha azt akarom, hogy ezt a színt, mi lehet egy másik hasznos egy 262 00:10:53,729 --> 00:10:56,395 használni máshol oldalamon, mint, hogy szép és összetartó. 263 00:10:56,395 --> 00:11:00,430 264 00:11:00,430 --> 00:11:04,260 >> TOMAS REIMERS: Allison beszél Egy Adobe nevű Kuler, azt hiszem. 265 00:11:04,260 --> 00:11:04,885 Ez K-U-L-E-R. 266 00:11:04,885 --> 00:11:06,259 ALLISON Buchholtz-AU: Azt hiszem, igen. 267 00:11:06,259 --> 00:11:07,610 Biztos vagyok benne, hogy ez az egyetlen. 268 00:11:07,610 --> 00:11:11,050 >> TOMAS REIMERS: Az én kedvencem, Mindig is színséma tervező. 269 00:11:11,050 --> 00:11:13,998 >> ALLISON Buchholtz-AU: Ooh. 270 00:11:13,998 --> 00:11:16,010 >> TOMAS REIMERS: Melyik now-- 271 00:11:16,010 --> 00:11:16,860 >> ALLISON Buchholtz-AU: Ah, ez gyönyörű. 272 00:11:16,860 --> 00:11:18,818 >> TOMAS REIMERS: És te Alapvetően azt mondják, mint, 273 00:11:18,818 --> 00:11:21,700 Azt akarom, három szín egymás mellett. 274 00:11:21,700 --> 00:11:25,030 És akkor nézzük valami szépet. 275 00:11:25,030 --> 00:11:29,210 És akkor kap egy példa Az, hogy ez mit nézhet. 276 00:11:29,210 --> 00:11:32,470 És akkor, ha fölé viszi valamelyik őket, hogy megadja neked a hexa értéket. 277 00:11:32,470 --> 00:11:35,010 >> Ahogyan tehát egy jó így kezdeni gondolkodni színes programok 278 00:11:35,010 --> 00:11:39,570 vagy milyen színek egy website Lehet menni jól együtt. 279 00:11:39,570 --> 00:11:45,655 Mert ez is meglepően nem olyan könnyű felvenni, mint gondolod. 280 00:11:45,655 --> 00:11:48,280 És akkor a másik jó dolog Mindig találtam erről az oldalról 281 00:11:48,280 --> 00:11:51,480 van, ha bejön példák, hogy lesz megmutatni, milyen példát honlapján 282 00:11:51,480 --> 00:11:54,800 nézhet segítségével, hogy színséma. 283 00:11:54,800 --> 00:11:56,270 Mindegy. 284 00:11:56,270 --> 00:11:57,863 >> Vissza a tényleges CSS. 285 00:11:57,863 --> 00:12:01,112 ALLISON Buchholtz-AU: De nyilvánvalóan meg Ismerem ezeket referenciák hasznos lehet. 286 00:12:01,112 --> 00:12:03,195 TOMAS REIMERS: Nem, határozottan hasznos lehet. 287 00:12:03,195 --> 00:12:04,720 Tehát a második szabály, Allison? 288 00:12:04,720 --> 00:12:05,844 >> ALLISON Buchholtz-AU: Igen. 289 00:12:05,844 --> 00:12:08,280 A második szabály csak megfelelő a font. 290 00:12:08,280 --> 00:12:11,520 Tehát font súlya csak egyfajta of-- így a súly lenne 291 00:12:11,520 --> 00:12:15,220 lennie, ha azt szeretnénk, csak, mint, normális vagy, mint a vékonyabb betűtípusok, 292 00:12:15,220 --> 00:12:17,251 vagy ebben az esetben, mint merész. 293 00:12:17,251 --> 00:12:17,750 Elfelejtem. 294 00:12:17,750 --> 00:12:21,557 Mi a ha akarta it-- van Egy vékonyabb, mint, mondjuk, a normális? 295 00:12:21,557 --> 00:12:24,140 TOMAS REIMERS: Igazából nem tudom, ha van egy vékonyabb. 296 00:12:24,140 --> 00:12:24,680 ALLISON Buchholtz-AU: elfelejtem. 297 00:12:24,680 --> 00:12:26,300 Tehát font súlyú mi jellemzően csak használja a merész. 298 00:12:26,300 --> 00:12:29,010 Ha azt szeretnénk, hogy igazán a ez, megyünk, hogy mutassa meg. 299 00:12:29,010 --> 00:12:34,317 W3Schools van a különböző dolog, amit tehetünk előírni. 300 00:12:34,317 --> 00:12:36,900 De alapvetően, ha valaha megváltoztatni semmit font, 301 00:12:36,900 --> 00:12:39,330 ez mindig lesz, mint font-valamit. 302 00:12:39,330 --> 00:12:43,450 Így olyan lesz, mint, font-family ha próbál változtatni a tényleges típust. 303 00:12:43,450 --> 00:12:47,390 Ez lesz a font-style, ha szeretnénk, hogy ez, mint a kurzív, 304 00:12:47,390 --> 00:12:49,710 vagy dőlt, vagy miegymás. 305 00:12:49,710 --> 00:12:53,570 Vagy akár font-color, ha akartunk változtatni. 306 00:12:53,570 --> 00:12:55,621 >> TOMAS REIMERS: Aha. 307 00:12:55,621 --> 00:12:56,925 Szóval lehet változtatni. 308 00:12:56,925 --> 00:12:59,360 És a fajta csak a bedugni teremteni, így 309 00:12:59,360 --> 00:13:01,400 látni, hogy mi van a választó itt. 310 00:13:01,400 --> 00:13:03,000 Itt vannak ezek a kapcsos zárójelek. 311 00:13:03,000 --> 00:13:06,735 És akkor mi van szabályok által határolt pontosvessző. 312 00:13:06,735 --> 00:13:08,100 Van ennek értelme? 313 00:13:08,100 --> 00:13:09,130 Igen? 314 00:13:09,130 --> 00:13:10,500 Cool. 315 00:13:10,500 --> 00:13:13,200 Így ha ez 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: Beszéljünk konkrétan arról, hogy milyen választók van. 318 00:13:17,590 --> 00:13:19,790 Mert most mi már fajta csak látható címkék. 319 00:13:19,790 --> 00:13:21,696 De ti is látni hihető. 320 00:13:21,696 --> 00:13:23,570 Tegyük fel, hogy két bekezdés egy oldalon, és 321 00:13:23,570 --> 00:13:26,087 azt szeretném tudni, hogy a stílus az egyik, de nem a többi, 322 00:13:26,087 --> 00:13:29,170 nem csak azt, hogy fogja vissza magát hogy kell használni a különböző aktuális HTML 323 00:13:29,170 --> 00:13:33,410 Címkék adni nekik különböző stílusokat. 324 00:13:33,410 --> 00:13:35,995 >> Tehát van három alapvető típusú választók. 325 00:13:35,995 --> 00:13:37,120 ALLISON Buchholtz-AU: Igen. 326 00:13:37,120 --> 00:13:39,828 Tehát van tag, amely a mi mi már beszélünk most. 327 00:13:39,828 --> 00:13:42,430 Szóval ez olyan, mint a tested, vagy p. 328 00:13:42,430 --> 00:13:46,280 És akkor mi van osztály, amely amikor meghatározzák, hogy a mi CSS fájlban, 329 00:13:46,280 --> 00:13:49,907 ez mindig lesz dot, bármi szeretné a nevét, az osztály is. 330 00:13:49,907 --> 00:13:51,490 És ez vonatkozik a több dolgot. 331 00:13:51,490 --> 00:13:54,610 332 00:13:54,610 --> 00:13:57,610 >> Tegyük fel, hogy öt pontját és kettő a három közülük 333 00:13:57,610 --> 00:14:00,580 kell stílusú ugyanazon, akkor alkalmazni egy osztályt is. 334 00:14:00,580 --> 00:14:03,040 És ez még csak a módszer nem más. 335 00:14:03,040 --> 00:14:05,600 Adunk egy példát ahol ez valóban felbukkan. 336 00:14:05,600 --> 00:14:11,030 De ha már talán néhány tag p, utána, akkor írj, 337 00:14:11,030 --> 00:14:14,170 class egyenlő bármi osztályok az alkalmazni kívánt rá. 338 00:14:14,170 --> 00:14:19,280 Így bármi class választók, hogy szeretnénk hogy alkalmazni erre külön bekezdés, 339 00:14:19,280 --> 00:14:21,300 tudnánk írni, mint ez. 340 00:14:21,300 --> 00:14:24,080 Persze, azt hiszem, egy példa teszi sokkal konkrétabb. 341 00:14:24,080 --> 00:14:27,270 >> A másik van az id, amely jelöljük 342 00:14:27,270 --> 00:14:29,707 A kettőskereszt, vagy a font, vagy 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 Ez működik is. 346 00:14:34,550 --> 00:14:36,640 És ez tényleg egyedi. 347 00:14:36,640 --> 00:14:39,880 Ők csak azokra az Egy dolog az oldalon. 348 00:14:39,880 --> 00:14:43,820 Tehát, hogy ez egy külön bekezdés, vagy valami listaelemet, vagy bármi, 349 00:14:43,820 --> 00:14:45,090 ennek egyedinek kell lennie. 350 00:14:45,090 --> 00:14:48,730 És ugyanúgy, hogy mi csak mondani, mint, class = "Class1 class2," 351 00:14:48,730 --> 00:14:51,577 ez csak legyen id bármilyen van. 352 00:14:51,577 --> 00:14:52,410 TOMAS REIMERS: Igen. 353 00:14:52,410 --> 00:14:54,330 Úgyhogy mindenképpen beszélni mintegy példák itt. 354 00:14:54,330 --> 00:14:58,170 És én csak fog merülni egyenesen vissza a kódot. 355 00:14:58,170 --> 00:15:02,090 Tehát nézzük meg mi HTML. 356 00:15:02,090 --> 00:15:03,960 És így most van egy paragrafus. 357 00:15:03,960 --> 00:15:05,510 Ez a szöveg. 358 00:15:05,510 --> 00:15:09,151 Én csak megy, hogy módosítsa azt. "Ez a szöveg 1" 359 00:15:09,151 --> 00:15:11,150 És akkor mi lesz Van egy "Ez a szöveg 2." 360 00:15:11,150 --> 00:15:12,525 >> ALLISON Buchholtz-AU: második. 361 00:15:12,525 --> 00:15:13,540 TOMAS REIMERS: Aha. 362 00:15:13,540 --> 00:15:16,810 Szóval most már van "Ez a szöveg 2", igaz? 363 00:15:16,810 --> 00:15:21,560 És fogunk látni, hogy ha reload Az oldal, mit fogunk találni 364 00:15:21,560 --> 00:15:23,067 ez fogunk 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: Igen. 367 00:15:24,983 --> 00:15:27,570 Fogunk találni "Ez 1. szöveg ", és" ez a szöveg 2 " 368 00:15:27,570 --> 00:15:28,650 >> ALLISON Buchholtz-AU: És out szép sárga színű. 369 00:15:28,650 --> 00:15:31,066 >> TOMAS REIMERS: És látni fogod hogy a választó most, 370 00:15:31,066 --> 00:15:34,940 amely vonatkozik a P, illetve bekezdések érinti mind a ketten, 371 00:15:34,940 --> 00:15:38,700 mert mindketten megfelelnek a feltétellel, hogy mindketten egy p tag. 372 00:15:38,700 --> 00:15:40,360 Hogy teljesen érthető. 373 00:15:40,360 --> 00:15:43,340 A kérdés tehát az, nos, mit ha azt akartuk, hogy csak az kap egy? 374 00:15:43,340 --> 00:15:46,350 Tehát pontosan olyan, mint Allison azt mondta, van két más módon is csinálni. 375 00:15:46,350 --> 00:15:47,320 Megyek kezdeni id. 376 00:15:47,320 --> 00:15:48,405 >> ALLISON Buchholtz-AU: Kezdjük id. 377 00:15:48,405 --> 00:15:50,405 >> TOMAS REIMERS: És mind Ezek közül tulajdonságok. 378 00:15:50,405 --> 00:15:53,200 Tehát attribútumok léteznek HTML. 379 00:15:53,200 --> 00:15:55,600 És mik azok a valami, amit hozzá 380 00:15:55,600 --> 00:15:58,840 belül a tag, amely elválhat a tag nevét. 381 00:15:58,840 --> 00:16:01,301 Így van több tulajdonságot. 382 00:16:01,301 --> 00:16:01,800 Igen? 383 00:16:01,800 --> 00:16:03,950 >> ALLISON Buchholtz-AU: Csak azt akartam mondani, az Ön például PSET 7, 384 00:16:03,950 --> 00:16:06,650 ha valakinek próbálja összehangolni dolgokat a központba, 385 00:16:06,650 --> 00:16:08,550 lehet, hogy használt "Text align = center." 386 00:16:08,550 --> 00:16:10,550 És akkor észrevette, hogy valószínűleg kellett volna középre 387 00:16:10,550 --> 00:16:12,650 a szöveg vagy a navigációs sáv. 388 00:16:12,650 --> 00:16:15,499 Szóval ez csak még egy attribútum hogy ismerős lehet. 389 00:16:15,499 --> 00:16:18,040 TOMAS REIMERS: Van egy csomó Az attribútumok, hogy látni fogod. 390 00:16:18,040 --> 00:16:18,539 Igen. 391 00:16:18,539 --> 00:16:21,250 Mint jó referencia, hogy PSET 7. 392 00:16:21,250 --> 00:16:23,150 Van id. 393 00:16:23,150 --> 00:16:25,080 Azt is, hogy osztály, a dolgok, mint ez. 394 00:16:25,080 --> 00:16:27,250 Egyetlen elemnél is sok attribútum. 395 00:16:27,250 --> 00:16:33,140 Így kezdődik id, Tegyünk úgy, mintha mi szeretnénk, hogy egy id of-- Nem tudom. 396 00:16:33,140 --> 00:16:35,140 Hívjuk meg a különleges, mert ez az egyik, mi vagyunk 397 00:16:35,140 --> 00:16:37,867 megy, hogy merész, és hangsúlyozzák, és bármi. 398 00:16:37,867 --> 00:16:39,950 ALLISON Buchholtz-AU: Ez lesz szuper. 399 00:16:39,950 --> 00:16:42,360 TOMAS REIMERS: Tehát ez Egy, már id különleges. 400 00:16:42,360 --> 00:16:48,140 Tehát az utat válassza ki, hogy akkor az, A main.css, ahelyett, hogy egy p tag, 401 00:16:48,140 --> 00:16:51,500 te #special, OK? 402 00:16:51,500 --> 00:16:55,538 És, hogy kiválasztja a dolog id különleges. 403 00:16:55,538 --> 00:16:57,295 Van ennek értelme mindenkinek? 404 00:16:57,295 --> 00:16:57,920 Közönség: Igen. 405 00:16:57,920 --> 00:16:59,110 TOMAS REIMERS: Cool. 406 00:16:59,110 --> 00:17:04,440 Tehát most ha visszamegyünk, mi csak-- Hoppá. 407 00:17:04,440 --> 00:17:06,240 Igen. 408 00:17:06,240 --> 00:17:09,460 Meglátjuk, hogy ez csak kiválasztja Az egyik id különleges. 409 00:17:09,460 --> 00:17:10,622 Igen? 410 00:17:10,622 --> 00:17:11,900 Jól hangzik. 411 00:17:11,900 --> 00:17:12,570 Igen. 412 00:17:12,570 --> 00:17:15,456 >> Közönség: Tud valamit van attribútum mindkét osztály és az id? 413 00:17:15,456 --> 00:17:16,359 >> TOMAS REIMERS: Igen. 414 00:17:16,359 --> 00:17:16,900 Közönség: OK. 415 00:17:16,900 --> 00:17:20,887 És akkor mi történik, ha majd adni ez bizonyos szabályoktól CSS, hogy a konfliktus? 416 00:17:20,887 --> 00:17:21,970 TOMAS REIMERS: Abszolút. 417 00:17:21,970 --> 00:17:23,940 Mi határozottan fog beszélni róla. 418 00:17:23,940 --> 00:17:31,890 Tehát pontosan mit is kapok a, akkor is van osztályokat. 419 00:17:31,890 --> 00:17:36,380 Szóval mintha én volt három bekezdés és én 420 00:17:36,380 --> 00:17:38,730 akarta, hogy stílus az első kettő, de nem a harmadik. 421 00:17:38,730 --> 00:17:42,850 Nos, az első gondolata lehet, nos, Lehet, hogy csak így a második egy id. 422 00:17:42,850 --> 00:17:45,590 De nem tudsz, mert az id, pontosan olyan, mint Allison azt mondta, 423 00:17:45,590 --> 00:17:47,330 egyedinek kell lennie. 424 00:17:47,330 --> 00:17:50,860 >> Így ahelyett, hogy egy id, amit Használhatja az akkor egy osztályban. 425 00:17:50,860 --> 00:17:57,880 És a class-- mi ez lehetővé teszi Önnek tennie, hogy alapvetően azt mondják, 426 00:17:57,880 --> 00:17:59,610 ez tartozik, mint egy csoport része. 427 00:17:59,610 --> 00:18:02,410 Ebben az esetben, a mi csoport az úgynevezett Special. 428 00:18:02,410 --> 00:18:06,500 És mit fogunk csinálni, akkor van fogunk say-- helyett font, 429 00:18:06,500 --> 00:18:08,070 fogunk használni dot. 430 00:18:08,070 --> 00:18:08,740 OK? 431 00:18:08,740 --> 00:18:11,950 És észre, hogy a font és a dot csak létezik az CSS fájlban, 432 00:18:11,950 --> 00:18:12,797 nem a HTML. 433 00:18:12,797 --> 00:18:13,880 ALLISON Buchholtz-AU: Igen. 434 00:18:13,880 --> 00:18:15,185 Fontos különbséget. 435 00:18:15,185 --> 00:18:17,510 >> TOMAS REIMERS: Van volt annyira harc, 436 00:18:17,510 --> 00:18:23,990 mert tettem a hash a HTML és Ezután csak úgy érezte, ostoba sokáig. 437 00:18:23,990 --> 00:18:27,470 Nézze meg, hogyan választja ki mindkét az is, azzal osztály? 438 00:18:27,470 --> 00:18:28,210 Cool. 439 00:18:28,210 --> 00:18:29,950 >> Most, a dolgok több osztály is. 440 00:18:29,950 --> 00:18:32,790 Mondjuk azt akartam, hogy az első Két van a háttérben a sárga 441 00:18:32,790 --> 00:18:36,770 és a második kettő egy font színe kék. 442 00:18:36,770 --> 00:18:37,270 OK. 443 00:18:37,270 --> 00:18:39,735 Nem igazán tudom, miért teszem, ha akar csinálni, de én igen. 444 00:18:39,735 --> 00:18:42,401 >> ALLISON Buchholtz-AU: lehet, hogy nem ajánlotta a honlapon. 445 00:18:42,401 --> 00:18:43,880 De a mi szempontunkból, hogy megteszem. 446 00:18:43,880 --> 00:18:46,294 >> TOMAS REIMERS: Nem Jó színséma. 447 00:18:46,294 --> 00:18:49,210 ALLISON Buchholtz-AU: Nos, sárga és kék a gimnáziumi színek. 448 00:18:49,210 --> 00:18:50,947 Nem tudom, mégis. 449 00:18:50,947 --> 00:18:53,530 TOMAS REIMERS: Allison magas iskola volt egy nagy színséma. 450 00:18:53,530 --> 00:18:54,520 [Nevetés] 451 00:18:54,520 --> 00:18:59,120 Akkor mi tudjuk hívni ezt Nevezzük this-- így van Special 452 00:18:59,120 --> 00:19:00,030 és mi van Pretty. 453 00:19:00,030 --> 00:19:02,405 Azt javaslom, ehhez, akkor használd sokkal névvel. 454 00:19:02,405 --> 00:19:05,820 ALLISON Buchholtz-AU: Igen, megtenném hívja ezt, mint a, sárga vagy kék. 455 00:19:05,820 --> 00:19:08,314 >> TOMAS REIMERS: Nem vagyunk igazán, hogy egy valódi weboldal 456 00:19:08,314 --> 00:19:09,730 ezért mi nem ezt teszem. 457 00:19:09,730 --> 00:19:11,521 De ha valóban volt egy igazi website, akkor 458 00:19:11,521 --> 00:19:16,220 Lehet, hogy, mondjuk, a cikk fejlécében, cikk tartalmát, első szó, 459 00:19:16,220 --> 00:19:21,920 ilyesmi, amelyek lehetővé teszik, akkor sokkal találóbb. 460 00:19:21,920 --> 00:19:23,550 Ezek tényleg mint változókat. 461 00:19:23,550 --> 00:19:28,390 Ők meg kell nevezni olyan módon, ahol tudod, like-- igen, mint olyan. 462 00:19:28,390 --> 00:19:29,470 Tökéletes. 463 00:19:29,470 --> 00:19:30,480 >> Tehát a háttér színe. 464 00:19:30,480 --> 00:19:35,920 És akkor mi lesz say-- így a módja annak, hogy változtatni színe csak "színes". 465 00:19:35,920 --> 00:19:38,412 És fogunk tenni blue. 466 00:19:38,412 --> 00:19:40,150 Ez jó. 467 00:19:40,150 --> 00:19:42,640 Tehát most már a első két különleges. 468 00:19:42,640 --> 00:19:45,972 Next sem fog van "class = elég." 469 00:19:45,972 --> 00:19:49,180 ALLISON Buchholtz-AU: és akkor majd szeretné adni a "szép" a középsőt. 470 00:19:49,180 --> 00:19:49,971 TOMAS REIMERS: Aha. 471 00:19:49,971 --> 00:19:52,970 Majd a középső, felvenni "szép", hogy mi történik 472 00:19:52,970 --> 00:19:56,880 ez csak van egy hely. 473 00:19:56,880 --> 00:19:59,800 Tehát a class attribútum szóközzel elválasztott listája 474 00:19:59,800 --> 00:20:02,450 Az összes osztály alkalmazandók erre a tag. 475 00:20:02,450 --> 00:20:02,959 OK? 476 00:20:02,959 --> 00:20:05,750 Nem mintha ez tartozik valamilyen speciális nevű osztályt 477 00:20:05,750 --> 00:20:07,180 "Különleges, teret, elég." 478 00:20:07,180 --> 00:20:10,870 Tartozik két classes-- különleges és szép. 479 00:20:10,870 --> 00:20:12,492 Igen? 480 00:20:12,492 --> 00:20:14,360 Cool. 481 00:20:14,360 --> 00:20:17,010 >> Majd ha megnézzük mi történik, mi vagyunk 482 00:20:17,010 --> 00:20:21,850 majd, hogy elsőnek sárga háttér, fekete szöveget. 483 00:20:21,850 --> 00:20:22,450 Második one-- 484 00:20:22,450 --> 00:20:26,160 >> ALLISON Buchholtz-AU: --has bold sárga alapon kék szöveg. 485 00:20:26,160 --> 00:20:29,330 És mi utolsót éppen az a kék szöveg, hogy mi van hozzárendelve. 486 00:20:29,330 --> 00:20:30,870 >> TOMAS REIMERS: Cool? 487 00:20:30,870 --> 00:20:32,491 Hogyan választók dolgozni? 488 00:20:32,491 --> 00:20:32,990 Félelmetes. 489 00:20:32,990 --> 00:20:34,720 >> ALLISON Buchholtz-AU: Akarunk beszélni a konfliktus most akkor? 490 00:20:34,720 --> 00:20:35,780 >> TOMAS REIMERS: Szóval igen. 491 00:20:35,780 --> 00:20:36,310 Abszolút. 492 00:20:36,310 --> 00:20:38,380 Tehát mi történik, ha Van egy konfliktus, ugye? 493 00:20:38,380 --> 00:20:44,740 Tegyünk úgy, mintha az első állít fel valamit like-- 494 00:20:44,740 --> 00:20:47,240 ALLISON Buchholtz-AU: Talán ez megváltoztatja a háttérben? 495 00:20:47,240 --> 00:20:48,090 TOMAS REIMERS: Igen. 496 00:20:48,090 --> 00:20:51,699 Így fogunk tenni "szép" változtatni a háttérben, a lazac. 497 00:20:51,699 --> 00:20:54,740 ALLISON Buchholtz-AU: Te csak a minden nagyszerű színeket ma, Tomas. 498 00:20:54,740 --> 00:20:55,573 TOMAS REIMERS: Igen. 499 00:20:55,573 --> 00:20:58,200 Mert rájöttem tudok használja a lazac, mint egy igazi színes. 500 00:20:58,200 --> 00:21:00,270 Szóval csak akkor fog csinálni. 501 00:21:00,270 --> 00:21:01,770 Azt is gondolom, Sunset egy igazi színes. 502 00:21:01,770 --> 00:21:03,103 Közönség: Sunset egy igazi színe? 503 00:21:03,103 --> 00:21:04,572 ALLISON Buchholtz-AU: Próbáljuk meg. 504 00:21:04,572 --> 00:21:07,735 TOMAS REIMERS: Miután ez a demó csak azért, mert abban az esetben, elrontja, 505 00:21:07,735 --> 00:21:08,943 Nem akarom, hogy a hibakeresés. 506 00:21:08,943 --> 00:21:11,580 Tehát tudjuk, hogy a lazac egy igazi színes. 507 00:21:11,580 --> 00:21:15,626 Tehát minden találgatások on mi fog történni? 508 00:21:15,626 --> 00:21:17,522 >> ALLISON Buchholtz-AU: Valami ötlet? 509 00:21:17,522 --> 00:21:20,002 >> Közönség: [hallható]. 510 00:21:20,002 --> 00:21:20,920 >> TOMAS REIMERS: Igen. 511 00:21:20,920 --> 00:21:22,150 Szóval van ez pontosan így van. 512 00:21:22,150 --> 00:21:24,930 Alapvetően úgy utolsó szabály, hogy azt kapta. 513 00:21:24,930 --> 00:21:27,860 >> ALLISON Buchholtz-AU: Tehát ez ahol lépcsőzetes hatályba lép. 514 00:21:27,860 --> 00:21:31,080 >> TOMAS REIMERS: Úgy emlékszem, hogyan volt, hogy Cascading Style Sheets? 515 00:21:31,080 --> 00:21:33,660 Tehát, hogy azt a fajta jelenti hogy van egy csomó szabályok 516 00:21:33,660 --> 00:21:37,115 amely alkalmazni egymás tetejére, és ők is felül lehet egymást. 517 00:21:37,115 --> 00:21:39,380 >> ALLISON Buchholtz-AU: Tehát bármi van az alján 518 00:21:39,380 --> 00:21:41,540 felülírja bármi is legyen a tetején. 519 00:21:41,540 --> 00:21:45,842 Lehetne szabályokat, amelyek teljesen tagadja valamit előre. 520 00:21:45,842 --> 00:21:48,300 Ezért is akarsz lenni Vigyázzon, ha éppen a stílus, 521 00:21:48,300 --> 00:21:51,465 szóval nem teremt szabályok te csak teljesen irányadó. 522 00:21:51,465 --> 00:21:53,340 >> TOMAS REIMERS: Vagy talán nem akarja felülírni szabályokat. 523 00:21:53,340 --> 00:21:53,920 >> ALLISON Buchholtz-AU: Vagy talán nem. 524 00:21:53,920 --> 00:21:54,300 Igen. 525 00:21:54,300 --> 00:21:57,175 >> TOMAS REIMERS: Csinálj úgy, hogy egy class amely a legtöbb dolog, 526 00:21:57,175 --> 00:22:01,220 de mondjuk meg akarja változtatni a háttér színe a piros, a betűtípus 527 00:22:01,220 --> 00:22:03,140 súlyt merész a legtöbb dolgokat, de egy, 528 00:22:03,140 --> 00:22:06,098 Ha csak szeretné a háttérszínt hogy piros, de szeretnénk, ha minden más 529 00:22:06,098 --> 00:22:09,990 tulajdonságait, akkor tehetne valamit mint a "font-weight = normális" 530 00:22:09,990 --> 00:22:12,760 ami majd visszavonhatja, hogy a merész változás. 531 00:22:12,760 --> 00:22:14,480 Igen? 532 00:22:14,480 --> 00:22:17,250 Ismét a legjobb módja, azt hiszem, Allison azt mondta, csak gyakorolni. 533 00:22:17,250 --> 00:22:18,080 >> ALLISON Buchholtz-AU: kísérletezés. 534 00:22:18,080 --> 00:22:20,090 >> TOMAS REIMERS: gyakorlás, gyakorlás, gyakorlatot, és a kísérlet. 535 00:22:20,090 --> 00:22:22,950 Tudom, hogy egy csomó ember, hogy úgy gondolja, CSS csak egy csomó találgatás és ellenőrzés 536 00:22:22,950 --> 00:22:25,580 a végén a nap, ahol, ha akarsz csinálni, mint something--, 537 00:22:25,580 --> 00:22:27,663 van egy durva ötlet, de Még mindig valószínűleg szükség 538 00:22:27,663 --> 00:22:31,390 hogy próbálja ki, hogy győződjön meg arról Tudja, hogy néz ki. 539 00:22:31,390 --> 00:22:34,482 >> Közönség: Amikor alkalmazása osztályok, több mint egy 540 00:22:34,482 --> 00:22:37,339 hogy ugyanezen bekezdés vagy részben, nem igaz 541 00:22:37,339 --> 00:22:39,505 számít, milyen célból, hogy a írja őket az idézőjelek? 542 00:22:39,505 --> 00:22:40,992 >> TOMAS REIMERS: Nem, egyáltalán nem. 543 00:22:40,992 --> 00:22:45,764 >> ALLISON Buchholtz-AU: Ami számít A rend a CSS stíluslap. 544 00:22:45,764 --> 00:22:47,430 Közönség: Tudnál ismételje meg a kérdést? 545 00:22:47,430 --> 00:22:50,680 TOMAS REIMERS: Oh. 546 00:22:50,680 --> 00:22:53,990 ALLISON Buchholtz-AU: belül osztály, ha adsz osztályok 547 00:22:53,990 --> 00:22:56,964 hogy valami a HTML, nem Számít, milyen sorrendben ők? 548 00:22:56,964 --> 00:22:58,130 Nem számít, hogy a megrendelés. 549 00:22:58,130 --> 00:23:02,915 Ami számít, az a sorrendben a osztály választók belül a CSS, 550 00:23:02,915 --> 00:23:04,306 belül stíluslapja. 551 00:23:04,306 --> 00:23:06,982 >> TOMAS REIMERS: jól hangzik? 552 00:23:06,982 --> 00:23:08,532 >> ALLISON Buchholtz-AU: Lovely. 553 00:23:08,532 --> 00:23:11,539 >> TOMAS REIMERS: És akkor fogunk folytatni to-- 554 00:23:11,539 --> 00:23:13,330 ALLISON Buchholtz-AU: Mi van még? 555 00:23:13,330 --> 00:23:14,245 Elfelejtem. 556 00:23:14,245 --> 00:23:16,087 Ó, már csak példák. 557 00:23:16,087 --> 00:23:17,295 De már egyfajta tenni azokat. 558 00:23:17,295 --> 00:23:18,990 Tettünk példák menet közben. 559 00:23:18,990 --> 00:23:20,540 >> TOMAS REIMERS: Kapunk egyesítik a választók hamarosan. 560 00:23:20,540 --> 00:23:22,790 >> ALLISON Buchholtz-AU: Oh, jutunk, hogy összekapcsolják választók. 561 00:23:22,790 --> 00:23:25,260 TOMAS REIMERS: Szóval néhány példák is vannak 562 00:23:25,260 --> 00:23:29,630 # Dog-- font, vagy hashtag, vagy octothorpe, vagy bármi 563 00:23:29,630 --> 00:23:32,050 a hívni kívánt hogy-- éles. 564 00:23:32,050 --> 00:23:34,875 >> ALLISON Buchholtz-AU: Sharp kutya. 565 00:23:34,875 --> 00:23:36,470 >> TOMAS REIMERS: Akkor van .pets. 566 00:23:36,470 --> 00:23:39,059 567 00:23:39,059 --> 00:23:41,600 Valami egy id kutya, már csak egy kutya az oldalon. 568 00:23:41,600 --> 00:23:43,870 Valami van egy azonosítót macska, már csak egy macska. 569 00:23:43,870 --> 00:23:45,665 Lehet, hogy sok háziállat az oldalon. 570 00:23:45,665 --> 00:23:47,570 Ezért is adta, hogy az osztályok. 571 00:23:47,570 --> 00:23:48,740 Van egy példa p. 572 00:23:48,740 --> 00:23:50,490 És akkor így az egyik utolsó példa, amely 573 00:23:50,490 --> 00:23:53,790 van valami, amit még nem beszéltünk, az, hogy mi történik, ha kombinálják őket. 574 00:23:53,790 --> 00:23:54,580 Tehát p.pets. 575 00:23:54,580 --> 00:23:57,510 576 00:23:57,510 --> 00:24:02,950 >> Tehát, hogy menjünk vissza a kódot, és vezessen be another-- igen. 577 00:24:02,950 --> 00:24:04,290 Szóval vissza ide. 578 00:24:04,290 --> 00:24:04,850 >> ALLISON Buchholtz-AU: I érzem, ez az really-- 579 00:24:04,850 --> 00:24:08,105 mint a csak nézegette példák valóban a módja annak, hogy megtanulják ezt. 580 00:24:08,105 --> 00:24:09,360 Szóval ez az, amit csinálunk. 581 00:24:09,360 --> 00:24:14,030 >> TOMAS REIMERS: Akkor most úgy, mintha mi csak akar választani szöveg 2, ugye? 582 00:24:14,030 --> 00:24:16,530 Így biztosan nem ezt megtenni egy id. 583 00:24:16,530 --> 00:24:19,620 Nos, amit tehetünk, hogy egy id, de nincs id. 584 00:24:19,620 --> 00:24:22,490 Azt is hozzá egyet, de most úgy, mintha hogy nem akartam, hogy adjunk egy 585 00:24:22,490 --> 00:24:24,910 vagy ez már valami más. 586 00:24:24,910 --> 00:24:26,516 Nem tudom, hogy ezzel. 587 00:24:26,516 --> 00:24:28,870 A tag egyáltalán nem egyedi, nem igaz? 588 00:24:28,870 --> 00:24:30,670 És az sem az osztály. 589 00:24:30,670 --> 00:24:32,314 De akkor is össze ezeket a dolgokat. 590 00:24:32,314 --> 00:24:35,230 Mondjuk akartam csinálni valamit amely csak a dolgok 591 00:24:35,230 --> 00:24:39,420 az osztály különleges és amelyek az osztály elég. 592 00:24:39,420 --> 00:24:48,150 >> Szóval, mit tehetünk a main.css, azt lehet mondani, nézzük először törölni ezt. 593 00:24:48,150 --> 00:24:50,240 Ezek kombinálásával. 594 00:24:50,240 --> 00:24:51,430 Szóval lehet csinálni .special. 595 00:24:51,430 --> 00:24:52,110 Nincs hely. 596 00:24:52,110 --> 00:24:54,770 Csak .special.pretty. 597 00:24:54,770 --> 00:25:00,550 Ez azt jelenti, valamit amely egyszerre különleges és szép. 598 00:25:00,550 --> 00:25:01,900 Van ennek értelme? 599 00:25:01,900 --> 00:25:04,190 És ha mi megy itt, mit fogsz látni 600 00:25:04,190 --> 00:25:09,734 ez a szabály csak az második, mindkettővel rendelkezik. 601 00:25:09,734 --> 00:25:11,400 És meg tudod csinálni, hogy egy csomó dolgot. 602 00:25:11,400 --> 00:25:13,270 Akkor say-- nézzük mintha én csak akartam 603 00:25:13,270 --> 00:25:18,300 olyan dolgokat, amelyek az osztály elég és amelyek egyben a bekezdés címke. 604 00:25:18,300 --> 00:25:19,920 Tehát p.pretty. 605 00:25:19,920 --> 00:25:23,585 Tegyük fel, hogy meg kellett valami szép a tag szervezetben. 606 00:25:23,585 --> 00:25:25,850 OK? 607 00:25:25,850 --> 00:25:28,490 Tudom futtatni ezt és én Láthatjuk, hogy ez csak 608 00:25:28,490 --> 00:25:32,720 fog alkalmazni a dolgokat, amelyek bekezdések az osztállyal elég. 609 00:25:32,720 --> 00:25:35,650 És akkor össze ezeket, Alapvetően annyi, amennyit csak akar. 610 00:25:35,650 --> 00:25:38,580 Így csak összerakni őket. 611 00:25:38,580 --> 00:25:39,604 Van ennek értelme? 612 00:25:39,604 --> 00:25:41,770 ALLISON Buchholtz-AU: Tehát ez a fajta is hasznosabb 613 00:25:41,770 --> 00:25:45,490 amikor Tomas mondott korábban, talán Van egy nagyon bonyolult honlap, 614 00:25:45,490 --> 00:25:48,050 és már van egy csomó E szabályok írt, 615 00:25:48,050 --> 00:25:51,170 és akkor csak meg kell össze két korábbról. 616 00:25:51,170 --> 00:25:55,350 Mint írása helyett egy egész Új választó és változó ott, 617 00:25:55,350 --> 00:25:58,592 ha csak össze őket, ahol az átfedésben. 618 00:25:58,592 --> 00:26:00,670 >> TOMAS REIMERS: Vagy Lehet találni out-- néha 619 00:26:00,670 --> 00:26:04,290 van egy osztály, amely teszi font színe, mint a kék, 620 00:26:04,290 --> 00:26:06,740 és van egy másik osztály, amely teszi a háttérben kék. 621 00:26:06,740 --> 00:26:07,840 És ez csak nem fog működni. 622 00:26:07,840 --> 00:26:10,924 Így írunk egy speciális eset, amikor, like-- de ha azt mind, mire vagy 623 00:26:10,924 --> 00:26:13,548 eredménye, hogy meg fogsz hogy ez az egyik ez a kék árnyalat 624 00:26:13,548 --> 00:26:15,310 és ez a másik kék árnyalatú. 625 00:26:15,310 --> 00:26:15,580 Ugye? 626 00:26:15,580 --> 00:26:17,955 >> ALLISON Buchholtz-AU: Jó azoknak típusú kivételek. 627 00:26:17,955 --> 00:26:21,220 TOMAS REIMERS: Tehát, hogy gondolkodni problémák 628 00:26:21,220 --> 00:26:25,000 hogy az esetleg, ha kombinálják őket. 629 00:26:25,000 --> 00:26:27,020 Cool. 630 00:26:27,020 --> 00:26:29,692 Szóval vissza a bemutatót. 631 00:26:29,692 --> 00:26:31,400 ALLISON Buchholtz-AU: Már majdnem ott vagyunk. 632 00:26:31,400 --> 00:26:34,022 TOMAS REIMERS: És ez leállt összekötő. 633 00:26:34,022 --> 00:26:36,494 ALLISON Buchholtz-AU: Ó, nem. 634 00:26:36,494 --> 00:26:39,125 ALLISON Buchholtz-AU: CS at az iroda, internet lemegy. 635 00:26:39,125 --> 00:26:40,360 Ó, az iróniát. 636 00:26:40,360 --> 00:26:45,620 >> TOMAS REIMERS: Szóval Szerencsére mi is bemutatni nélkül az interneten, azt hiszem, 637 00:26:45,620 --> 00:26:47,380 mert mi minden diák itt. 638 00:26:47,380 --> 00:26:49,304 Szóval beszéljünk a kapcsolata címkék. 639 00:26:49,304 --> 00:26:50,470 ALLISON Buchholtz-AU: Így van. 640 00:26:50,470 --> 00:26:52,660 Tehát csak ilyen megy off, amit Tomas mondta, 641 00:26:52,660 --> 00:26:54,180 ez is csak egy módja annak, hogy csináld. 642 00:26:54,180 --> 00:26:57,840 Így van némi szülői Selector a gyermek választó. 643 00:26:57,840 --> 00:27:02,815 Tehát ebben a példában itt van néhány testét egy osztály navigációs panelen, class gombra. 644 00:27:02,815 --> 00:27:03,315 Ah. 645 00:27:03,315 --> 00:27:03,990 >> TOMAS REIMERS: Ó, sajnálom. 646 00:27:03,990 --> 00:27:06,180 >> ALLISON Buchholtz-AU: És Alapvetően ez mit jelent 647 00:27:06,180 --> 00:27:11,070 mint kiválasztani az összes gyermek, mint a az összes ilyen típusú választók, 648 00:27:11,070 --> 00:27:13,040 ezen belül a szülő választó. 649 00:27:13,040 --> 00:27:16,004 És ezek az egyetlenek, hogy valaha is alkalmazni kell. 650 00:27:16,004 --> 00:27:17,755 Nem tudom, ha Van egy jobb módja of-- 651 00:27:17,755 --> 00:27:19,504 TOMAS REIMERS: Szóval kitalálni a módját, hogy úgy gondolja, 652 00:27:19,504 --> 00:27:22,440 Minderről emlékszem előtt, hogyan azt a fajta, mint összerakni. 653 00:27:22,440 --> 00:27:26,340 És akkor, hogy egyik elemét jelenti amely megfelel az összes ilyen. 654 00:27:26,340 --> 00:27:29,530 Milyen ez mond, én akarom tőled, hogy megfeleljen mindent 655 00:27:29,530 --> 00:27:33,220 belül some-- akarok megtalálni a választó. 656 00:27:33,220 --> 00:27:35,670 Majd azon belül szeretném Önnek, hogy megfeleljen az új dolgokat. 657 00:27:35,670 --> 00:27:36,170 Ugye? 658 00:27:36,170 --> 00:27:40,900 Tehát a CSS, ez az egész a fajta hogy képes egyeztetni ezeket a tételeket. 659 00:27:40,900 --> 00:27:43,050 És akkor megpróbálja összehangolni tételek belüli egyéb tételek. 660 00:27:43,050 --> 00:27:46,510 >> Szóval valójában nem egy példa, és úgy gondoljuk, hogy majd tisztázni. 661 00:27:46,510 --> 00:27:53,090 Úgyhogy úgy, mintha mi a különleges, Különleges csinos, bármi. 662 00:27:53,090 --> 00:27:55,690 És akkor mi van egy link, OK? 663 00:27:55,690 --> 00:27:59,780 664 00:27:59,780 --> 00:28:02,370 Így emlékszik, egy olyan link. 665 00:28:02,370 --> 00:28:03,900 Ez nem fog menni sehova. 666 00:28:03,900 --> 00:28:11,500 És mi lesz, hogy ez osztály linket, azt hiszem. 667 00:28:11,500 --> 00:28:13,335 Adjunk a class-- adjon nekem egy ötletet. 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-- nézzük megy az osztály elég. 670 00:28:16,420 --> 00:28:16,930 Miért nem? 671 00:28:16,930 --> 00:28:17,971 >> ALLISON Buchholtz-AU: OK. 672 00:28:17,971 --> 00:28:23,040 TOMAS REIMERS: Tehát most szép dolgokat 673 00:28:23,040 --> 00:28:26,000 megy, hogy a háttérben kék, háttér színe lazac. 674 00:28:26,000 --> 00:28:27,969 Ennek van értelme. 675 00:28:27,969 --> 00:28:28,760 És ha nem teszünk this-- 676 00:28:28,760 --> 00:28:29,620 >> ALLISON Buchholtz-AU: Szeretné, hogy szöveget 677 00:28:29,620 --> 00:28:31,078 így a hivatkozás valójában azt mutatja fel? 678 00:28:31,078 --> 00:28:35,088 TOMAS REIMERS: Ez lenne egy jó hívás. 679 00:28:35,088 --> 00:28:37,921 ALLISON Buchholtz-AU: Mert jobb Most mi csak fog kapni semmit. 680 00:28:37,921 --> 00:28:39,690 TOMAS REIMERS: Tehát ez a link. 681 00:28:39,690 --> 00:28:42,202 "Ez egy link." 682 00:28:42,202 --> 00:28:45,820 Ja, és ez lesz hogy egy másik link. 683 00:28:45,820 --> 00:28:47,280 Adjunk az osztály "cool". 684 00:28:47,280 --> 00:28:50,295 Igazad van. 685 00:28:50,295 --> 00:28:50,795 Cool. 686 00:28:50,795 --> 00:28:53,590 687 00:28:53,590 --> 00:28:56,010 Akkor most mi lesz fogd ezt. 688 00:28:56,010 --> 00:28:57,269 Fogunk dobni egy. 689 00:28:57,269 --> 00:28:59,060 Van egy a speciális tag, és mi is 690 00:28:59,060 --> 00:29:01,150 megy, hogy az egyik a szép tag. 691 00:29:01,150 --> 00:29:05,449 És most mit fogunk tennie, hogy meg fogunk tenni cool-- 692 00:29:05,449 --> 00:29:06,490 mit is szeretnél csinálni? 693 00:29:06,490 --> 00:29:10,347 694 00:29:10,347 --> 00:29:12,180 ALLISON Buchholtz-AU: Elérjük, hogy nagyobb? 695 00:29:12,180 --> 00:29:13,800 TOMAS REIMERS: Adjunk egy határon. 696 00:29:13,800 --> 00:29:14,840 ALLISON Buchholtz-AU: tudtuk határon. 697 00:29:14,840 --> 00:29:15,673 TOMAS REIMERS: Igen. 698 00:29:15,673 --> 00:29:18,560 Így fogunk tenni valamit szerű, határon ez-- és mi vagyunk 699 00:29:18,560 --> 00:29:20,971 elmagyarázom ez az egész egy másodperc alatt. 700 00:29:20,971 --> 00:29:21,470 A now-- 701 00:29:21,470 --> 00:29:24,592 >> ALLISON Buchholtz-AU: A doboz modell. 702 00:29:24,592 --> 00:29:27,300 TOMAS REIMERS: De most mi vagyunk csak úgy, hogy ez egy határon. 703 00:29:27,300 --> 00:29:29,580 Tehát mit jelent az Ön fogja látni ezeket a linkeket. 704 00:29:29,580 --> 00:29:32,788 És fogsz látni, hogy ezek, mint, csúnya fekete határok, amelyek 705 00:29:32,788 --> 00:29:33,820 hűvös. 706 00:29:33,820 --> 00:29:34,500 >> ALLISON Buchholtz-AU: Honlapunk olyan szép. 707 00:29:34,500 --> 00:29:35,333 >> TOMAS REIMERS: Igen. 708 00:29:35,333 --> 00:29:38,930 Honlapunk félelmetes. 709 00:29:38,930 --> 00:29:41,585 Tehát ez a két linkek, és úgy tűnik. 710 00:29:41,585 --> 00:29:44,160 Most mintha én Csak azt akartam, hogy ezt 711 00:29:44,160 --> 00:29:50,072 ha nem belüli valamit amely a háttérben a lazac. 712 00:29:50,072 --> 00:29:52,280 Úgy emlékszem, hogy ez az egy a háttérben a lazac, 713 00:29:52,280 --> 00:29:54,000 mert az osztály elég. 714 00:29:54,000 --> 00:29:59,777 >> De azt akarjuk mondani, hogy csak hűti amelyek az osztályban speciális, nem az osztályban 715 00:29:59,777 --> 00:30:02,890 elég, kell, hogy határon. 716 00:30:02,890 --> 00:30:12,549 Nos, mit tehetünk meg lehet mondani, .special, a tér, .cool. 717 00:30:12,549 --> 00:30:15,590 És hogy ez mit csinál, ha úgy gondolja, róla, van ez lényegében azt mondja, 718 00:30:15,590 --> 00:30:19,530 OK, meg nekem mindent amely megfelel a különleges. 719 00:30:19,530 --> 00:30:24,104 Ezután a tag-ek, meg nekem mindent, ami jó. 720 00:30:24,104 --> 00:30:27,270 ALLISON Buchholtz-AU: Tehát egy másik módja hogy jó lenne ezen elgondolkodni, 721 00:30:27,270 --> 00:30:29,810 hozza vissza a C, a csakúgy, mint az ötlet hatálya. 722 00:30:29,810 --> 00:30:34,020 Szóval, ha van némi választó, mint azok, 723 00:30:34,020 --> 00:30:38,460 hogy mi már dolgozunk ezt megelőzően, a teljes weboldalt, ha minden HTML 724 00:30:38,460 --> 00:30:40,180 belül van hatálya, ugye? 725 00:30:40,180 --> 00:30:43,090 De ha már ezek a szülő-gyerek kapcsolat, 726 00:30:43,090 --> 00:30:47,130 olyan, mintha te szűkül le, ahol szeretné elérni, hogy egy adott helyen, 727 00:30:47,130 --> 00:30:50,540 mintha, mondjuk, keresünk belül egy adott funkció helyett 728 00:30:50,540 --> 00:30:52,007 A mi egész fájlt. 729 00:30:52,007 --> 00:30:55,090 Közönség: Tehát ezt szem előtt tartva, lenne ez számított volna, ha lenne changed-- 730 00:30:55,090 --> 00:30:56,423 ALLISON Buchholtz-AU: A rend? 731 00:30:56,423 --> 00:30:59,320 Közönség: --A osztály CSS hogy .cool, a tér, .special? 732 00:30:59,320 --> 00:31:01,153 ALLISON Buchholtz-AU: Igen, mert akkor, hogy 733 00:31:01,153 --> 00:31:04,420 mondanám, hatályát, hogy minden, ami jó, 734 00:31:04,420 --> 00:31:07,235 majd nézd meg, mi has-- Úgy értem, mint a jelen esetben, 735 00:31:07,235 --> 00:31:08,860 Nem hiszem, hogy változott volna meg. 736 00:31:08,860 --> 00:31:10,318 >> TOMAS REIMERS: Ha még mit mondott? 737 00:31:10,318 --> 00:31:10,906 Bocsánat. 738 00:31:10,906 --> 00:31:12,660 >> ALLISON Buchholtz-AU: Ha feladatot, akkor ez kihűlni, majd 739 00:31:12,660 --> 00:31:14,550 vizsgálja meg a dolgokat ki külön, lenne az azonos, valójában. 740 00:31:14,550 --> 00:31:16,260 >> TOMAS REIMERS: Tehát nem lenne. 741 00:31:16,260 --> 00:31:16,590 >> ALLISON Buchholtz-AU: meg nem? 742 00:31:16,590 --> 00:31:17,590 Ó, hát igen. 743 00:31:17,590 --> 00:31:18,090 Tévedek. 744 00:31:18,090 --> 00:31:21,480 >> TOMAS REIMERS: Tehát az ok ez different-- közös mistake-- 745 00:31:21,480 --> 00:31:27,140 az, hogy most csak a láncszemnek hűvös, ugye? 746 00:31:27,140 --> 00:31:32,176 Azt hiszem, a kérdés, hogy a srácok is, mi ezen az oldalon párosul .cool? 747 00:31:32,176 --> 00:31:35,984 748 00:31:35,984 --> 00:31:38,340 Két címkék itt, ugye? 749 00:31:38,340 --> 00:31:39,770 Melyik ez az egy és ez az egy. 750 00:31:39,770 --> 00:31:40,590 Mindkét egyezik cool. 751 00:31:40,590 --> 00:31:42,200 Semmi sem változott. 752 00:31:42,200 --> 00:31:46,460 Tehát, ha azt mondta, .cool, a tér, .special, mit fogsz mondani, 753 00:31:46,460 --> 00:31:48,824 belül ezeket a címkéket, mi a különleges? 754 00:31:48,824 --> 00:31:49,865 ALLISON Buchholtz-AU: Hm. 755 00:31:49,865 --> 00:31:51,800 Ez az, amit it-- jogot. 756 00:31:51,800 --> 00:31:52,310 Mert ez olyan, mint most itt valami. 757 00:31:52,310 --> 00:31:53,310 >> TOMAS REIMERS: Így kiválasztja semmit. 758 00:31:53,310 --> 00:31:56,530 >> ALLISON Buchholtz-AU: mivel a Különleges vagyunk ezekben a címkék itt. 759 00:31:56,530 --> 00:31:57,971 >> TOMAS REIMERS: Azok, valamint azoknak. 760 00:31:57,971 --> 00:31:58,512 Közönség: OK. 761 00:31:58,512 --> 00:31:58,920 Tehát azok a címkéket a perjel? 762 00:31:58,920 --> 00:31:59,740 >> TOMAS REIMERS: Igen. 763 00:31:59,740 --> 00:32:01,150 Van ennek értelme? 764 00:32:01,150 --> 00:32:03,685 Hogyan ez alapvetően próbál szűk körben. 765 00:32:03,685 --> 00:32:04,810 ALLISON Buchholtz-AU: Igen. 766 00:32:04,810 --> 00:32:06,870 Azt hiszem, ez valószínűleg a legegyszerűbb módja annak, hogy gondolni. 767 00:32:06,870 --> 00:32:09,270 >> TOMAS REIMERS: Így találtam rá erre, és találtuk ezt a két illesztett különleges. 768 00:32:09,270 --> 00:32:11,400 És akkor kérünk belül ezek a srácok, mi a jó? 769 00:32:11,400 --> 00:32:12,941 És ezen belül egy, ez hűvös. 770 00:32:12,941 --> 00:32:14,500 Ezen belül az egyik, semmi sem jó. 771 00:32:14,500 --> 00:32:16,250 Tehát ez az egyetlen tag marad. 772 00:32:16,250 --> 00:32:20,112 >> ALLISON Buchholtz-AU: mivel hűvös csak ezen belül a címkék vannak. 773 00:32:20,112 --> 00:32:21,070 TOMAS REIMERS: Pontosan. 774 00:32:21,070 --> 00:32:22,403 És mi a különleges az említett? 775 00:32:22,403 --> 00:32:22,930 Semmi. 776 00:32:22,930 --> 00:32:25,270 Most, hogy mit fogok mondani, ha nem volt tér, 777 00:32:25,270 --> 00:32:29,880 kérded, mi a jó és special-- vagy mi a szép és különleges, ugye? 778 00:32:29,880 --> 00:32:35,370 Ha azt mondod .special.pretty, ez ugyanaz, mint a .pretty.special. 779 00:32:35,370 --> 00:32:39,220 >> Mert ami eltávolítja a tér feltehet, amikor azt mondod .special, 780 00:32:39,220 --> 00:32:40,970 kérsz, OK, melyek azok, amelyek különleges? 781 00:32:40,970 --> 00:32:43,780 És akkor azok, amelyek szám is elég, 782 00:32:43,780 --> 00:32:47,010 ami ugyanaz, nyelvtanilag, mivel arra kér, mi a szép, 783 00:32:47,010 --> 00:32:49,500 majd azon, hogy mit is különleges? 784 00:32:49,500 --> 00:32:50,000 Ugye? 785 00:32:50,000 --> 00:32:53,099 Ez a különbség a mi belül mi. 786 00:32:53,099 --> 00:32:53,640 Közönség: OK. 787 00:32:53,640 --> 00:32:54,473 TOMAS REIMERS: Igen. 788 00:32:54,473 --> 00:32:56,670 789 00:32:56,670 --> 00:32:58,030 Félelmetes. 790 00:32:58,030 --> 00:33:00,426 Így ezt szem előtt tartva then-- 791 00:33:00,426 --> 00:33:01,800 >> ALLISON Buchholtz-AU: Azt hiszem, az utolsó dolog (díszes brit akcentussal) 792 00:33:01,800 --> 00:33:02,510 A doboz modell. 793 00:33:02,510 --> 00:33:05,992 >> TOMAS REIMERS: A box-- [nevet] Imádom, ahogy Allison azt mondja, hogy. 794 00:33:05,992 --> 00:33:06,950 Így a doboz modellt dolog. 795 00:33:06,950 --> 00:33:09,644 >> ALLISON Buchholtz-AU: Just van egy doboz, én leszek a doboz modell. 796 00:33:09,644 --> 00:33:11,310 TOMAS REIMERS: Szóval beszéljünk róla. 797 00:33:11,310 --> 00:33:14,070 Akkor most mi már sokat időt beszélünk választók. 798 00:33:14,070 --> 00:33:16,944 Mostanra, a srácok valószínűleg, mint, mesterei selectors-- tudod, 799 00:33:16,944 --> 00:33:21,510 hogyan kell pontosan kijelöli a tartalmat, hogy azt szeretné, hogy manipulálják a képernyőn. 800 00:33:21,510 --> 00:33:24,740 >> Tehát most az a kérdés, hogy hogyan Pontosan tudja manipulálni? 801 00:33:24,740 --> 00:33:27,010 Szóval azt hiszem, a legalapvetőbb úgy is felfogható, hogy 802 00:33:27,010 --> 00:33:30,294 van, nos, mi is pontosan egyik eleme a CSS? 803 00:33:30,294 --> 00:33:32,585 Már töltött sok időt beszélünk, mi is az a tag, 804 00:33:32,585 --> 00:33:36,140 vagy mi a legalapvetőbb ábrázolása egy tag? 805 00:33:36,140 --> 00:33:39,870 806 00:33:39,870 --> 00:33:45,170 >> Egy jó módja annak, hogy gondoljon azaz, hogy milyen állapotban van a lazac? 807 00:33:45,170 --> 00:33:47,295 Milyen állapotban van, mint a lazacszínű háttérben? 808 00:33:47,295 --> 00:33:47,880 >> Közönség: Ez egy téglalapot. 809 00:33:47,880 --> 00:33:49,040 >> TOMAS REIMERS: Ez egy téglalapot, ugye? 810 00:33:49,040 --> 00:33:50,956 >> ALLISON Buchholtz-AU: Nem volt egy trükkös kérdés. 811 00:33:50,956 --> 00:33:51,870 [Nevetés] 812 00:33:51,870 --> 00:33:54,670 >> TOMAS REIMERS: Nem próbál trükk, amit a srácok ilyen későn. 813 00:33:54,670 --> 00:33:57,510 Így van ez a téglalap. 814 00:33:57,510 --> 00:33:59,140 És a címke egy p, ugye? 815 00:33:59,140 --> 00:34:02,280 Szóval ez ad nekünk jó hit, hogy a bekezdés 816 00:34:02,280 --> 00:34:07,440 képviselteti magát, mint egy téglalap, a legalább az elme a böngésző, amely 817 00:34:07,440 --> 00:34:08,715 ez. 818 00:34:08,715 --> 00:34:11,423 >> ALLISON Buchholtz-AU: Úgy értem, böngészők jellemzően négyszögletű, 819 00:34:11,423 --> 00:34:13,440 így van értelme. 820 00:34:13,440 --> 00:34:18,750 >> TOMAS REIMERS: Itt az ötlet, hogy az összes címkét belül CSS 821 00:34:18,750 --> 00:34:21,790 képviselteti magát, mint egy téglalap. 822 00:34:21,790 --> 00:34:25,699 És minden téglalap négy részek szerint CSS, OK? 823 00:34:25,699 --> 00:34:27,830 Megvan a tényleges tartalmat. 824 00:34:27,830 --> 00:34:29,644 Ez az, ahol a szöveg rejlik. 825 00:34:29,644 --> 00:34:30,470 >> ALLISON Buchholtz-AU: Lehet, hogy a kép. 826 00:34:30,470 --> 00:34:31,303 >> TOMAS REIMERS: Igen. 827 00:34:31,303 --> 00:34:33,860 Van padding, ami csak valami fehér térben. 828 00:34:33,860 --> 00:34:35,085 Aztán van egy határ. 829 00:34:35,085 --> 00:34:37,710 És akkor a ráta, amely fehér térben kívül, hogy. 830 00:34:37,710 --> 00:34:39,460 Úgy, hogy nincs értelme senkinek, így vagyunk 831 00:34:39,460 --> 00:34:42,500 fogok beszélni, hogy egy pillanatra. 832 00:34:42,500 --> 00:34:47,570 Tehát itt van, mit fogunk csinálni a fogunk létrehozni néhány divs, OK? 833 00:34:47,570 --> 00:34:48,420 Elnézést, miközben én-- 834 00:34:48,420 --> 00:34:51,506 >> ALLISON Buchholtz-AU: Úgy érzem, amit meg kell oldania egy aranyos képet. 835 00:34:51,506 --> 00:34:52,520 >> TOMAS REIMERS: Azt mindenképpen kellene. 836 00:34:52,520 --> 00:34:53,389 >> ALLISON Buchholtz-AU: Úgy érzem, mindenkinek 837 00:34:53,389 --> 00:34:54,870 is részesülhetnek, aranyos kép, ez minden. 838 00:34:54,870 --> 00:34:56,774 >> TOMAS REIMERS: Tudunk egyaránt előnyös a-- 839 00:34:56,774 --> 00:34:57,648 >> Közönség: Igen, persze. 840 00:34:57,648 --> 00:34:58,790 TOMAS REIMERS: OK, hűvös. 841 00:34:58,790 --> 00:35:02,254 Így kell tenni egy aranyos képet valahol. 842 00:35:02,254 --> 00:35:05,295 ALLISON Buchholtz-AU: Úgy érzem, a aranyos nyuszi hasznos lehet most. 843 00:35:05,295 --> 00:35:06,190 TOMAS REIMERS: Persze. 844 00:35:06,190 --> 00:35:06,950 ALLISON Buchholtz-AU: A hét végére. 845 00:35:06,950 --> 00:35:07,390 Van valami adorab-- 846 00:35:07,390 --> 00:35:08,520 >> TOMAS REIMERS: hogyan mérkőzés egy cica? 847 00:35:08,520 --> 00:35:09,220 >> ALLISON Buchholtz-AU: A cica működik is. 848 00:35:09,220 --> 00:35:11,300 >> TOMAS REIMERS: Cool, mert van egy telek, hogy. 849 00:35:11,300 --> 00:35:12,300 Úgy hívják PlaceKitten. 850 00:35:12,300 --> 00:35:14,719 ALLISON Buchholtz-AU: Ez nagyszerű. 851 00:35:14,719 --> 00:35:15,510 TOMAS REIMERS: Igen. 852 00:35:15,510 --> 00:35:18,040 ALLISON Buchholtz-AU: Just for hasonlóan, helykitöltő képek a honlapon. 853 00:35:18,040 --> 00:35:18,914 TOMAS REIMERS: Mm-hm. 854 00:35:18,914 --> 00:35:21,520 Van még PlacePuppy. 855 00:35:21,520 --> 00:35:22,832 És ott van PlaceBacon. 856 00:35:22,832 --> 00:35:24,340 >> ALLISON Buchholtz-AU: PlaceBacon? 857 00:35:24,340 --> 00:35:25,350 Tényleg? 858 00:35:25,350 --> 00:35:28,190 >> TOMAS REIMERS: Ó, mi nem van internet-hozzáférés. 859 00:35:28,190 --> 00:35:29,875 >> ALLISON Buchholtz-AU: [nyög] 860 00:35:29,875 --> 00:35:30,375 Tragikus. 861 00:35:30,375 --> 00:35:32,333 TOMAS REIMERS: Egyébként, Meg szeretném mutatni nektek 862 00:35:32,333 --> 00:35:33,870 hogyan rakja képek a honlapon. 863 00:35:33,870 --> 00:35:36,370 Megyünk, hogy próbálja meg ezt a munka előtt el kell mennünk. 864 00:35:36,370 --> 00:35:38,660 De most, mi csak beszélni fog a színek akkor. 865 00:35:38,660 --> 00:35:39,820 Azt akarjuk, hogy fel képeket a kittens-- 866 00:35:39,820 --> 00:35:40,210 >> ALLISON Buchholtz-AU: Megcsináltuk. 867 00:35:40,210 --> 00:35:43,110 >> TOMAS REIMERS: --A internet le a pillanatban, hogy. 868 00:35:43,110 --> 00:35:47,820 Tehát van két divs, és mi vagyunk fog nekik két azonosítókat. 869 00:35:47,820 --> 00:35:51,380 870 00:35:51,380 --> 00:35:56,760 Fogunk nevezni "Első" és "második". 871 00:35:56,760 --> 00:36:01,184 Tehát id = "első". 872 00:36:01,184 --> 00:36:02,850 És fogunk nekik két színben. 873 00:36:02,850 --> 00:36:08,424 Szóval hogyan válassza ki valamit egy id "első"? 874 00:36:08,424 --> 00:36:09,840 ALLISON Buchholtz-AU: Dot, vagy hash? 875 00:36:09,840 --> 00:36:10,730 Közönség: Sharp. 876 00:36:10,730 --> 00:36:12,940 TOMAS REIMERS: Sharp, tökéletes. 877 00:36:12,940 --> 00:36:14,950 Sharp, hash, amit we-- 878 00:36:14,950 --> 00:36:15,680 >> ALLISON Buchholtz-AU: Sok mindenre nevezni. 879 00:36:15,680 --> 00:36:16,430 >> TOMAS REIMERS: OK. 880 00:36:16,430 --> 00:36:19,800 Fogunk rendezni hashtag, és ez az, amit meg fogunk menni. 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: Tehát hashtag első. 884 00:36:22,340 --> 00:36:24,506 >> ALLISON Buchholtz-AU: Tehát Akkor tweet az seminar-- 885 00:36:24,506 --> 00:36:27,582 hashtag CSS, hashtag cool. 886 00:36:27,582 --> 00:36:29,040 TOMAS REIMERS: Hashtag Awesomeness. 887 00:36:29,040 --> 00:36:30,730 ALLISON Buchholtz-AU: Hashtag Awesomeness, igen. 888 00:36:30,730 --> 00:36:31,480 TOMAS REIMERS: OK. 889 00:36:31,480 --> 00:36:33,660 Tehát van "első" és "második". 890 00:36:33,660 --> 00:36:37,697 Tehát először fogunk van a háttér színe piros. 891 00:36:37,697 --> 00:36:39,030 ALLISON Buchholtz-AU: Uh, vastagbél. 892 00:36:39,030 --> 00:36:40,281 TOMAS REIMERS: Aha. 893 00:36:40,281 --> 00:36:42,281 ALLISON Buchholtz-AU: Én leszek a spot-ellenőrző. 894 00:36:42,281 --> 00:36:43,960 TOMAS REIMERS: Allison elkapott. 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: Igen. 899 00:36:48,830 --> 00:36:50,630 Purple a kedvenc színem, és akkor még nem használtam még. 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 Ez működik. 903 00:36:53,860 --> 00:36:56,482 904 00:36:56,482 --> 00:36:59,880 >> TOMAS REIMERS: így vagyunk megy, hogy két divs. 905 00:36:59,880 --> 00:37:01,654 Mennek, hogy teljesen üres. 906 00:37:01,654 --> 00:37:03,070 Meg kell valószínűleg valamilyen szöveget. 907 00:37:03,070 --> 00:37:05,580 908 00:37:05,580 --> 00:37:09,815 Tehát az "első" lesz "HELLO". 909 00:37:09,815 --> 00:37:10,940 És a "második" lesz say-- 910 00:37:10,940 --> 00:37:11,110 >> ALLISON Buchholtz-AU: Goodbye. 911 00:37:11,110 --> 00:37:12,514 >> Közönség: - "világban". 912 00:37:12,514 --> 00:37:14,122 Helló, viszlát. 913 00:37:14,122 --> 00:37:16,580 ALLISON Buchholtz-AU: Láttam őket koncerten a héten. 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: A valós számok. 916 00:37:20,242 --> 00:37:21,200 Ők nem olyan nagy. 917 00:37:21,200 --> 00:37:24,084 918 00:37:24,084 --> 00:37:24,750 Én nem szeretem. 919 00:37:24,750 --> 00:37:26,060 >> TOMAS REIMERS: Van "Hello" és a "viszlát". 920 00:37:26,060 --> 00:37:29,102 És ismét, CSS egyszerűen fantasztikus, mert felismeri a színeket. 921 00:37:29,102 --> 00:37:30,810 Nem kell még attól tartanak, hogy léteznek. 922 00:37:30,810 --> 00:37:33,194 Ők. 923 00:37:33,194 --> 00:37:35,130 >> ALLISON Buchholtz-AU: léteznek. 924 00:37:35,130 --> 00:37:39,560 >> TOMAS REIMERS: Szóval CSS Azt hiszem van 255 szót beszélni színe. 925 00:37:39,560 --> 00:37:42,986 Ha ki tud találni egy színes külső azok, 255, mint én lesz ragadtatva. 926 00:37:42,986 --> 00:37:44,110 ALLISON Buchholtz-AU: Igen. 927 00:37:44,110 --> 00:37:45,560 Szerintem nektek is van csak jönnek után. 928 00:37:45,560 --> 00:37:47,727 >> TOMAS REIMERS: Tehát itt, látni fogod, hogy van két doboz 929 00:37:47,727 --> 00:37:49,143 közvetlenül egymás tetejére, ugye? 930 00:37:49,143 --> 00:37:50,200 Hello, és viszlát. 931 00:37:50,200 --> 00:37:51,460 >> ALLISON Buchholtz-AU: Nincs hely között. 932 00:37:51,460 --> 00:37:53,390 Ők csak smooshed jobb tetején minden más. 933 00:37:53,390 --> 00:37:55,973 >> TOMAS REIMERS: Tehát az első dolog, Azt hiszem, meg kell beszélni 934 00:37:55,973 --> 00:38:02,960 van nézzük is say-- igen. 935 00:38:02,960 --> 00:38:08,020 Tehát CSS őket, mint egyfajta dobozok. 936 00:38:08,020 --> 00:38:10,100 És a dobozok, hogy van-tartalom. 937 00:38:10,100 --> 00:38:14,540 És a tartalom most van valami A HELLO, vagy búcsú és ennyi. 938 00:38:14,540 --> 00:38:15,040 OK? 939 00:38:15,040 --> 00:38:19,790 >> Tehát az egyik első dolog, amit tehetünk, felveheti padding. 940 00:38:19,790 --> 00:38:25,610 Padding mondja, hogy mennyi hely Nem hagyhat mindkét oldalon. 941 00:38:25,610 --> 00:38:29,200 Tehát mondjuk azt akarom mondani, 10 pixel minden oldalon. 942 00:38:29,200 --> 00:38:31,234 És én boncolgatni, hogy egy másodperc. 943 00:38:31,234 --> 00:38:33,150 ALLISON Buchholtz-AU: Mindezek a dolgok itt 944 00:38:33,150 --> 00:38:36,980 lesznek leginkább pixel A többi a szemináriumon. 945 00:38:36,980 --> 00:38:40,980 Fogsz látni, hogy van Néhány körülötte, ugye? 946 00:38:40,980 --> 00:38:46,360 Tehát mi nem látja itt van ez a láthatatlan valami padding 947 00:38:46,360 --> 00:38:49,600 mindkét oldalán, amely azt mondja, szeret, OK, megvan a doboz content-- 948 00:38:49,600 --> 00:38:51,680 >> ALLISON Buchholtz-AU: Akarsz hogy csak húzza fel a Elem vizsgálata? 949 00:38:51,680 --> 00:38:53,659 >> TOMAS REIMERS: Igen, ez egy jó ötlet. 950 00:38:53,659 --> 00:38:56,700 ALLISON Buchholtz-AU: Azt is találni hogy az Elem vizsgálata egy jó módja 951 00:38:56,700 --> 00:39:01,280 kitalálni, hogy ha valami megy rossz, valami váratlan történik, 952 00:39:01,280 --> 00:39:04,570 ellenőrzésre a címkéket, és látta, hogy mi ez olyan, mint felülírt hasznos. 953 00:39:04,570 --> 00:39:05,940 >> TOMAS REIMERS: Szóval nem vagyok benne biztos ha ti is látni ezt a színt. 954 00:39:05,940 --> 00:39:06,470 Tud? 955 00:39:06,470 --> 00:39:10,120 Látni fogod ezt a padding a fajta él. 956 00:39:10,120 --> 00:39:13,410 És akkor lehet látni a tényleges tartalmat kék, ugye? 957 00:39:13,410 --> 00:39:16,820 Szóval ez a nagyon alapjait a doboz modell. 958 00:39:16,820 --> 00:39:17,674 Van tartalmát. 959 00:39:17,674 --> 00:39:18,590 Akkor van padding. 960 00:39:18,590 --> 00:39:20,440 >> Közönség: Miért nem csak használja a doboz belsejében a-- 961 00:39:20,440 --> 00:39:21,606 >> ALLISON Buchholtz-AU: Így van. 962 00:39:21,606 --> 00:39:24,745 Mert ez csak kiválasztásával Az elem most. 963 00:39:24,745 --> 00:39:26,050 >> TOMAS REIMERS: Aha. 964 00:39:26,050 --> 00:39:27,060 Más dolog. 965 00:39:27,060 --> 00:39:29,780 Szóval beszéljünk, hogy padding parancsot egy pillanatra. 966 00:39:29,780 --> 00:39:36,380 Tehát a CSS, mérések szükség van egy egység. 967 00:39:36,380 --> 00:39:39,740 Tehát először meg az összeget. 968 00:39:39,740 --> 00:39:41,460 Tehát ebben az esetben, mindig azt mondták, 10. 969 00:39:41,460 --> 00:39:44,780 És akkor a következő egy amit mondott, pixel, px. 970 00:39:44,780 --> 00:39:49,160 Többinek lehet, hogy a dolgok, mint centiméter, hüvelyk. 971 00:39:49,160 --> 00:39:51,367 Meg tudod csinálni a dolgokat, mint, mi 10 cm? 972 00:39:51,367 --> 00:39:52,700 És ez lesz nevetséges. 973 00:39:52,700 --> 00:39:52,990 >> ALLISON Buchholtz-AU: Oh, boy. 974 00:39:52,990 --> 00:39:53,460 >> Közönség: Hűha. 975 00:39:53,460 --> 00:39:54,460 >> TOMAS és Allison: Igen. 976 00:39:54,460 --> 00:39:57,840 TOMAS REIMERS: Szóval ez minden padding. 977 00:39:57,840 --> 00:39:59,255 Én megyek vissza képpont. 978 00:39:59,255 --> 00:40:01,754 >> ALLISON Buchholtz-AU: Pixels általában, mint a standard. 979 00:40:01,754 --> 00:40:04,589 Amikor ránézel egy csomó honlapok, Ezek többnyire dolgoznak pixel. 980 00:40:04,589 --> 00:40:07,755 TOMAS REIMERS: Így fogsz látni vagy pixels-- más is látod 981 00:40:07,755 --> 00:40:13,952 az em, ami az egyik em van egyenlő a magassága a betűtípus 982 00:40:13,952 --> 00:40:15,160 Itt csak használ. 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: Ez egy jó módja annak, hogy mondjam, mint szeretném annyi helyet, mint én font 986 00:40:20,740 --> 00:40:21,514 van véve. 987 00:40:21,514 --> 00:40:23,180 ALLISON Buchholtz-AU: Nem tudom, hogy. 988 00:40:23,180 --> 00:40:25,747 Valami újat tanulni minden nap. 989 00:40:25,747 --> 00:40:27,955 TOMAS REIMERS: Van Sok mérések CS. 990 00:40:27,955 --> 00:40:29,260 Azt javaslom, nézz utána. 991 00:40:29,260 --> 00:40:32,122 Mert minden esetben, azt hiszem, pixel elegendőnek kell lennie. 992 00:40:32,122 --> 00:40:33,830 És ők is, mi fogsz látni 993 00:40:33,830 --> 00:40:36,520 A legtöbb példa tenni az interneten. 994 00:40:36,520 --> 00:40:38,320 Szóval majd hagyja azt képpont. 995 00:40:38,320 --> 00:40:42,420 >> Azt is, azt kell say-- így padding-készletek minden paddings. 996 00:40:42,420 --> 00:40:49,789 Azt is valami ilyesmit "Padding-top", hogy csak set-- 997 00:40:49,789 --> 00:40:52,080 ALLISON Buchholtz-AU: Talán mi lesz a "HELLO" vissza. 998 00:40:52,080 --> 00:40:55,480 TOMAS REIMERS: --to csak meg a padding a tetején, és semmi más. 999 00:40:55,480 --> 00:40:59,560 Így a négy parancsok padding-top, padding-bottom, padding-balra, 1000 00:40:59,560 --> 00:41:00,310 és padding-right. 1001 00:41:00,310 --> 00:41:02,470 >> ALLISON Buchholtz-AU: Akárcsak amit elvár egy dobozban. 1002 00:41:02,470 --> 00:41:03,530 >> TOMAS REIMERS: Igen. 1003 00:41:03,530 --> 00:41:05,240 Semmi sem túl őrült van. 1004 00:41:05,240 --> 00:41:08,230 Van ennek értelme? 1005 00:41:08,230 --> 00:41:11,990 Szóval ez padding. 1006 00:41:11,990 --> 00:41:14,110 Megyek be az összes A paddings vissza a 10. 1007 00:41:14,110 --> 00:41:17,010 És akkor fogok lépni a határt. 1008 00:41:17,010 --> 00:41:21,130 >> Tehát mi határ van határon egy furcsa parancsot. 1009 00:41:21,130 --> 00:41:24,450 Tart a fajta három dolgot egyszerre. 1010 00:41:24,450 --> 00:41:28,930 Szóval az első az, milyen nagy akarjuk, hogy legyen, mint a mérést. 1011 00:41:28,930 --> 00:41:30,662 Ismét én csak a pixel. 1012 00:41:30,662 --> 00:41:32,620 És az utolsó dolog, amit Hozzá kell mérések 1013 00:41:32,620 --> 00:41:35,270 az egyetlen dolog, ami nem kell egy egység 0. 1014 00:41:35,270 --> 00:41:37,390 Ez valójában helytelen hogy 0 egység, 1015 00:41:37,390 --> 00:41:41,940 mert a 0 = 0 egész hüvelyk, pixel, centiméter, mindegy. 1016 00:41:41,940 --> 00:41:43,960 Ez az egész csak azt jelenti, 0, ugye? 1017 00:41:43,960 --> 00:41:46,710 Tehát először ad ez a mérés. 1018 00:41:46,710 --> 00:41:48,650 >> Akkor add a stílus. 1019 00:41:48,650 --> 00:41:49,869 Így fogok mondani, hogy "szilárd". 1020 00:41:49,869 --> 00:41:51,410 És fogunk beszélni, hogy ez mit jelent. 1021 00:41:51,410 --> 00:41:54,290 És akkor végül, adsz neki egy színt. 1022 00:41:54,290 --> 00:41:56,850 Így fogok mondani, hogy "fekete". 1023 00:41:56,850 --> 00:41:59,637 És ezek mind olyan dolgok voltunk Most látott, kivéve a stílus, 1024 00:41:59,637 --> 00:42:00,720 de majd beszélni. 1025 00:42:00,720 --> 00:42:04,120 Szóval ti láttam mérések, És láttad, hogy a színek. 1026 00:42:04,120 --> 00:42:10,410 És mi történik, megkapjuk ezt Jó körüli fekete keret, igaz? 1027 00:42:10,410 --> 00:42:11,620 Látjátok, hogyan csinálta? 1028 00:42:11,620 --> 00:42:12,760 >> Közönség: Igen. 1029 00:42:12,760 --> 00:42:14,850 >> TOMAS REIMERS: Cool. 1030 00:42:14,850 --> 00:42:17,370 Szóval mi ez? 1031 00:42:17,370 --> 00:42:19,160 Tehát először is, ez az egyik pixel. 1032 00:42:19,160 --> 00:42:20,880 Ez magától értetődő, nemdebár? 1033 00:42:20,880 --> 00:42:23,254 Tetszik, ez az egyik pixel vastag. 1034 00:42:23,254 --> 00:42:26,170 Vagy ez lenne az egyik pixel, de én vagyok nagyított, így ez egy kicsit 1035 00:42:26,170 --> 00:42:26,490 annál. 1036 00:42:26,490 --> 00:42:27,967 >> ALLISON Buchholtz-AU: És mi van ez a nevetséges felbontású TV. 1037 00:42:27,967 --> 00:42:29,460 >> TOMAS REIMERS: Igen. 1038 00:42:29,460 --> 00:42:33,640 Akkor lehet, hogy nagyobb, kisebb, mindegy. 1039 00:42:33,640 --> 00:42:35,630 Tehát itt egy két pixel határon. 1040 00:42:35,630 --> 00:42:38,810 Látni fogod, hogy kétszer olyan vastag. 1041 00:42:38,810 --> 00:42:40,172 Következő dolog van a szín. 1042 00:42:40,172 --> 00:42:41,130 Ez nem érdekes. 1043 00:42:41,130 --> 00:42:42,710 Nem fogok beszélni arról, tényleg. 1044 00:42:42,710 --> 00:42:45,110 >> ALLISON Buchholtz-AU: De a stílus Lehet, hogy csak egy kicsit érdekes. 1045 00:42:45,110 --> 00:42:45,980 >> TOMAS REIMERS: Igen. 1046 00:42:45,980 --> 00:42:48,560 Tehát stílus, kevés is hogy látom általánosan használtak. 1047 00:42:48,560 --> 00:42:55,690 Először egy szolid, jövő ember pontozott, és az utolsó ember szaggatott. 1048 00:42:55,690 --> 00:42:59,290 És itt tarkítják. 1049 00:42:59,290 --> 00:43:02,980 Látni fogod, hogy ők egy csomó pontok, ugye? 1050 00:43:02,980 --> 00:43:09,030 Egy jó módja annak, hogy egyfajta kap egy szép határon megy, kötőjel is elég népszerű. 1051 00:43:09,030 --> 00:43:11,580 1052 00:43:11,580 --> 00:43:13,600 >> ALLISON Buchholtz-AU: És persze, én vagyok 1053 00:43:13,600 --> 00:43:16,660 arról van sok más stílusok, hogy lehet kapni. 1054 00:43:16,660 --> 00:43:20,000 És van egy nagy sor linkek végén a srácok 1055 00:43:20,000 --> 00:43:23,470 hogy milyen elolvassa és nézd meg még jó CSS. 1056 00:43:23,470 --> 00:43:25,954 >> TOMAS REIMERS: És akkor Az utolsó dolog, mi vagyunk 1057 00:43:25,954 --> 00:43:27,870 fog beszélni a box modell gyorsan. 1058 00:43:27,870 --> 00:43:30,070 Ja, majd határ, pontosan olyan, mint a zsákot, 1059 00:43:30,070 --> 00:43:33,270 Önnek is hasonló dolog van border-bal, border-jobb, border-top, 1060 00:43:33,270 --> 00:43:37,590 border-bottom, amely lehetővé teszi, hogy egy adott határon. 1061 00:43:37,590 --> 00:43:40,650 Tehát itt csak a szegély bal meghatározott. 1062 00:43:40,650 --> 00:43:43,060 Van ennek értelme? 1063 00:43:43,060 --> 00:43:46,170 >> ALLISON Buchholtz-AU: Ez egy jó módja annak, hogy hangsúlyozzák a dolgokat, vagy adjunk 1064 00:43:46,170 --> 00:43:47,545 vonalak különböző elemek között. 1065 00:43:47,545 --> 00:43:48,670 TOMAS REIMERS: Abszolút. 1066 00:43:48,670 --> 00:43:50,940 Szóval ez a határ. 1067 00:43:50,940 --> 00:43:52,790 És az utolsó árrése. 1068 00:43:52,790 --> 00:43:55,892 Margin mint a padding Kivéve, hogy nem within-- 1069 00:43:55,892 --> 00:43:57,975 ALLISON Buchholtz-AU: Ez Nem körül elem 1070 00:43:57,975 --> 00:44:00,840 de valójában körül az egész box, hogy mi már látni. 1071 00:44:00,840 --> 00:44:02,770 >> TOMAS REIMERS: Igen. 1072 00:44:02,770 --> 00:44:04,090 Allison mondta, hogy tökéletesen. 1073 00:44:04,090 --> 00:44:07,550 Ez nem, mint, belül a eleme, ez mintegy az egész dobozt. 1074 00:44:07,550 --> 00:44:10,900 Ez azt jelenti, ilyeneket háttérben nem vonatkoznak rá. 1075 00:44:10,900 --> 00:44:13,550 És ez lényegében azt jelenti, szerű, nem akarok semmit 1076 00:44:13,550 --> 00:44:15,230 Ebben sok helyet nekem. 1077 00:44:15,230 --> 00:44:17,470 Szóval, mint itt van egy 10 pixeles margót. 1078 00:44:17,470 --> 00:44:23,100 Tehát semmi számított 10 pixel legyen mellettem. 1079 00:44:23,100 --> 00:44:26,210 Ez a fajta a teret, de a fajta nem. 1080 00:44:26,210 --> 00:44:29,215 Szóval ez a nagyon alapjait a doboz modell. 1081 00:44:29,215 --> 00:44:30,090 Van ennek értelme? 1082 00:44:30,090 --> 00:44:33,830 1083 00:44:33,830 --> 00:44:34,550 Hűvös, hideg. 1084 00:44:34,550 --> 00:44:35,800 ALLISON Buchholtz-AU: Awesome. 1085 00:44:35,800 --> 00:44:37,890 Tehát most azt hiszem épp most Megvan a hűvös erőforrások 1086 00:44:37,890 --> 00:44:41,220 hogy elviszlek srácok keresztül nagyon gyorsan. 1087 00:44:41,220 --> 00:44:44,815 És mi actually-- is, van még internet még? 1088 00:44:44,815 --> 00:44:47,860 >> TOMAS REIMERS: Nézzük hátha tudok megnyitni up-- 1089 00:44:47,860 --> 00:44:50,040 hadd lássa, én kaphat internet gyorsan 1090 00:44:50,040 --> 00:44:53,317 míg Allison beszél másról, Allison akar beszélni. 1091 00:44:53,317 --> 00:44:55,150 ALLISON Buchholtz-AU: Tehát basically-- én nem 1092 00:44:55,150 --> 00:44:57,930 tudom, mi mást tudok mondani ezen a ponton. 1093 00:44:57,930 --> 00:45:01,340 De ezek egy része Nagyon jó források. 1094 00:45:01,340 --> 00:45:04,629 Ezek olyan is, hogy Tomas és én használtam 1095 00:45:04,629 --> 00:45:06,420 és hogy mi valójában használt felkészülni erre. 1096 00:45:06,420 --> 00:45:09,940 W3Schools az egyik, hogy Srácok, nem látott. 1097 00:45:09,940 --> 00:45:12,440 Ajánljuk a Sok dolgot CSS. 1098 00:45:12,440 --> 00:45:15,060 Tudom ajánlani tudom én részben minden alkalommal. 1099 00:45:15,060 --> 00:45:21,050 >> Az egyik legjobb dolog az, hogy lehetővé teszi, hogy egyfajta rendetlenség CSS 1100 00:45:21,050 --> 00:45:23,830 és látni a változásokat azonnal e, 1101 00:45:23,830 --> 00:45:25,920 mint a dupla-ablak nézet, hogy rendelkezik. 1102 00:45:25,920 --> 00:45:29,980 Szóval nem kell aggódni felállítása a saját weboldal, 1103 00:45:29,980 --> 00:45:33,090 vagy felállítása vhosthoz a helyi berendezésen és a helyi gépre, 1104 00:45:33,090 --> 00:45:34,980 és egyre minden ilyesmi munka. 1105 00:45:34,980 --> 00:45:36,830 Ez be van ágyazva a jobb oldalon belül. 1106 00:45:36,830 --> 00:45:39,042 >> És van ilyen kis tanulság, hogy tudsz 1107 00:45:39,042 --> 00:45:40,750 menjen át tanulni Többet választók, 1108 00:45:40,750 --> 00:45:44,610 vagy megismerhetik manipulálni a font, vagy a háttérben, vagy egy kép. 1109 00:45:44,610 --> 00:45:46,990 És akkor ezek a pillanatnyi eredményt, amit 1110 00:45:46,990 --> 00:45:49,310 Nem kell, hogy nem minden Más előkészítő munkát. 1111 00:45:49,310 --> 00:45:51,060 Szóval szeretem W3Schools. 1112 00:45:51,060 --> 00:45:51,960 Ez egyszerűen fantasztikus. 1113 00:45:51,960 --> 00:45:52,670 Működik? 1114 00:45:52,670 --> 00:45:52,950 >> TOMAS REIMERS: Igen. 1115 00:45:52,950 --> 00:45:53,720 Nem, nem az. 1116 00:45:53,720 --> 00:45:55,636 Akarod, hogy megpróbálja és indítsa újra a számítógépet? 1117 00:45:55,636 --> 00:45:56,410 Vagy akarunk to-- 1118 00:45:56,410 --> 00:46:01,490 >> ALLISON Buchholtz-AU: Úgy értem, Nos, ez is az interneten. 1119 00:46:01,490 --> 00:46:02,740 Minden diák lesz online. 1120 00:46:02,740 --> 00:46:05,470 Szóval én csak nagyon ajánlom csinál ilyen. 1121 00:46:05,470 --> 00:46:07,880 >> Ez nagy, mint most mint egy puskát. 1122 00:46:07,880 --> 00:46:10,690 Ez csak az összes alapvető parancsokat, hogy van. 1123 00:46:10,690 --> 00:46:13,070 Jó, ha te vagy az első kezdik el a honlapon. 1124 00:46:13,070 --> 00:46:15,080 Mert talán nem szeretne bejutni az összes 1125 00:46:15,080 --> 00:46:17,355 az igazi tetves kavicsos tervezési-nehéz dolog. 1126 00:46:17,355 --> 00:46:20,230 Csak azt kell formázni, oly módon, ez a fajta van értelme és akarata 1127 00:46:20,230 --> 00:46:21,490 ezt egyelőre. 1128 00:46:21,490 --> 00:46:23,580 És ha igazán akar bejutni, tudom, 1129 00:46:23,580 --> 00:46:27,240 ez olyan, mint, az egyik Tomas kedvenc hivatkozásokat. 1130 00:46:27,240 --> 00:46:30,130 Voltunk használja, hogy prep, és ez mesés. 1131 00:46:30,130 --> 00:46:33,030 Ez a Developer a Mozilla. 1132 00:46:33,030 --> 00:46:36,490 >> TOMAS REIMERS: Tehát Mozilla Az emberek, akik Firefox. 1133 00:46:36,490 --> 00:46:40,290 És ez csak a saját fejlesztői hivatkozás, ami szerintem fantasztikus. 1134 00:46:40,290 --> 00:46:44,870 És van egy csodálatos milyen forrásokhoz. 1135 00:46:44,870 --> 00:46:45,530 Tehát have-- 1136 00:46:45,530 --> 00:46:48,060 >> ALLISON Buchholtz-AU: És akkor az utolsó feljegyzés 1137 00:46:48,060 --> 00:46:50,120 ha akarsz a website design, 1138 00:46:50,120 --> 00:46:53,550 merítenek ihletet a dolgokat hogy úgy gondolja, elég. 1139 00:46:53,550 --> 00:46:56,340 Ellenőrzése az elem, ellenőrzésre a forráskód 1140 00:46:56,340 --> 00:46:59,370 lehet szuper hasznos hogy megpróbálta kitalálni, 1141 00:46:59,370 --> 00:47:02,080 hogyan stílus a saját honlapján. 1142 00:47:02,080 --> 00:47:04,540 >> Gyakran előfordul, hogy úgy érzem, a legjobb Így amellett, kísérletezés, 1143 00:47:04,540 --> 00:47:06,290 csak nézni dolgokat, amelyek elég. 1144 00:47:06,290 --> 00:47:09,810 Úgy vélem, hogy nagyon nehéz most fajta kialakítás a dolgokat a saját, 1145 00:47:09,810 --> 00:47:11,090 különösen az elején. 1146 00:47:11,090 --> 00:47:14,740 Ezért kérjük, nézd honlapok hogy örömmel nézi. 1147 00:47:14,740 --> 00:47:16,880 Kitalálni, mit tesz számukra vonzó az Ön számára. 1148 00:47:16,880 --> 00:47:19,170 És akkor nyugodtan megpróbálja lemásolni, hogy. 1149 00:47:19,170 --> 00:47:20,410 >> TOMAS REIMERS: Így van. 1150 00:47:20,410 --> 00:47:23,120 Még mint honlapok mint ez, akkor láthatjuk, 1151 00:47:23,120 --> 00:47:25,460 Van feltétlenül egy div tetején. 1152 00:47:25,460 --> 00:47:29,920 És akkor még egy div belül itt, ami CSS Awesomeness. 1153 00:47:29,920 --> 00:47:32,480 És akkor van egy csomó linket itt. 1154 00:47:32,480 --> 00:47:34,770 Ha tényleg csak ellenőrizni elemeket rendezheti a 1155 00:47:34,770 --> 00:47:38,520 kezdeni, hogy mit honlapok kinézni, és hogyan lehet 1156 00:47:38,520 --> 00:47:40,493 újra, hogy ha akartam. 1157 00:47:40,493 --> 00:47:41,890 Van ennek értelme? 1158 00:47:41,890 --> 00:47:43,670 Így csak három perc van hátra. 1159 00:47:43,670 --> 00:47:46,380 Tehát kérdése? 1160 00:47:46,380 --> 00:47:47,650 Minden közülük? 1161 00:47:47,650 --> 00:47:48,350 Igen. 1162 00:47:48,350 --> 00:47:50,780 >> Közönség: A színes téglalap, hogyan kíván 1163 00:47:50,780 --> 00:47:53,499 have--, ha nem akarja, megy az egész oldalt, lehetett 1164 00:47:53,499 --> 00:47:56,400 Sikerült menjen át csak Az oldal fele, vagy csak a szöveget? 1165 00:47:56,400 --> 00:47:59,660 >> TOMAS REIMERS: Igen, abszolút. 1166 00:47:59,660 --> 00:48:02,780 Szóval hadd lássam valójában. 1167 00:48:02,780 --> 00:48:04,670 Van két ötletet. 1168 00:48:04,670 --> 00:48:07,265 Tehát először is, akkor is használhatja százalékos. 1169 00:48:07,265 --> 00:48:08,140 >> Közönség: Tényleg? 1170 00:48:08,140 --> 00:48:11,260 >> ALLISON Buchholtz-AU: Tehát valami felnézni a relatív elhelyezése. 1171 00:48:11,260 --> 00:48:13,385 Ez valami olyasmi, amit nincs ideje, hogy bekerüljön, 1172 00:48:13,385 --> 00:48:16,392 de ez olyasmi, amit határozottan Javasoljuk, hogy a srácok megnézni. 1173 00:48:16,392 --> 00:48:17,580 >> TOMAS REIMERS: Tehát százalékos. 1174 00:48:17,580 --> 00:48:21,524 És látom, hogy megcsináltuk mindössze 50% a szélesség? 1175 00:48:21,524 --> 00:48:24,190 ALLISON Buchholtz-AU: Ha ténylegesen tudja a képpontok számát, 1176 00:48:24,190 --> 00:48:25,780 akkor pontosabb lehet, hogy így. 1177 00:48:25,780 --> 00:48:27,200 Akkor bajlódnia körül vele. 1178 00:48:27,200 --> 00:48:27,700 De 50%. 1179 00:48:27,700 --> 00:48:31,970 Ha volt, hogy átméretezni a böngészőt, ez teszi kisebb. 1180 00:48:31,970 --> 00:48:35,250 >> TOMAS REIMERS: Nos, ez Alapvetően 50% most, azt hiszem. 1181 00:48:35,250 --> 00:48:38,820 Ez 50%, majd a margin bővült, hogy. 1182 00:48:38,820 --> 00:48:40,100 CSS van egy csomó furcsa szokásai. 1183 00:48:40,100 --> 00:48:43,195 Szóval most ez 50% a lap szélességének. 1184 00:48:43,195 --> 00:48:46,860 De ne feledjük, hogy van 10 pixel levették, mindkét oldalról. 1185 00:48:46,860 --> 00:48:49,700 Így ha azt mozgatni, hogy ellen A bal szélén a böngészőt, 1186 00:48:49,700 --> 00:48:51,550 akkor úgy nézne ki 50%. 1187 00:48:51,550 --> 00:48:53,884 Ismét, mint mondtam, a CSS-t egy csomó találgatás és ellenőrzés. 1188 00:48:53,884 --> 00:48:56,049 Tetszik, úgy gondolja, valami fog viselkedni egy út, 1189 00:48:56,049 --> 00:48:57,805 de úgy viselkedik egy teljesen más módon. 1190 00:48:57,805 --> 00:48:59,420 >> ALLISON Buchholtz-AU: És ha csak kap okosabb, 1191 00:48:59,420 --> 00:49:02,020 és akkor csak kap egy jobb intuíció azt, ahogy mozognak. 1192 00:49:02,020 --> 00:49:02,730 >> TOMAS REIMERS: És ez rosszabb és rosszabb. 1193 00:49:02,730 --> 00:49:03,496 Szóval ez tényleg csak egy verseny. 1194 00:49:03,496 --> 00:49:05,454 >> ALLISON Buchholtz-AU: Ez szuper biztató. 1195 00:49:05,454 --> 00:49:07,070 Azt akarjuk, hogy CSS. 1196 00:49:07,070 --> 00:49:08,810 >> TOMAS REIMERS: CSS félelmetes. 1197 00:49:08,810 --> 00:49:10,354 Ne feledje, hogy. 1198 00:49:10,354 --> 00:49:11,020 Más kérdés? 1199 00:49:11,020 --> 00:49:14,297 >> ALLISON Buchholtz-AU: Az egy dolog. 1200 00:49:14,297 --> 00:49:14,880 Van még valami? 1201 00:49:14,880 --> 00:49:15,140 Cool. 1202 00:49:15,140 --> 00:49:15,690 >> TOMAS REIMERS: Awesome. 1203 00:49:15,690 --> 00:49:18,523 >> ALLISON Buchholtz-AU: Hát, ha srácok bármilyen kérdése később, 1204 00:49:18,523 --> 00:49:20,919 mi mindig rendelkezésre, mint egy megszokott. 1205 00:49:20,919 --> 00:49:22,960 Akkor valószínűleg látni néhány közülünk végső projektek 1206 00:49:22,960 --> 00:49:24,280 és határozottan a hackathon. 1207 00:49:24,280 --> 00:49:25,200 >> TOMAS REIMERS: Abszolút. 1208 00:49:25,200 --> 00:49:25,720 És a vásáron. 1209 00:49:25,720 --> 00:49:26,560 >> ALLISON Buchholtz-AU: És a vásáron. 1210 00:49:26,560 --> 00:49:26,840 Oh. 1211 00:49:26,840 --> 00:49:28,130 >> TOMAS REIMERS: Várom, hogy látni az összes awesome-- 1212 00:49:28,130 --> 00:49:29,420 >> ALLISON Buchholtz-AU: Meglátjuk Minden a félelmetes honlapok 1213 00:49:29,420 --> 00:49:30,572 hogy gyönyörű lesz. 1214 00:49:30,572 --> 00:49:32,780 TOMAS REIMERS: Bármikor lásd, mint a weboldalak 1215 00:49:32,780 --> 00:49:36,234 aki, mint a jó CSS ​​majd mint azok, akik nem próbálkozik CSS. 1216 00:49:36,234 --> 00:49:39,150 ALLISON Buchholtz-AU: Emellett egy másik a dolog, még egy dolog, hogy vizsgálja meg 1217 00:49:39,150 --> 00:49:40,445 a Bootstrapping. 1218 00:49:40,445 --> 00:49:41,805 Tehát Bootstrap nagyszerű. 1219 00:49:41,805 --> 00:49:42,240 >> TOMAS REIMERS: Google, hogy ha you-- 1220 00:49:42,240 --> 00:49:43,573 >> ALLISON Buchholtz-AU: Google azt. 1221 00:49:43,573 --> 00:49:44,340 Ez egyszerűen fantasztikus. 1222 00:49:44,340 --> 00:49:45,620 Imádni fogod. 1223 00:49:45,620 --> 00:49:48,000 És most, hogy van egy alapvető ismereteket CSS, 1224 00:49:48,000 --> 00:49:50,340 ez lesz, hogy sokkal több értelme van. 1225 00:49:50,340 --> 00:49:50,890 Félelmetes. 1226 00:49:50,890 --> 00:49:51,480 Köszi, srácok. 1227 00:49:51,480 --> 00:49:53,330 >> TOMAS REIMERS: Köszönöm szépen. 1228 00:49:53,330 --> 00:49:54,219