1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:04,500 >> [Музички] 3 00:00:04,500 --> 00:00:10,099 4 00:00:10,099 --> 00:00:12,224 ALLISON BUCHHOLTZ-о: Значи ние сме во основа, само оди 5 00:00:12,224 --> 00:00:14,629 да ви даде преглед на CSS, затоа што знаеме 6 00:00:14,629 --> 00:00:16,420 дека таа не била затрупана во сите делови. 7 00:00:16,420 --> 00:00:20,090 И ние навистина сакате да бидете сигурни дека ќе момци имаат оваа алатка ви стои на располагање, 8 00:00:20,090 --> 00:00:24,790 бидејќи тој ја има способноста да се направи вашиот веб-сајтови да изгледа многу поубав. 9 00:00:24,790 --> 00:00:28,660 >> И ако сте изградба на веб страната, а потоа веројатно сакате да се направи тоа доста. 10 00:00:28,660 --> 00:00:31,372 Мислам, вие не треба да се, но јас би го препорачуваме. [Се смее] 11 00:00:31,372 --> 00:00:35,430 Ако сакате корисниците да го користат, можеби сакате да се направи тоа малку [нечујни] направи. 12 00:00:35,430 --> 00:00:39,130 Значи, ние ќе се обидеме и да ви даде само некои основни алатки и разбирање, 13 00:00:39,130 --> 00:00:42,340 така што кога ќе излезат и да сте истражување работи во врска CSS, 14 00:00:42,340 --> 00:00:45,902 тоа не е целосна глупост, како CSS понекогаш да биде. 15 00:00:45,902 --> 00:00:47,240 >> TOMAS REIMERS: Да. 16 00:00:47,240 --> 00:00:49,930 Алисон тоа го рече прилично добро. 17 00:00:49,930 --> 00:00:53,250 Па претпоставувам дека првото нешто што го треба да почне со е она што е CSS? 18 00:00:53,250 --> 00:00:55,750 Значи CSS е неверојатна. 19 00:00:55,750 --> 00:00:56,250 CSS-- 20 00:00:56,250 --> 00:00:58,320 >> ALLISON BUCHHOLTZ-о: Тоа е името на нашиот семинар. 21 00:00:58,320 --> 00:00:58,434 >> TOMAS REIMERS: Да. 22 00:00:58,434 --> 00:01:00,130 Тоа е навистина важно ви е јасно дека од тогаш. 23 00:01:00,130 --> 00:01:03,090 Само ако се земе еден нешто, тоа е дека ако CSS неверојатна. 24 00:01:03,090 --> 00:01:06,180 Две е CSS се залага за Cascading Style Sheets. 25 00:01:06,180 --> 00:01:10,380 Така, на неговото јадро, CSS е стил на состојба, што значи 26 00:01:10,380 --> 00:01:13,200 тоа ви овозможува да стил веб-страница. 27 00:01:13,200 --> 00:01:16,609 И тогаш што значи тоа, тоа е начин за да додадете стил на вашиот веб-сајтови. 28 00:01:16,609 --> 00:01:18,900 Значи со стил, ние значи сè тоа не е structural-- 29 00:01:18,900 --> 00:01:24,350 па работи како бои, позадина слики, граници, како, баласт, 30 00:01:24,350 --> 00:01:25,040 маржи. 31 00:01:25,040 --> 00:01:27,310 Ќе зборуваме за она што сите тоа значи дека во својот тим. 32 00:01:27,310 --> 00:01:30,110 >> Значи ние сме само нема напред и отвори и на оние во gedit. 33 00:01:30,110 --> 00:01:32,680 Значи ова е index.html. 34 00:01:32,680 --> 00:01:34,800 И ова е main.css. 35 00:01:34,800 --> 00:01:36,829 Значи main.css има ништо. 36 00:01:36,829 --> 00:01:38,412 ALLISON BUCHHOLTZ-о: Нема стил досега. 37 00:01:38,412 --> 00:01:39,245 TOMAS REIMERS: Никој. 38 00:01:39,245 --> 00:01:42,577 И како што ќе видите, тоа е навистина грди сајт. 39 00:01:42,577 --> 00:01:44,160 ALLISON BUCHHOLTZ-о: Тоа е едноставно. 40 00:01:44,160 --> 00:01:45,820 TOMAS REIMERS: Да. 41 00:01:45,820 --> 00:01:49,150 Да, тоа не е грдо, тоа е само минималистички. 42 00:01:49,150 --> 00:01:53,430 А потоа, тука имаме index.html. 43 00:01:53,430 --> 00:01:55,729 И така за брзо повториме на HTML, Алисон, 44 00:01:55,729 --> 00:01:57,270 сакате само да се зборува за оваа страница? 45 00:01:57,270 --> 00:01:58,395 >> ALLISON BUCHHOLTZ-о: Да. 46 00:01:58,395 --> 00:02:01,100 Значи очигледно, ние си имаме HTML таг, кој само имиња HTML датотека. 47 00:02:01,100 --> 00:02:07,080 Ние имаме насловот тука, со CSS Awesomeness, which-- ако се вратиме. 48 00:02:07,080 --> 00:02:07,720 Каде е тоа? 49 00:02:07,720 --> 00:02:09,136 >> TOMAS REIMERS: О. 50 00:02:09,136 --> 00:02:10,301 Да, може да се види. 51 00:02:10,301 --> 00:02:12,092 ALLISON BUCHHOLTZ-о: И ќе забележите дека насловот 52 00:02:12,092 --> 00:02:14,120 е ова јазиче заглавието право тука. 53 00:02:14,120 --> 00:02:17,130 И тогаш "Здраво, свет!" е текстот што имаме само 54 00:02:17,130 --> 00:02:19,620 прикажување на веб- страница, која is-- се вратиш назад. 55 00:02:19,620 --> 00:02:21,290 Назад. 56 00:02:21,290 --> 00:02:24,287 Која е само во нашето тело here-- на обичен текст. 57 00:02:24,287 --> 00:02:26,120 Исто така, една работа да известување, ако се погледне тука, 58 00:02:26,120 --> 00:02:29,410 Томас вклучен овие две од нашите слајд. 59 00:02:29,410 --> 00:02:32,035 Па се додека ги имате сите три од овие, ти си во ред. 60 00:02:32,035 --> 00:02:34,044 Тие можат да бидат во било која цел тие сакаат. 61 00:02:34,044 --> 00:02:39,368 Она што е најбитно е само тоа имате секоја од овие три работи. 62 00:02:39,368 --> 00:02:40,340 >> TOMAS REIMERS: Кул. 63 00:02:40,340 --> 00:02:41,111 Додадете тип doc? 64 00:02:41,111 --> 00:02:42,235 ALLISON BUCHHOLTZ-о: Да. 65 00:02:42,235 --> 00:02:43,068 TOMAS REIMERS: Да. 66 00:02:43,068 --> 00:02:43,769 Кул. 67 00:02:43,769 --> 00:02:46,102 ALLISON BUCHHOLTZ-о: Очигледно, мојата микрофони не ми се допаѓа. 68 00:02:46,102 --> 00:02:49,650 TOMAS REIMERS: Ах, да ни даде само сек додека Алисон прекинувачи од нејзиниот микрофон. 69 00:02:49,650 --> 00:02:50,500 Па је. 70 00:02:50,500 --> 00:02:52,030 Значи имаме нашата главна страница. 71 00:02:52,030 --> 00:02:53,890 Тоа е вид на unstyled. 72 00:02:53,890 --> 00:02:54,780 Ние не треба многу. 73 00:02:54,780 --> 00:02:57,110 Ние само треба во основа текстот. 74 00:02:57,110 --> 00:02:59,470 Имаме стилот на состојба. 75 00:02:59,470 --> 00:03:00,220 Имаме титулата. 76 00:03:00,220 --> 00:03:04,020 Па само голи коски компоненти направи веб страната. 77 00:03:04,020 --> 00:03:08,880 >> Па од таму, ајде се зборува за она CSS е 78 00:03:08,880 --> 00:03:11,270 и она што изгледа како и сите за тоа. 79 00:03:11,270 --> 00:03:12,047 Значи за that-- 80 00:03:12,047 --> 00:03:13,755 ALLISON BUCHHOLTZ-о: Назад на слајдови. 81 00:03:13,755 --> 00:03:15,200 TOMAS REIMERS: Врати се на слајдови. 82 00:03:15,200 --> 00:03:17,240 И Алисон може да го преземе. 83 00:03:17,240 --> 00:03:18,720 >> ALLISON BUCHHOLTZ-о: Ву. 84 00:03:18,720 --> 00:03:19,220 OK. 85 00:03:19,220 --> 00:03:22,360 Значи во вашиот CSS датотека, сте ќе треба 86 00:03:22,360 --> 00:03:25,010 многу од овие работи вика селектори. 87 00:03:25,010 --> 00:03:27,420 Тоа само ќе биде основа на вашиот CSS датотека. 88 00:03:27,420 --> 00:03:29,480 Тоа е само случува да биде многу, многу од овие. 89 00:03:29,480 --> 00:03:30,780 Значи селектор. 90 00:03:30,780 --> 00:03:32,649 Ова е само општа анатомија. 91 00:03:32,649 --> 00:03:35,190 Ние сме случува да поминат низ примери, затоа што ако никогаш момци 92 00:03:35,190 --> 00:03:38,400 гледав мојот дел, се чувствувам како работи во апстрактни 93 00:03:38,400 --> 00:03:39,400 навистина не дава никаква смисла. 94 00:03:39,400 --> 00:03:41,110 Тоа секогаш помага да видите примери. 95 00:03:41,110 --> 00:03:42,420 >> Значи имаме некои селектор. 96 00:03:42,420 --> 00:03:49,120 Тоа се случува да биде некои идентификатор за она што го сакаме стил да се применува. 97 00:03:49,120 --> 00:03:52,220 И тогаш може да има било збир на правила и вредности. 98 00:03:52,220 --> 00:03:55,680 Значи селектори што ќе може да се види може да биде нешто како тело, 99 00:03:55,680 --> 00:04:00,262 или став со P, или заглавие, или што, 100 00:04:00,262 --> 00:04:02,000 она што го сакате вашиот HTML тагови да биде. 101 00:04:02,000 --> 00:04:03,570 >> Значи во овој случај, имаме тело. 102 00:04:03,570 --> 00:04:06,985 И ние имаме некои правило, што тоа одговара 103 00:04:06,985 --> 00:04:09,610 на она што вашиот стил се применува. 104 00:04:09,610 --> 00:04:12,720 Значи во овој случај, имаме боја на позадината и фонтот тежина. 105 00:04:12,720 --> 00:04:16,200 Значи ова ќе се промени на позадината на ништо 106 00:04:16,200 --> 00:04:19,640 во рамките на секое тело, ознака на нашиот HTML датотека. 107 00:04:19,640 --> 00:04:22,810 И тоа се случува да се даде го ова светло сина вредност. 108 00:04:22,810 --> 00:04:24,820 >> Значи, тоа се случува да се направи позадина светло сина. 109 00:04:24,820 --> 00:04:28,660 И тогаш ништо во тело е случува да имаат задебелен фонт тежина. 110 00:04:28,660 --> 00:04:31,142 Така, тоа е само ќе треба да храбар сите наши текст. 111 00:04:31,142 --> 00:04:32,970 И ова е само еден селектор. 112 00:04:32,970 --> 00:04:34,680 Но, вие би можеле да имаат многу многу од овие. 113 00:04:34,680 --> 00:04:38,730 И како што си оди за да се покаже подоцна, малку повеќе во начинот на 114 00:04:38,730 --> 00:04:40,709 која работи и повеќе примери таму. 115 00:04:40,709 --> 00:04:41,750 Нешто што сакате да додадете? 116 00:04:41,750 --> 00:04:42,499 >> TOMAS REIMERS: Не 117 00:04:42,499 --> 00:04:43,500 Алисон го добив. 118 00:04:43,500 --> 00:04:46,144 Ние сме само ќе се намали до еден пример тука на нашиот пример сајт. 119 00:04:46,144 --> 00:04:47,310 Значи, да всушност ја искористам оваа. 120 00:04:47,310 --> 00:04:48,620 Тоа е совршен. 121 00:04:48,620 --> 00:04:54,460 Па јас сум само ќе копирате и залепите тоа право во нашите main.css датотека. 122 00:04:54,460 --> 00:04:56,530 И јас одам да го спаси. 123 00:04:56,530 --> 00:04:59,190 И тогаш ќе го стартувате. 124 00:04:59,190 --> 00:05:01,600 Значи страна на белешка, еден од повеќето фрустрирачки работи 125 00:05:01,600 --> 00:05:04,490 е ако не го зачувате датотеката, и тогаш ти, како, вчитување на страницата, 126 00:05:04,490 --> 00:05:07,450 и како, зошто не е промената се случува? 127 00:05:07,450 --> 00:05:07,950 Тоа се случува. 128 00:05:07,950 --> 00:05:14,230 Значи тука се виде дека ние направивме нашиот веб-страница светло сина позадина 129 00:05:14,230 --> 00:05:16,560 а некои со задебелен фонт текст. 130 00:05:16,560 --> 00:05:20,730 >> Јас, исто така треба да се спомене, ако момци имаат прашања во врска со ништо 131 00:05:20,730 --> 00:05:23,622 ние сме прави, Ве молиме слободно да не запре и да побарате од нас. 132 00:05:23,622 --> 00:05:25,330 Ние сме целосно подготвени на полето прашања. 133 00:05:25,330 --> 00:05:27,951 134 00:05:27,951 --> 00:05:31,930 >> ALLISON BUCHHOLTZ-о: Очигледно, со CSS, се гради врз себе. 135 00:05:31,930 --> 00:05:34,107 Значи, ако едно нешто не да има смисла сега, ние 136 00:05:34,107 --> 00:05:35,690 не сакате тоа да ви блато одредување подоцна. 137 00:05:35,690 --> 00:05:38,390 138 00:05:38,390 --> 00:05:41,930 >> TOMAS REIMERS: Па ајде вид на сецира ова. 139 00:05:41,930 --> 00:05:44,210 Значи сакате да започнете со селекторот тука? 140 00:05:44,210 --> 00:05:45,979 >> ALLISON BUCHHOLTZ-о: Да. 141 00:05:45,979 --> 00:05:48,270 Како што велеше порано, тело е само нашиот селектор тука. 142 00:05:48,270 --> 00:05:50,950 Значи, ако се вратиме во текот на нашата index-- ах. 143 00:05:50,950 --> 00:05:53,245 >> TOMAS REIMERS: Кој јас само се затворени. 144 00:05:53,245 --> 00:05:54,530 Дај ми една секунда. 145 00:05:54,530 --> 00:05:58,286 Значи датотека, отворено, index.html. 146 00:05:58,286 --> 00:05:59,410 ALLISON BUCHHOLTZ-о: Кул. 147 00:05:59,410 --> 00:06:02,710 Значи ако забележите дека тука, ние имаат овие тела тагови, нели? 148 00:06:02,710 --> 00:06:06,270 Значи селекторот само одговара на тагови кои ние зборуваме за. 149 00:06:06,270 --> 00:06:07,670 Значи тело токму тука. 150 00:06:07,670 --> 00:06:10,315 Значи она што си ти што зборуваш е everything-- можеме да се вратиме? 151 00:06:10,315 --> 00:06:12,065 Би сакал да можам само како допир на екранот. 152 00:06:12,065 --> 00:06:14,410 Тоа би било многу поладна. 153 00:06:14,410 --> 00:06:17,150 >> Значи ништо во тие тело тагови, која ја видовме 154 00:06:17,150 --> 00:06:19,637 беше само, како, на текст, а телото во целина 155 00:06:19,637 --> 00:06:20,970 се однесува, како, на позадината. 156 00:06:20,970 --> 00:06:22,720 Ако некогаш сакате да ги промена на позадината, 157 00:06:22,720 --> 00:06:25,090 кој се случува да биде во телото таг. 158 00:06:25,090 --> 00:06:27,120 Само има овие правила се применуваат на нив. 159 00:06:27,120 --> 00:06:32,040 >> Значи, ако ние требаше да одат на index.html and-- всушност, 160 00:06:32,040 --> 00:06:33,840 може да имаме нешто надвор од телото? 161 00:06:33,840 --> 00:06:37,340 Ако имавме, како, на подножјето или нешто, тоа нема да се применува тоа. 162 00:06:37,340 --> 00:06:40,900 Но, ништо во овие тела тагови се случува 163 00:06:40,900 --> 00:06:44,960 да бидат погодени од овој орган, Селекторот дека ние сме направени. 164 00:06:44,960 --> 00:06:47,405 Значи, ако сте во ситуација да напишеш нешто друго there-- 165 00:06:47,405 --> 00:06:49,400 >> TOMAS REIMERS: Да се ​​вози тој дом. 166 00:06:49,400 --> 00:06:55,330 Значи, ако имавме div-- па тоа е само уште еден таг може да имате. 167 00:06:55,330 --> 00:06:56,350 Одам да го затворите. 168 00:06:56,350 --> 00:06:58,280 Или да се направи овој став. 169 00:06:58,280 --> 00:07:01,430 Значи, стр залага за став. 170 00:07:01,430 --> 00:07:02,560 И во тој став. 171 00:07:02,560 --> 00:07:05,650 И тогаш ќе речам: "Ова е текстот." 172 00:07:05,650 --> 00:07:06,369 Кул. 173 00:07:06,369 --> 00:07:09,160 И тогаш Јас направив ова правило се однесува на став, наместо на телото. 174 00:07:09,160 --> 00:07:12,390 175 00:07:12,390 --> 00:07:17,320 Ќе видиме како тоа се однесува само на новоформираната став, десно, 176 00:07:17,320 --> 00:07:18,892 не целата работа. 177 00:07:18,892 --> 00:07:20,090 Дали тоа има смисла? 178 00:07:20,090 --> 00:07:21,840 >> ALLISON BUCHHOLTZ-о: Значи ова е за сите тело, 179 00:07:21,840 --> 00:07:24,450 но сега нашите селектор само одговара на став. 180 00:07:24,450 --> 00:07:27,050 Значи ние само треба храбар и сина за конкретниот став, 181 00:07:27,050 --> 00:07:30,760 бидејќи тоа е единственото нешто кој е затворен во рамките на стр таг. 182 00:07:30,760 --> 00:07:35,349 >> TOMAS REIMERS: Дали тоа има смисла вид за тоа како работите капсулирало други работи? 183 00:07:35,349 --> 00:07:38,140 ALLISON BUCHHOLTZ-о: Исто така, само да се каже, како на пример, еден од најдобрите начини 184 00:07:38,140 --> 00:07:40,889 навистина да се чувствуваме удобно со CSS е само да ги правите нештата како ова, 185 00:07:40,889 --> 00:07:42,050 само да го пробате. 186 00:07:42,050 --> 00:07:46,700 Тоа е многу едноставна да напишеш нешто надвор, хит освежување, и да видиме што се случува. 187 00:07:46,700 --> 00:07:48,940 И како и со повеќето CS, експериментирање често може да 188 00:07:48,940 --> 00:07:51,790 да доведе до многу подобро интуитивен разбирање. 189 00:07:51,790 --> 00:07:54,432 Дури и повеќе, па од нас само, како, да разговараат со вас. 190 00:07:54,432 --> 00:07:58,350 >> TOMAS REIMERS: Апсолутно 100% се согласуваат на таа точка. 191 00:07:58,350 --> 00:08:02,430 Значи, ако ние се вратиме на ова, ајде да почнеме разгледуваа токму она што овие две направи. 192 00:08:02,430 --> 00:08:04,550 Значи имаме две правила за ова. 193 00:08:04,550 --> 00:08:07,420 Значи првиот е боја на позадината. 194 00:08:07,420 --> 00:08:10,590 И ќе видите дека ние сме го постави еднаква вредност, светло сина. 195 00:08:10,590 --> 00:08:15,009 >> Значи во CSS, CSS е вид на многу лабава за тоа како 196 00:08:15,009 --> 00:08:16,300 си дозволи да се дефинира боја. 197 00:08:16,300 --> 00:08:17,800 Значи, можете да ги дефинираат по име. 198 00:08:17,800 --> 00:08:20,650 Вие исто така може да се направи нешто како "црвените". 199 00:08:20,650 --> 00:08:25,270 И тогаш, ако ние се вратиме на ова, ќе видите дека позадината е црвена. 200 00:08:25,270 --> 00:08:29,040 Вие исто така може да се добие really-- јас мислите може да се добие прилично креативни со ова, 201 00:08:29,040 --> 00:08:29,540 не може да ви? 202 00:08:29,540 --> 00:08:31,170 >> ALLISON BUCHHOLTZ-о: Јас мислам дека може да се користи hex. 203 00:08:31,170 --> 00:08:31,250 Не може да ви? 204 00:08:31,250 --> 00:08:32,083 >> TOMAS REIMERS: Да. 205 00:08:32,083 --> 00:08:32,969 Значи, можете да го користите хексадецимален. 206 00:08:32,969 --> 00:08:34,490 Но, јас сум размислување за името-мудрец. 207 00:08:34,490 --> 00:08:35,385 Не се таму? 208 00:08:35,385 --> 00:08:37,260 ALLISON BUCHHOLTZ-о: Можете да направите неколку. 209 00:08:37,260 --> 00:08:43,350 Доста како и повеќето бои што може name-- како, мислам лосос е еден. 210 00:08:43,350 --> 00:08:45,322 >> TOMAS REIMERS: Ние ќе се обиде лосос. 211 00:08:45,322 --> 00:08:47,530 ALLISON BUCHHOLTZ-о: Јас мислам резеда е таму. 212 00:08:47,530 --> 00:08:48,050 TOMAS REIMERS: Да. 213 00:08:48,050 --> 00:08:48,550 Види? 214 00:08:48,550 --> 00:08:50,080 Така може да се добие прилично креативни. 215 00:08:50,080 --> 00:08:52,246 >> ALLISON BUCHHOLTZ-о: Вие може да се добие прилично креативни. 216 00:08:52,246 --> 00:08:55,750 Како, ако може да се мисли на Име на боја, тоа е веројатно во таму. 217 00:08:55,750 --> 00:08:57,840 Ако навистина сакате парична казна детали, можете да се обратите хексадецимален. 218 00:08:57,840 --> 00:08:58,673 >> TOMAS REIMERS: Да. 219 00:08:58,673 --> 00:08:59,390 Значи хексадецимален. 220 00:08:59,390 --> 00:09:05,280 Ако вие момци се сеќава на ова назад од вашиот стар PSET, слика опорави, 221 00:09:05,280 --> 00:09:08,300 вие момци мораше да се справи со овие хексадецимален вредности. 222 00:09:08,300 --> 00:09:15,280 И вид да повториме што е тоа, хексадецимален има три вредности складирани во него. 223 00:09:15,280 --> 00:09:17,250 Така, тоа е во групи од два чекори. 224 00:09:17,250 --> 00:09:19,300 Првите две претставуваат црвена вредност. 225 00:09:19,300 --> 00:09:22,420 Вториот претставува зелените вредност. 226 00:09:22,420 --> 00:09:25,020 И последната е сино? 227 00:09:25,020 --> 00:09:30,050 >> Значи ФФ се случува да претставуваат хексадецимално 255. 228 00:09:30,050 --> 00:09:35,480 Па имате 255 црвени, 255 зелена и 0 сина боја. 229 00:09:35,480 --> 00:09:37,670 И вредности се движат од 0 до 255. 230 00:09:37,670 --> 00:09:38,350 >> ПУБЛИКАТА: Токму така. 231 00:09:38,350 --> 00:09:41,472 Значи во суштина, ние може да го бара на интернет за било која боја што го сакаме, 232 00:09:41,472 --> 00:09:43,912 и да ги идентификува всушност познат спектар на бои комбо, 233 00:09:43,912 --> 00:09:45,130 а потоа да го стави во? 234 00:09:45,130 --> 00:09:46,380 ALLISON BUCHHOLTZ-о: Токму така. 235 00:09:46,380 --> 00:09:52,900 Значи имаш доста целосна контрола во текот на бои што сакате во рамките на CSS. 236 00:09:52,900 --> 00:09:55,069 Дали ние ќе зборуваме за слики во позадина подоцна? 237 00:09:55,069 --> 00:09:56,110 Или сакаме да го направите тоа? 238 00:09:56,110 --> 00:09:56,240 >> TOMAS REIMERS: Да. 239 00:09:56,240 --> 00:09:57,010 Апсолутно. 240 00:09:57,010 --> 00:10:00,830 Значи прво, само за да се покаже дека црвена и зелена боја е жолта. 241 00:10:00,830 --> 00:10:03,120 И ако ви треба некој помош наоѓање ова, 242 00:10:03,120 --> 00:10:05,575 може Google нешто како "боја берач". 243 00:10:05,575 --> 00:10:07,200 ALLISON BUCHHOLTZ-о: Ах, тоа е толку добро. 244 00:10:07,200 --> 00:10:09,090 Сакам боја берач. 245 00:10:09,090 --> 00:10:11,360 >> TOMAS REIMERS: colorpicker.com е добар пример. 246 00:10:11,360 --> 00:10:14,580 И тука, ќе видите дека имате целосна Фотошоп-како боја берач. 247 00:10:14,580 --> 00:10:14,920 >> ALLISON BUCHHOLTZ-о: MM-хм. 248 00:10:14,920 --> 00:10:16,980 Исто така, интересни нешта сте може да генерира шеми на бои 249 00:10:16,980 --> 00:10:18,896 така што ќе не мора, како на пример, да се судри бои. 250 00:10:18,896 --> 00:10:22,780 TOMAS REIMERS: И потоа тука е хексадецимален вредност до тука. 251 00:10:22,780 --> 00:10:27,800 Па секогаш можете да ги најдете на интернет во основа места за да се добие хексадецимален вредност од. 252 00:10:27,800 --> 00:10:31,667 Тоа не е вид на кој само, како, ние види боите на светот во бројки. 253 00:10:31,667 --> 00:10:34,000 Тоа е повеќе што одат онлајн и да се најде она што боја сакаме, 254 00:10:34,000 --> 00:10:36,850 и тогаш земи бројот ќе биде намален. 255 00:10:36,850 --> 00:10:39,590 Затоа што тоа е само навистина лесно начин на упатување на работите во CS. 256 00:10:39,590 --> 00:10:40,350 >> ALLISON BUCHHOLTZ-о: И тогаш има also-- 257 00:10:40,350 --> 00:10:41,630 Заборавам точното име на сајт. 258 00:10:41,630 --> 00:10:43,838 Но, таму е дефинитивно, јас мислам, нешто од Adobe 259 00:10:43,838 --> 00:10:48,350 кој генерира шеми на бои за вас, која е навистина кул, затоа што 260 00:10:48,350 --> 00:10:50,580 definitely-- тоа е понекогаш тешко да дознаам, 261 00:10:50,580 --> 00:10:53,729 ох, ако сакате да ја користите оваа боја, што би можело да биде уште една корисна 262 00:10:53,729 --> 00:10:56,395 да се користи на други места на мојот сајт да се, како, направи убаво и смирување. 263 00:10:56,395 --> 00:11:00,430 264 00:11:00,430 --> 00:11:04,260 >> TOMAS REIMERS: Алисон зборуваме за еден од Adobe Kuler нарекува, си мислам. 265 00:11:04,260 --> 00:11:04,885 Тоа е К-У-Л-Е-Р. 266 00:11:04,885 --> 00:11:06,259 ALLISON BUCHHOLTZ-о: Јас мислам така. 267 00:11:06,259 --> 00:11:07,610 Јас сум прилично сигурен дека тоа е еден. 268 00:11:07,610 --> 00:11:11,050 >> TOMAS REIMERS: Мој омилен има секогаш бил шема на бои дизајнер. 269 00:11:11,050 --> 00:11:13,998 >> ALLISON BUCHHOLTZ-о: Ooh. 270 00:11:13,998 --> 00:11:16,010 >> TOMAS REIMERS: Кој е now-- 271 00:11:16,010 --> 00:11:16,860 >> ALLISON BUCHHOLTZ-о: Ах, ова е убава. 272 00:11:16,860 --> 00:11:18,818 >> TOMAS REIMERS: А ти во основа може да се каже, како, 273 00:11:18,818 --> 00:11:21,700 Сакам три бои едни до други. 274 00:11:21,700 --> 00:11:25,030 И тогаш ајде да направиме нешто убаво. 275 00:11:25,030 --> 00:11:29,210 И тогаш ќе може да се добие еден пример на она што би можело да изгледа. 276 00:11:29,210 --> 00:11:32,470 И тогаш ако ти лебдиш над било кој од нив, тоа ви дава хексадецимален вредност. 277 00:11:32,470 --> 00:11:35,010 >> Па само како добар начин да се започне размислува за боја шеми 278 00:11:35,010 --> 00:11:39,570 или што боите во веб страната, би можеле да одат добро заедно. 279 00:11:39,570 --> 00:11:45,655 Затоа што тоа може да биде изненадувачки не е толку лесно да ги собереш како што мислите. 280 00:11:45,655 --> 00:11:48,280 И тогаш другите кул работа Јас секогаш сум го нашол за овој сајт 281 00:11:48,280 --> 00:11:51,480 е ако го погоди Примери, тоа ќе покаже она пример веб-сајт 282 00:11:51,480 --> 00:11:54,800 може да изгледа како употреба на таа шема на бои. 283 00:11:54,800 --> 00:11:56,270 Како и да е. 284 00:11:56,270 --> 00:11:57,863 >> Назад кон вистинските CSS. 285 00:11:57,863 --> 00:12:01,112 ALLISON BUCHHOLTZ-о: Но, очигледно, ние Знаете овие препораки би можеле да бидат корисни. 286 00:12:01,112 --> 00:12:03,195 TOMAS REIMERS: Не, тие дефинитивно може да биде корисно. 287 00:12:03,195 --> 00:12:04,720 Значи Второто правило, драга? 288 00:12:04,720 --> 00:12:05,844 >> ALLISON BUCHHOLTZ-о: Да. 289 00:12:05,844 --> 00:12:08,280 Второто правило е само одговараат на нашите фонт. 290 00:12:08,280 --> 00:12:11,520 Значи фонт тежина е само вид of-- па тежината ќе 291 00:12:11,520 --> 00:12:15,220 биде ако сакате само, како, нормален или, како, потенка фонтови, 292 00:12:15,220 --> 00:12:17,251 или во овој случај, како, со задебелени букви. 293 00:12:17,251 --> 00:12:17,750 Заборавам. 294 00:12:17,750 --> 00:12:21,557 Што е ако си сакал it-- е таму потенка од само еден, како, нормално? 295 00:12:21,557 --> 00:12:24,140 TOMAS REIMERS: Јас всушност не знам дали има потенки еден. 296 00:12:24,140 --> 00:12:24,680 ALLISON BUCHHOLTZ-о: го заборавам. 297 00:12:24,680 --> 00:12:26,300 Значи фонт тежина ние обично само го користите за задебелени букви. 298 00:12:26,300 --> 00:12:29,010 Ако сакате да се добие навистина во тоа, ние ќе ви покаже. 299 00:12:29,010 --> 00:12:34,317 W3Schools има сите различни работи што можете да направите за фонтови. 300 00:12:34,317 --> 00:12:36,900 Но, во основа, ако некогаш сакаш да се промени нешто во врска со фонтот, 301 00:12:36,900 --> 00:12:39,330 таа секогаш ќе биде, како, font-нешто. 302 00:12:39,330 --> 00:12:43,450 Значи тоа ќе биде како, font-family ако сте се обидува да го промени вистинскиот тип. 303 00:12:43,450 --> 00:12:47,390 Тоа ќе биде font-style ако сакам да го направам како курзив, 304 00:12:47,390 --> 00:12:49,710 или искосен или какво ли не. 305 00:12:49,710 --> 00:12:53,570 Или, пак, фонт-боја, ако сакавме да го промени тоа. 306 00:12:53,570 --> 00:12:55,621 >> TOMAS REIMERS: То. 307 00:12:55,621 --> 00:12:56,925 Така може да го промени тоа. 308 00:12:56,925 --> 00:12:59,360 И вид на само за да повториме сега, па можете да 309 00:12:59,360 --> 00:13:01,400 види дека имаме селекторот тука. 310 00:13:01,400 --> 00:13:03,000 Имаме овие големи загради. 311 00:13:03,000 --> 00:13:06,735 И тогаш имаме правила одвоени од semicolons. 312 00:13:06,735 --> 00:13:08,100 Дали тоа има смисла? 313 00:13:08,100 --> 00:13:09,130 Да? 314 00:13:09,130 --> 00:13:10,500 Кул. 315 00:13:10,500 --> 00:13:13,200 Значи, ако тоа е good-- 316 00:13:13,200 --> 00:13:14,424 >> ALLISON BUCHHOLTZ-о: назад. 317 00:13:14,424 --> 00:13:17,590 TOMAS REIMERS: Ајде да зборуваме конкретно за каков вид на селектори имаме. 318 00:13:17,590 --> 00:13:19,790 Оти ​​ние сме во моментов вид на само покажа тагови. 319 00:13:19,790 --> 00:13:21,696 Но, вие момци може да се види тоа веродостојно. 320 00:13:21,696 --> 00:13:23,570 Велат дека имате два става на страница и можете 321 00:13:23,570 --> 00:13:26,087 сакате да бидете во можност да стил еден, но не од друга страна, 322 00:13:26,087 --> 00:13:29,170 не само сакаат да се ограничи мора да се користи на различни реалните HTML 323 00:13:29,170 --> 00:13:33,410 тагови да им даде различни стилови. 324 00:13:33,410 --> 00:13:35,995 >> Значи, имаме три основни видови на селектори. 325 00:13:35,995 --> 00:13:37,120 ALLISON BUCHHOLTZ-о: Да. 326 00:13:37,120 --> 00:13:39,828 Значи имаме ознака, што е она што ние сме биле зборува за што во моментов. 327 00:13:39,828 --> 00:13:42,430 Значи тоа е вид на како вашето тело или стр. 328 00:13:42,430 --> 00:13:46,280 И тогаш имаме класа, која е кога ќе се дефинираат во нашата CSS датотека, 329 00:13:46,280 --> 00:13:49,907 таа секогаш ќе биде точка, она што сакаш името на вашата класа да биде. 330 00:13:49,907 --> 00:13:51,490 И ова може да се однесува на повеќе нешта. 331 00:13:51,490 --> 00:13:54,610 332 00:13:54,610 --> 00:13:57,610 >> Велат дека имаш пет параграфи и две од три од нив 333 00:13:57,610 --> 00:14:00,580 треба да се стилизирана исти, ќе се применуваат на класата на него. 334 00:14:00,580 --> 00:14:03,040 И ова е само начинот на кој го правиме тоа. 335 00:14:03,040 --> 00:14:05,600 Ќе ви дадам еден пример на каде што ова, всушност, се појавува. 336 00:14:05,600 --> 00:14:11,030 Но, ако сте имале можеби некој таг Па, по него, ќе напише, 337 00:14:11,030 --> 00:14:14,170 класа еднакво на она што класи сакате да се применуваат за тоа. 338 00:14:14,170 --> 00:14:19,280 Значи она што класа селектори кои сакаме да се применува овој специфичен став, 339 00:14:19,280 --> 00:14:21,300 ние само да го напишете вака. 340 00:14:21,300 --> 00:14:24,080 Се разбира, мислам пример ќе многу повеќе конкретни направи. 341 00:14:24,080 --> 00:14:27,270 >> Другиот имаме е проект, кој го означи 342 00:14:27,270 --> 00:14:29,707 со хашиш, или фунта, или хаштагот. 343 00:14:29,707 --> 00:14:30,790 TOMAS REIMERS: Octothorpe. 344 00:14:30,790 --> 00:14:32,430 ALLISON BUCHHOLTZ-о: Octothorpe. 345 00:14:32,430 --> 00:14:34,550 Која работи, исто така. 346 00:14:34,550 --> 00:14:36,640 А таа една навистина треба да биде уникатен. 347 00:14:36,640 --> 00:14:39,880 Тие треба да се однесуваат само на една работа на вашата страница. 348 00:14:39,880 --> 00:14:43,820 Значи без разлика дали тоа е конкретен став, или некој предмет во листата, или што, 349 00:14:43,820 --> 00:14:45,090 ова треба да биде уникатен. 350 00:14:45,090 --> 00:14:48,730 И во истиот начин на кој ние само велат, како, класа = "класа на точност 1 class2" 351 00:14:48,730 --> 00:14:51,577 тоа само може да биде проект на она што го имаме. 352 00:14:51,577 --> 00:14:52,410 TOMAS REIMERS: Да. 353 00:14:52,410 --> 00:14:54,330 Значи, да дефинитивно се зборува за примери тука. 354 00:14:54,330 --> 00:14:58,170 И јас сум само ќе се нурне исправениот грб во кодот. 355 00:14:58,170 --> 00:15:02,090 Па ајде да погледнеме на нашиот HTML. 356 00:15:02,090 --> 00:15:03,960 И така ние во моментов имаме еден став. 357 00:15:03,960 --> 00:15:05,510 Ова е текстот. 358 00:15:05,510 --> 00:15:09,151 Јас сум само ќе го менува тоа. "Ова е текстот 1." 359 00:15:09,151 --> 00:15:11,150 И тогаш ние ќе треба да имаат "Ова е текстот 2." 360 00:15:11,150 --> 00:15:12,525 >> ALLISON BUCHHOLTZ-о: Вториот услов. 361 00:15:12,525 --> 00:15:13,540 TOMAS REIMERS: То. 362 00:15:13,540 --> 00:15:16,810 Затоа сега имаме "Ова е текстот 2", нели? 363 00:15:16,810 --> 00:15:21,560 И ние си оди за да се види дека ако ние ја превчитате страницата, она што ние ќе треба да се најде 364 00:15:21,560 --> 00:15:23,067 е ние ќе find-- 365 00:15:23,067 --> 00:15:24,150 ALLISON BUCHHOLTZ-о: Ooh. 366 00:15:24,150 --> 00:15:24,983 TOMAS REIMERS: Да. 367 00:15:24,983 --> 00:15:27,570 Ние сме случува да се најде "Ова е текст 1 "и" Ова е текстот 2. " 368 00:15:27,570 --> 00:15:28,650 >> ALLISON BUCHHOLTZ-о: А надвор прекрасна жолта боја. 369 00:15:28,650 --> 00:15:31,066 >> TOMAS REIMERS: И ќе видите дека нашиот селектор во моментов, 370 00:15:31,066 --> 00:15:34,940 кој се однесува на стр, или ставови, влијае и на нив, 371 00:15:34,940 --> 00:15:38,700 бидејќи и двете од нив се задоволат под услов тие да се и двете на стр таг. 372 00:15:38,700 --> 00:15:40,360 Тоа го прави вкупно смисла. 373 00:15:40,360 --> 00:15:43,340 Значи, прашањето е, добро, што ако сакаме да добиваат само еден? 374 00:15:43,340 --> 00:15:46,350 Значи, токму како Алисон велеше, имаме две други начини да го направите тоа. 375 00:15:46,350 --> 00:15:47,320 Одам да се започне со ид. 376 00:15:47,320 --> 00:15:48,405 >> ALLISON BUCHHOLTZ-о: Да почнеме со ид. 377 00:15:48,405 --> 00:15:50,405 >> TOMAS REIMERS: И двете од нив се атрибути. 378 00:15:50,405 --> 00:15:53,200 Значи постојат атрибути во HTML. 379 00:15:53,200 --> 00:15:55,600 И она што се е нешто што ќе ги додадете 380 00:15:55,600 --> 00:15:58,840 во ознаката што е одвоени од името на ознаката. 381 00:15:58,840 --> 00:16:01,301 Така може да имаат повеќе атрибути. 382 00:16:01,301 --> 00:16:01,800 Да? 383 00:16:01,800 --> 00:16:03,950 >> ALLISON BUCHHOLTZ-о: Јас бев само ќе да се каже, од вашиот пример од PSET 7, 384 00:16:03,950 --> 00:16:06,650 ако некој од вас се обидат да се усогласат работи во центарот, 385 00:16:06,650 --> 00:16:08,550 што може да се користи "Текст усогласат = центарот". 386 00:16:08,550 --> 00:16:10,550 И вие тоа го забележал веројатно треба да се центрирани 387 00:16:10,550 --> 00:16:12,650 Вашиот текст или вашата лента за навигација. 388 00:16:12,650 --> 00:16:15,499 Значи тоа е само исто така атрибут кои може да бидат запознаени со. 389 00:16:15,499 --> 00:16:18,040 TOMAS REIMERS: Има еден куп на атрибути кои ќе видите. 390 00:16:18,040 --> 00:16:18,539 Да. 391 00:16:18,539 --> 00:16:21,250 Како добра референца за да PSET 7. 392 00:16:21,250 --> 00:16:23,150 Имаме проект. 393 00:16:23,150 --> 00:16:25,080 Вие исто така може да има класа, вакви работи. 394 00:16:25,080 --> 00:16:27,250 Еден таг може да имаат многу атрибути. 395 00:16:27,250 --> 00:16:33,140 Значи, почнувајќи со проект, ајде да се преправаме дека сакаат да имаат проект of-- Не знам. 396 00:16:33,140 --> 00:16:35,140 Ние ќе го наречеме посебно, поради ова, ние сме 397 00:16:35,140 --> 00:16:37,867 случува да се направи храбар, и потенцирам, и сеедно. 398 00:16:37,867 --> 00:16:39,950 ALLISON BUCHHOLTZ-о: Тоа е ќе бидам супер посебно. 399 00:16:39,950 --> 00:16:42,360 TOMAS REIMERS: Значи ова еден, имаме проект посебно. 400 00:16:42,360 --> 00:16:48,140 Значи начин за да го изберете тоа, тогаш, е во main.css, наместо да имаат P ознака, 401 00:16:48,140 --> 00:16:51,500 да го направите #special, во ред? 402 00:16:51,500 --> 00:16:55,538 И тоа го одбира работа со проект посебно. 403 00:16:55,538 --> 00:16:57,295 Дали тоа се направи смисла на сите? 404 00:16:57,295 --> 00:16:57,920 ПУБЛИКАТА: Да. 405 00:16:57,920 --> 00:16:59,110 TOMAS REIMERS: Кул. 406 00:16:59,110 --> 00:17:04,440 Па сега ако одиме назад, ние ќе see-- Whoops. 407 00:17:04,440 --> 00:17:06,240 Да. 408 00:17:06,240 --> 00:17:09,460 Ние ќе видиме дека тоа само го избира оној со посебен проект. 409 00:17:09,460 --> 00:17:10,622 Да? 410 00:17:10,622 --> 00:17:11,900 Звучи кул. 411 00:17:11,900 --> 00:17:12,570 Да. 412 00:17:12,570 --> 00:17:15,456 >> ПУБЛИКАТА: нешто може да има припишуваат на двете класа и ид? 413 00:17:15,456 --> 00:17:16,359 >> TOMAS REIMERS: Да. 414 00:17:16,359 --> 00:17:16,900 ПУБЛИКАТА: Добро. 415 00:17:16,900 --> 00:17:20,887 И тогаш што се случува ако потоа да ви даде тоа некои правила во CSS кои се во конфликт? 416 00:17:20,887 --> 00:17:21,970 TOMAS REIMERS: Апсолутно. 417 00:17:21,970 --> 00:17:23,940 Ние сме дефинитивно ќе да се зборува за тоа. 418 00:17:23,940 --> 00:17:31,890 Значи, што точно се добива во, можете исто така да имаат часови. 419 00:17:31,890 --> 00:17:36,380 Значи, да се преправаат дека имав три параграфи и јас 420 00:17:36,380 --> 00:17:38,730 сакаше да стил на првата две, но не и на третото место. 421 00:17:38,730 --> 00:17:42,850 Па, на својата прва идеја може да биде, добро, јас може само да се даде на втората ид. 422 00:17:42,850 --> 00:17:45,590 Но, вие не може, затоа лична карта, токму како Алисон велеше, 423 00:17:45,590 --> 00:17:47,330 мора да биде уникатен. 424 00:17:47,330 --> 00:17:50,860 >> Така, наместо на еден проект, она што да го користите е можете да го користите класа. 425 00:17:50,860 --> 00:17:57,880 И class-- што овозможува можете да направите е да се каже во основа, 426 00:17:57,880 --> 00:17:59,610 оваа припаѓа, како дел од група. 427 00:17:59,610 --> 00:18:02,410 Во овој случај, нашата група се нарекува Специјални. 428 00:18:02,410 --> 00:18:06,500 И она што се случува да се направи тоа, тогаш е ние ќе се say-- наместо фунтата, 429 00:18:06,500 --> 00:18:08,070 ние сме случува да се користи точка. 430 00:18:08,070 --> 00:18:08,740 Во ред? 431 00:18:08,740 --> 00:18:11,950 И ќе забележите дека фунтата и точка постојат само во рамките на CSS датотека, 432 00:18:11,950 --> 00:18:12,797 не е во рамките на HTML. 433 00:18:12,797 --> 00:18:13,880 ALLISON BUCHHOLTZ-о: Да. 434 00:18:13,880 --> 00:18:15,185 Важна дистинкција. 435 00:18:15,185 --> 00:18:17,510 >> TOMAS REIMERS: Имам имаше толку многу борба, 436 00:18:17,510 --> 00:18:23,990 бидејќи јас се стави хаш во HTML и а потоа само се чувствува глупаво за долго време. 437 00:18:23,990 --> 00:18:27,470 Погледнете како тоа го избира двата оние со таа класа? 438 00:18:27,470 --> 00:18:28,210 Кул. 439 00:18:28,210 --> 00:18:29,950 >> Сега, работите можат да имаат повеќе часови. 440 00:18:29,950 --> 00:18:32,790 Да речеме дека јас сакав да го направи првиот две имаат позадина на жолта 441 00:18:32,790 --> 00:18:36,770 а вториот две имаат на боја на сина боја. 442 00:18:36,770 --> 00:18:37,270 OK. 443 00:18:37,270 --> 00:18:39,735 Јас навистина не знам зошто јас би сакаш да го направиш тоа, но можам. 444 00:18:39,735 --> 00:18:42,401 >> ALLISON BUCHHOLTZ-о: не може да препорачува тоа за вашиот веб-сајт. 445 00:18:42,401 --> 00:18:43,880 Но, за нашите цели, тоа ќе го направи. 446 00:18:43,880 --> 00:18:46,294 >> TOMAS REIMERS: Тоа не е добра шема на бои. 447 00:18:46,294 --> 00:18:49,210 ALLISON BUCHHOLTZ-о: Па, жолта и сина се мојата гимназија бои. 448 00:18:49,210 --> 00:18:50,947 Не знам, иако. 449 00:18:50,947 --> 00:18:53,530 TOMAS REIMERS: Алисон висок училиште имаше голема шема на бои. 450 00:18:53,530 --> 00:18:54,520 [Смеа] 451 00:18:54,520 --> 00:18:59,120 Па тогаш што можеме да го наречеме ова е да ја наречеме this-- така имаме посебни 452 00:18:59,120 --> 00:19:00,030 и ние имаме убава. 453 00:19:00,030 --> 00:19:02,405 Предлагам, за ова, можете да користите многу повеќе описни имиња. 454 00:19:02,405 --> 00:19:05,820 ALLISON BUCHHOLTZ-о: Да, јас би ова го нарекуваат, како, жолта или сина. 455 00:19:05,820 --> 00:19:08,314 >> TOMAS REIMERS: Ние не сме навистина прави вистинска веб-сајт, 456 00:19:08,314 --> 00:19:09,730 која е причината зошто ние не го правиме тоа. 457 00:19:09,730 --> 00:19:11,521 Но, ако навистина имаше вистинска веб-сајт, 458 00:19:11,521 --> 00:19:16,220 би можеле да имаат, како, член насловот, член содржина, првиот збор, 459 00:19:16,220 --> 00:19:21,920 такви работи, кои им овозможуваат на да биде многу описни. 460 00:19:21,920 --> 00:19:23,550 Овие се навистина само како променливи. 461 00:19:23,550 --> 00:19:28,390 Тие треба да биде именуван на начин каде можеш, like-- да, како што се. 462 00:19:28,390 --> 00:19:29,470 Перфект. 463 00:19:29,470 --> 00:19:30,480 >> Значи, боја на позадина. 464 00:19:30,480 --> 00:19:35,920 И тогаш ние ќе треба да say-- па начин да ја менуваат бојата е само "боја". 465 00:19:35,920 --> 00:19:38,412 И ние си оди за да се направи тоа сина боја. 466 00:19:38,412 --> 00:19:40,150 Тоа е кул. 467 00:19:40,150 --> 00:19:42,640 Така, сега имаме првите две имаат посебни. 468 00:19:42,640 --> 00:19:45,972 Следна еден се случува да имаат "class = убава." 469 00:19:45,972 --> 00:19:49,180 ALLISON BUCHHOLTZ-о: И тогаш ќе сакате да го додадете "прилично" до средината еден. 470 00:19:49,180 --> 00:19:49,971 TOMAS REIMERS: То. 471 00:19:49,971 --> 00:19:52,970 И тогаш до средината еден, за да додадете "убава", што ќе се случи 472 00:19:52,970 --> 00:19:56,880 е едноставно мора простор. 473 00:19:56,880 --> 00:19:59,800 Значи класа атрибут е разделени со празно место листа 474 00:19:59,800 --> 00:20:02,450 Од сите класи кои се однесуваат на таа ознака. 475 00:20:02,450 --> 00:20:02,959 Во ред? 476 00:20:02,959 --> 00:20:05,750 Тоа не е како овој припаѓа на некој вид на посебна класа наречена 477 00:20:05,750 --> 00:20:07,180 "Посебен, простор, убава." 478 00:20:07,180 --> 00:20:10,870 Таа му припаѓа на две classes-- посебна и убава. 479 00:20:10,870 --> 00:20:12,492 Да? 480 00:20:12,492 --> 00:20:14,360 Кул. 481 00:20:14,360 --> 00:20:17,010 >> А потоа, ако се погледне што се случува, ние сме 482 00:20:17,010 --> 00:20:21,850 ќе се види дека првиот човек мора жолта позадина, црн текст. 483 00:20:21,850 --> 00:20:22,450 Второ one-- 484 00:20:22,450 --> 00:20:26,160 >> ALLISON BUCHHOLTZ-о: --has задебелени букви жолта позадина со сини текст. 485 00:20:26,160 --> 00:20:29,330 И нашите последното токму има сини текст кој ние се доверени. 486 00:20:29,330 --> 00:20:30,870 >> TOMAS REIMERS: Кул? 487 00:20:30,870 --> 00:20:32,491 Како селектори работа? 488 00:20:32,491 --> 00:20:32,990 Прекрасно. 489 00:20:32,990 --> 00:20:34,720 >> ALLISON BUCHHOLTZ-о: Дали сакаме да зборува за конфликтот сега и тогаш? 490 00:20:34,720 --> 00:20:35,780 >> TOMAS REIMERS: Па је. 491 00:20:35,780 --> 00:20:36,310 Апсолутно. 492 00:20:36,310 --> 00:20:38,380 Значи она што се случува ако имаат конфликт, нели? 493 00:20:38,380 --> 00:20:44,740 Да се ​​преправам првиот поставува нешто like-- 494 00:20:44,740 --> 00:20:47,240 ALLISON BUCHHOLTZ-о: Можеби оваа менува позадина? 495 00:20:47,240 --> 00:20:48,090 TOMAS REIMERS: Да. 496 00:20:48,090 --> 00:20:51,699 Значи ние си оди за да се направи "прилично" промена на позадината на лосос. 497 00:20:51,699 --> 00:20:54,740 ALLISON BUCHHOLTZ-о: Ти си само со сите големи бои денес, Томас. 498 00:20:54,740 --> 00:20:55,573 TOMAS REIMERS: Да. 499 00:20:55,573 --> 00:20:58,200 Затоа што дознав што можам го користите лосос како вистинска боја. 500 00:20:58,200 --> 00:21:00,270 Значи ние сме само ќе треба да го направите тоа. 501 00:21:00,270 --> 00:21:01,770 Јас исто така мислам Зајдисонце е вистинска боја. 502 00:21:01,770 --> 00:21:03,103 ПУБЛИКАТА: Зајдисонце е вистинска боја? 503 00:21:03,103 --> 00:21:04,572 ALLISON BUCHHOLTZ-о: Ајде да ја обидат. 504 00:21:04,572 --> 00:21:07,735 TOMAS REIMERS: По ова демо само затоа што во случај да мензи до, 505 00:21:07,735 --> 00:21:08,943 Не сакам да се дебагирање. 506 00:21:08,943 --> 00:21:11,580 Па знаеме лосос е вистинска боја. 507 00:21:11,580 --> 00:21:15,626 Така било претпоставки за што ќе се случи? 508 00:21:15,626 --> 00:21:17,522 >> ALLISON BUCHHOLTZ-о: Секоја идеја? 509 00:21:17,522 --> 00:21:20,002 >> ПУБЛИКАТА: [нечујни]. 510 00:21:20,002 --> 00:21:20,920 >> TOMAS REIMERS: Да. 511 00:21:20,920 --> 00:21:22,150 Значи ли тоа токму во право. 512 00:21:22,150 --> 00:21:24,930 Во суштина, тоа трае со последните правило дека му била дадена. 513 00:21:24,930 --> 00:21:27,860 >> ALLISON BUCHHOLTZ-о: Значи ова е каде каскадни стапува на сила. 514 00:21:27,860 --> 00:21:31,080 >> TOMAS REIMERS: Значи се сеќавам како се имал тоа Cascading Style Sheets? 515 00:21:31,080 --> 00:21:33,660 Значи со тоа, ние вид на значело дека имаме еден куп правила 516 00:21:33,660 --> 00:21:37,115 што се однесуваат на врвот едни на други, и тие, исто така, може да се замени едни со други. 517 00:21:37,115 --> 00:21:39,380 >> ALLISON BUCHHOLTZ-о: Значи што е на дното 518 00:21:39,380 --> 00:21:41,540 ќе ги избегне она што е на врвот. 519 00:21:41,540 --> 00:21:45,842 Вие би можеле да имаат правила кои целосно се негира нешто пред тоа. 520 00:21:45,842 --> 00:21:48,300 Тоа е и причината зошто сакате да биде внимателни кога сте стил, 521 00:21:48,300 --> 00:21:51,465 па вие не сте создавање на правила кои сте само целосно изигрување. 522 00:21:51,465 --> 00:21:53,340 >> TOMAS REIMERS: Или можеби сакате да запишете врз неа правила. 523 00:21:53,340 --> 00:21:53,920 >> ALLISON BUCHHOLTZ-о: Или можеби го правите. 524 00:21:53,920 --> 00:21:54,300 Да. 525 00:21:54,300 --> 00:21:57,175 >> TOMAS REIMERS: Прави имате класа, која се однесува на повеќето нешта, 526 00:21:57,175 --> 00:22:01,220 но да речеме дека сакате да ја промените боја на црвено и фонтот позадина 527 00:22:01,220 --> 00:22:03,140 тежина на храбри за повеќето нешта, но за еден, 528 00:22:03,140 --> 00:22:06,098 вие само сакате бојата на позадина да бидат црвени, но сакате сите други 529 00:22:06,098 --> 00:22:09,990 својства, може да се направи нешто како "font-weight = нормална" 530 00:22:09,990 --> 00:22:12,760 кои потоа ќе го вратите дека задебелени букви промени. 531 00:22:12,760 --> 00:22:14,480 Да? 532 00:22:14,480 --> 00:22:17,250 Повторно, најдобар начин, мислам дека Алисон рече дека тоа е само пракса. 533 00:22:17,250 --> 00:22:18,080 >> ALLISON BUCHHOLTZ-о: експериментирање. 534 00:22:18,080 --> 00:22:20,090 >> TOMAS REIMERS: пракса, пракса, пракса, и експеримент. 535 00:22:20,090 --> 00:22:22,950 Знам многу луѓе кои мислат CSS е само многу претпоставка-и-проверка 536 00:22:22,950 --> 00:22:25,580 на крајот на денот, каде што ако што сакате да направите something-- како, 537 00:22:25,580 --> 00:22:27,663 ќе имаат груба идеја, но се уште најверојатно треба 538 00:22:27,663 --> 00:22:31,390 да го пробате да бидете сигурни дека знаете како изгледа. 539 00:22:31,390 --> 00:22:34,482 >> ПУБЛИКАТА: Кога сте примена класи, повеќе од еден 540 00:22:34,482 --> 00:22:37,339 на истиот став или дел, тоа не 541 00:22:37,339 --> 00:22:39,505 оглед на тоа што за да може да се напишете ги во наводници? 542 00:22:39,505 --> 00:22:40,992 >> TOMAS REIMERS: Не, воопшто не. 543 00:22:40,992 --> 00:22:45,764 >> ALLISON BUCHHOLTZ-о: Она што е важно е на редот во вашиот CSS стилот на состојба. 544 00:22:45,764 --> 00:22:47,430 ПУБЛИКАТА: Може ли да го повтори прашањето? 545 00:22:47,430 --> 00:22:50,680 TOMAS REIMERS: О. 546 00:22:50,680 --> 00:22:53,990 ALLISON BUCHHOLTZ-о: Во текот на класа, кога си даваат часови 547 00:22:53,990 --> 00:22:56,964 до нешто во HTML, дали тоа е важно што тие се во ред? 548 00:22:56,964 --> 00:22:58,130 Тоа не е важно ред. 549 00:22:58,130 --> 00:23:02,915 Она што е важно е редот на класа селектори во рамките на вашиот CSS, 550 00:23:02,915 --> 00:23:04,306 во рамките на вашиот стил на состојба. 551 00:23:04,306 --> 00:23:06,982 >> TOMAS REIMERS: Звукот е добар? 552 00:23:06,982 --> 00:23:08,532 >> ALLISON BUCHHOLTZ-о: стара. 553 00:23:08,532 --> 00:23:11,539 >> TOMAS REIMERS: И потоа ние ќе продолжиме да се to-- 554 00:23:11,539 --> 00:23:13,330 ALLISON BUCHHOLTZ-о: Што треба следно? 555 00:23:13,330 --> 00:23:14,245 Заборавам. 556 00:23:14,245 --> 00:23:16,087 О, ние само треба примери. 557 00:23:16,087 --> 00:23:17,295 Но, ние сме вид на направи оние. 558 00:23:17,295 --> 00:23:18,990 Ние го направивме примери на мува. 559 00:23:18,990 --> 00:23:20,540 >> TOMAS REIMERS: Ние се да комбинираат селектори наскоро. 560 00:23:20,540 --> 00:23:22,790 >> ALLISON BUCHHOLTZ-о: Ах, ние се да се комбинираат селектори. 561 00:23:22,790 --> 00:23:25,260 TOMAS REIMERS: Па некои примери е тоа што имаме 562 00:23:25,260 --> 00:23:29,630 # Dog-- фунти, или хаштагот, или octothorpe, или што 563 00:23:29,630 --> 00:23:32,050 сакате да се јавите that-- остар. 564 00:23:32,050 --> 00:23:34,875 >> ALLISON BUCHHOLTZ-о: Остро куче. 565 00:23:34,875 --> 00:23:36,470 >> TOMAS REIMERS: Потоа мора .pets. 566 00:23:36,470 --> 00:23:39,059 567 00:23:39,059 --> 00:23:41,600 Нешто има проект на куче, има само еден кучето на оваа страница. 568 00:23:41,600 --> 00:23:43,870 Нешто има проект на мачка, има само една мачка. 569 00:23:43,870 --> 00:23:45,665 Може да има многу домашни миленичиња на оваа страница. 570 00:23:45,665 --> 00:23:47,570 Тоа е причината зошто ние дадовме дека часовите. 571 00:23:47,570 --> 00:23:48,740 Имате еден пример на стр. 572 00:23:48,740 --> 00:23:50,490 И тогаш па една од последниот пример, кој 573 00:23:50,490 --> 00:23:53,790 е нешто што не се зборуваше за, е она што се случува кога ќе ги комбинирате. 574 00:23:53,790 --> 00:23:54,580 Значи p.pets. 575 00:23:54,580 --> 00:23:57,510 576 00:23:57,510 --> 00:24:02,950 >> Па за тоа, ајде да се вратиме на код и да се воведе another-- је. 577 00:24:02,950 --> 00:24:04,290 Значи повторно тука. 578 00:24:04,290 --> 00:24:04,850 >> ALLISON BUCHHOLTZ-о: Јас се чувствувам како тоа е really-- 579 00:24:04,850 --> 00:24:08,105 како само гледајќи низ примери е навистина начин да се научи ова. 580 00:24:08,105 --> 00:24:09,360 Значи тоа е она што го правиме. 581 00:24:09,360 --> 00:24:14,030 >> TOMAS REIMERS: Значи, да се преправаме дека само сакаат да одберете текст 2, нели? 582 00:24:14,030 --> 00:24:16,530 Значи ние дефинитивно не може да го правам тоа со ид. 583 00:24:16,530 --> 00:24:19,620 Па, ние би можеле да го направите тоа со проект, но тоа не мора ид. 584 00:24:19,620 --> 00:24:22,490 Можев да додадете еден, но, ајде да се преправам дека јас не сакате да го додадете еден 585 00:24:22,490 --> 00:24:24,910 или веќе има нешто друго. 586 00:24:24,910 --> 00:24:26,516 Не можам да го правам тоа со тоа. 587 00:24:26,516 --> 00:24:28,870 Етикетата е дефинитивно не е единствена, нели? 588 00:24:28,870 --> 00:24:30,670 Ниту, пак, е класа. 589 00:24:30,670 --> 00:24:32,314 Но, може да се комбинираат овие работи. 590 00:24:32,314 --> 00:24:35,230 Да речеме дека сакал да направи нешто кој се однесува само на она што е 591 00:24:35,230 --> 00:24:39,420 имаат посебна класа и кои имаат класа убава. 592 00:24:39,420 --> 00:24:48,150 >> Така што можете да направите е во main.css, може да се каже, ајде прво избришете оваа. 593 00:24:48,150 --> 00:24:50,240 Можете да ги комбинирате овие. 594 00:24:50,240 --> 00:24:51,430 Така што можете да направите .special. 595 00:24:51,430 --> 00:24:52,110 Нема повеќе простор. 596 00:24:52,110 --> 00:24:54,770 Само .special.pretty. 597 00:24:54,770 --> 00:25:00,550 Што значи тоа е нешто кој е и посебна и убава. 598 00:25:00,550 --> 00:25:01,900 Дали тоа има смисла? 599 00:25:01,900 --> 00:25:04,190 И ако ние одиме тука, она што си оди за да се види 600 00:25:04,190 --> 00:25:09,734 е ова правило важи само за втората, која има и од нив. 601 00:25:09,734 --> 00:25:11,400 И можете да го стори тоа за многу работи. 602 00:25:11,400 --> 00:25:13,270 Можете да say-- ајде преправам дека само сакаше 603 00:25:13,270 --> 00:25:18,300 да ги правите нештата кои имаат класа прилично и кои се исто така став таг. 604 00:25:18,300 --> 00:25:19,920 Значи p.pretty. 605 00:25:19,920 --> 00:25:23,585 Да се ​​преправам дека сум имала нешто симпатично таг тело. 606 00:25:23,585 --> 00:25:25,850 Во ред? 607 00:25:25,850 --> 00:25:28,490 Јас може да работи ова и јас може да се види дека тоа е само 608 00:25:28,490 --> 00:25:32,720 ќе се применуваат за да се работите кои се ставовите со класа убава. 609 00:25:32,720 --> 00:25:35,650 И можете да ги комбинирате овие, Во основа, колку што сакате. 610 00:25:35,650 --> 00:25:38,580 Значи, вие само може да ги стави заедно. 611 00:25:38,580 --> 00:25:39,604 Дали тоа има смисла? 612 00:25:39,604 --> 00:25:41,770 ALLISON BUCHHOLTZ-о: Значи овој вид на е покорисно 613 00:25:41,770 --> 00:25:45,490 кога, Томас велеше порано, можеби имаш многу комплицирана веб-сајт, 614 00:25:45,490 --> 00:25:48,050 а вие веќе имаат многу на овие правила е напишана, 615 00:25:48,050 --> 00:25:51,170 и вие само треба да се се комбинираат две од порано. 616 00:25:51,170 --> 00:25:55,350 Како наместо на пишување целина Новиот селектор и тоа се менува таму, 617 00:25:55,350 --> 00:25:58,592 вие само може да се комбинираат нив, каде што се преклопуваат. 618 00:25:58,592 --> 00:26:00,670 >> TOMAS REIMERS: Или можете може да се најдат out-- понекогаш 619 00:26:00,670 --> 00:26:04,290 има една класа која прави бојата на фонтот е како сина, 620 00:26:04,290 --> 00:26:06,740 и таму е друга класа која прави сина позадина. 621 00:26:06,740 --> 00:26:07,840 И тоа само нема да работи. 622 00:26:07,840 --> 00:26:10,924 Значи ти напишам посебен случај, каде што, like-- но ако тоа има и, она што си 623 00:26:10,924 --> 00:26:13,548 случува да направите е да си оди за да направи ова е еден оваа сенка на сино 624 00:26:13,548 --> 00:26:15,310 а овој тоа друг сенка на сино. 625 00:26:15,310 --> 00:26:15,580 Зарем не? 626 00:26:15,580 --> 00:26:17,955 >> ALLISON BUCHHOLTZ-о: Добра за оние видови на исклучоци. 627 00:26:17,955 --> 00:26:21,220 TOMAS REIMERS: Така да размислуваат за проблемите 628 00:26:21,220 --> 00:26:25,000 кои би можеле да се појават кога ќе ги комбинирате. 629 00:26:25,000 --> 00:26:27,020 Кул. 630 00:26:27,020 --> 00:26:29,692 Значи назад кон нашата презентација. 631 00:26:29,692 --> 00:26:31,400 ALLISON BUCHHOLTZ-о: Ние сме речиси таму. 632 00:26:31,400 --> 00:26:34,022 TOMAS REIMERS: И тоа престана поврзување. 633 00:26:34,022 --> 00:26:36,494 ALLISON BUCHHOLTZ-о: О, не. 634 00:26:36,494 --> 00:26:39,125 ALLISON BUCHHOLTZ-о: ЦС на канцеларија, интернет оди надолу. 635 00:26:39,125 --> 00:26:40,360 О, иронија. 636 00:26:40,360 --> 00:26:45,620 >> TOMAS REIMERS: Значи среќа, можеме да претстави без интернет, претпоставувам, 637 00:26:45,620 --> 00:26:47,380 бидејќи имаме сите слајдови тука. 638 00:26:47,380 --> 00:26:49,304 Па ајде да зборуваме за односот на тагови. 639 00:26:49,304 --> 00:26:50,470 ALLISON BUCHHOLTZ-о: Токму така. 640 00:26:50,470 --> 00:26:52,660 Па само вид на оди надвор од она што Томас рече: 641 00:26:52,660 --> 00:26:54,180 ова е само уште еден начин да го направи тоа. 642 00:26:54,180 --> 00:26:57,840 Значи имаме некои родители Селектор на селекторот дете. 643 00:26:57,840 --> 00:27:02,815 Значи во овој пример тука, имаме некои тело со класа статистика лента, класа копче. 644 00:27:02,815 --> 00:27:03,315 Ах. 645 00:27:03,315 --> 00:27:03,990 >> TOMAS REIMERS: Ох, извинете. 646 00:27:03,990 --> 00:27:06,180 >> ALLISON BUCHHOLTZ-о: А Во суштина, она што ова значи 647 00:27:06,180 --> 00:27:11,070 е да изберете сите деца, како и сите овие видови на селектори, 648 00:27:11,070 --> 00:27:13,040 во рамките на овој селектор родител. 649 00:27:13,040 --> 00:27:16,004 И оние кои се единствените тоа некогаш ќе се однесуваат на. 650 00:27:16,004 --> 00:27:17,755 Јас не знам дали имаат подобар начин of-- 651 00:27:17,755 --> 00:27:19,504 TOMAS REIMERS: Па јас погоди на начин да се мисли 652 00:27:19,504 --> 00:27:22,440 за ова е пред се сеќавам како ние вид на како да се стави заедно. 653 00:27:22,440 --> 00:27:26,340 И тогаш тоа значи дека еден елемент која одговара на сите од нив. 654 00:27:26,340 --> 00:27:29,530 Што ова значи, само вели, јас бара од вас да одговара сето 655 00:27:29,530 --> 00:27:33,220 во рамките some-- Сакам можете да најдете селектор. 656 00:27:33,220 --> 00:27:35,670 И тогаш во рамките на тоа, сакам да одговараат на нови работи. 657 00:27:35,670 --> 00:27:36,170 Зарем не? 658 00:27:36,170 --> 00:27:40,900 Значи во CSS, тоа е за сите вид на да бидат во можност да одговара на овие предмети. 659 00:27:40,900 --> 00:27:43,050 И може да се обидете да одговара предмети во рамките на други предмети. 660 00:27:43,050 --> 00:27:46,510 >> Значи, да всушност прават на пример, и мислиме дека ќе се разјаснат. 661 00:27:46,510 --> 00:27:53,090 Значи, да се преправаме дека имаат посебни, специјални убава, сеедно. 662 00:27:53,090 --> 00:27:55,690 И тогаш имаме линк, во ред? 663 00:27:55,690 --> 00:27:59,780 664 00:27:59,780 --> 00:28:02,370 Значи запомнете, е линк. 665 00:28:02,370 --> 00:28:03,900 Тоа нема да оди никаде. 666 00:28:03,900 --> 00:28:11,500 И ние си оди за да го даде класа линк, претпоставувам. 667 00:28:11,500 --> 00:28:13,335 Ајде да го даде class-- ми даде една идеја. 668 00:28:13,335 --> 00:28:14,460 ALLISON BUCHHOLTZ-о: Кул. 669 00:28:14,460 --> 00:28:16,420 TOMAS REIMERS: Coo-- ајде оди тоа била класна убава. 670 00:28:16,420 --> 00:28:16,930 Зошто да не? 671 00:28:16,930 --> 00:28:17,971 >> ALLISON BUCHHOLTZ-о: Добро. 672 00:28:17,971 --> 00:28:23,040 TOMAS REIMERS: Значи сега доста работи 673 00:28:23,040 --> 00:28:26,000 се случува да се направи позадина сина, боја на позадината на лосос. 674 00:28:26,000 --> 00:28:27,969 Тоа го прави смисла. 675 00:28:27,969 --> 00:28:28,760 И ако се направи this-- 676 00:28:28,760 --> 00:28:29,620 >> ALLISON BUCHHOLTZ-о: Дали сакате да додадете текст 677 00:28:29,620 --> 00:28:31,078 па хиперврска всушност се појавува? 678 00:28:31,078 --> 00:28:35,088 TOMAS REIMERS: Тоа ќе биде добар повик. 679 00:28:35,088 --> 00:28:37,921 ALLISON BUCHHOLTZ-о: Оти право сега ние сме само ќе добиете ништо. 680 00:28:37,921 --> 00:28:39,690 TOMAS REIMERS: Значи ова е линк. 681 00:28:39,690 --> 00:28:42,202 "Ова е линкот." 682 00:28:42,202 --> 00:28:45,820 О, и тоа се случува да биде уште една алка. 683 00:28:45,820 --> 00:28:47,280 Ајде да се даде на класа "кул". 684 00:28:47,280 --> 00:28:50,295 Во право си. 685 00:28:50,295 --> 00:28:50,795 Кул. 686 00:28:50,795 --> 00:28:53,590 687 00:28:53,590 --> 00:28:56,010 Па сега ние си оди за да го имате овој. 688 00:28:56,010 --> 00:28:57,269 Одиме да се фрли еден. 689 00:28:57,269 --> 00:28:59,060 Ние имаме еден во посебна ознака, и ние, исто така, 690 00:28:59,060 --> 00:29:01,150 се случува да имаат еден во прилично таг. 691 00:29:01,150 --> 00:29:05,449 И сега што ние ќе треба да направите е да сме случува да се направи cool-- 692 00:29:05,449 --> 00:29:06,490 што сакаме тоа да се направи? 693 00:29:06,490 --> 00:29:10,347 694 00:29:10,347 --> 00:29:12,180 ALLISON BUCHHOLTZ-о: Можеме ли да го направи поголеми? 695 00:29:12,180 --> 00:29:13,800 TOMAS REIMERS: Да се ​​даде граница. 696 00:29:13,800 --> 00:29:14,840 ALLISON BUCHHOLTZ-о: Можевме граница. 697 00:29:14,840 --> 00:29:15,673 TOMAS REIMERS: Да. 698 00:29:15,673 --> 00:29:18,560 Значи ние се случува да се направи нешто како, на границата is-- и ние сме 699 00:29:18,560 --> 00:29:20,971 одам да ги објасни сето ова во една секунда. 700 00:29:20,971 --> 00:29:21,470 За now-- 701 00:29:21,470 --> 00:29:24,592 >> ALLISON BUCHHOLTZ и АУ: До кутија модел. 702 00:29:24,592 --> 00:29:27,300 TOMAS REIMERS: Но, за сега, ние сме само ќе го даде на границата. 703 00:29:27,300 --> 00:29:29,580 Па што значи тоа е ти си ќе се види овие линкови. 704 00:29:29,580 --> 00:29:32,788 И си оди за да се види дека тие имаат овие, како, грда црна граници, кои 705 00:29:32,788 --> 00:29:33,820 е кул. 706 00:29:33,820 --> 00:29:34,500 >> ALLISON BUCHHOLTZ-о: Нашата веб страна е толку убава. 707 00:29:34,500 --> 00:29:35,333 >> TOMAS REIMERS: Да. 708 00:29:35,333 --> 00:29:38,930 Нашата веб страна е неверојатна. 709 00:29:38,930 --> 00:29:41,585 Значи, овие две се врски, и тие се појавуваат. 710 00:29:41,585 --> 00:29:44,160 Сега ајде да се преправам дека само сакав да го направите тоа 711 00:29:44,160 --> 00:29:50,072 ако тоа не е во нешто кои имаа позадината на лосос. 712 00:29:50,072 --> 00:29:52,280 Значи не заборавајте дека оваа има позадина на лосос, 713 00:29:52,280 --> 00:29:54,000 бидејќи тоа е од класа убава. 714 00:29:54,000 --> 00:29:59,777 >> Но, ние сакаме да се каже дека само лади кои се во посебна класа, а не во класа 715 00:29:59,777 --> 00:30:02,890 убава, треба да го имаат тоа граница. 716 00:30:02,890 --> 00:30:12,549 Па, она што можете да направите е да сте може да се каже, .special, просторот, .cool. 717 00:30:12,549 --> 00:30:15,590 И она што го прави, кога мислите за тоа, е тоа е во основа велејќи: 718 00:30:15,590 --> 00:30:19,530 Добро, да ме најдете се што која одговара на посебен. 719 00:30:19,530 --> 00:30:24,104 Потоа во рамките на тие ознаки, најдете мене сè што е кул. 720 00:30:24,104 --> 00:30:27,270 ALLISON BUCHHOLTZ-о: Значи друг начин тоа може да биде добро да се размислува за тоа, 721 00:30:27,270 --> 00:30:29,810 доведување назад кон Ц, е исто како и идејата за опсегот. 722 00:30:29,810 --> 00:30:34,020 Значи, кога имаш некои селектор, како оние 723 00:30:34,020 --> 00:30:38,460 дека ние сме биле работат за пред тоа, целата своја веб-страница, сите на HTML 724 00:30:38,460 --> 00:30:40,180 е во рамките на опсегот, нели? 725 00:30:40,180 --> 00:30:43,090 Но, кога ги имаме овие родител-дете односи, 726 00:30:43,090 --> 00:30:47,130 тоа е како да сте стеснување каде сте во потрага на одредено место, 727 00:30:47,130 --> 00:30:50,540 како, како, ние сме во потрага во специфична функција, наместо 728 00:30:50,540 --> 00:30:52,007 на целата наша датотека. 729 00:30:52,007 --> 00:30:55,090 ПУБЛИКАТА: Така да со тоа во предвид, би го имаат важно ако ние имавме changed-- 730 00:30:55,090 --> 00:30:56,423 ALLISON BUCHHOLTZ-о: Редоследот? 731 00:30:56,423 --> 00:30:59,320 ПУБЛИКАТА: --the класа во CSS да .cool, просторот, .special? 732 00:30:59,320 --> 00:31:01,153 ALLISON BUCHHOLTZ-о: Да, затоа што тогаш 733 00:31:01,153 --> 00:31:04,420 би рекол, опсег до сè што е кул, 734 00:31:04,420 --> 00:31:07,235 и потоа да се погледне во она што has-- Мислам, како, во овој случај, 735 00:31:07,235 --> 00:31:08,860 Јас не мислам дека тоа ќе се промени тоа. 736 00:31:08,860 --> 00:31:10,318 >> TOMAS REIMERS: Ако ние го рече тоа? 737 00:31:10,318 --> 00:31:10,906 Жал ми е. 738 00:31:10,906 --> 00:31:12,660 >> ALLISON BUCHHOLTZ и АУ: Доколку ние обем да се излади, а потоа 739 00:31:12,660 --> 00:31:14,550 изгледа за работите од посебен, тоа нема да биде ист, всушност. 740 00:31:14,550 --> 00:31:16,260 >> TOMAS REIMERS: Па тоа не ќе биде. 741 00:31:16,260 --> 00:31:16,590 >> ALLISON BUCHHOLTZ-о: Тоа не би? 742 00:31:16,590 --> 00:31:17,590 Ох, ох добро. 743 00:31:17,590 --> 00:31:18,090 Јас сум во право. 744 00:31:18,090 --> 00:31:21,480 >> TOMAS REIMERS: Па причината тоа е different-- заеднички mistake-- 745 00:31:21,480 --> 00:31:27,140 е дека во моментов само врската има кул, нели? 746 00:31:27,140 --> 00:31:32,176 Претпоставувам дека моето прашање за вас момци е, она што на оваа страница се исти со .cool? 747 00:31:32,176 --> 00:31:35,984 748 00:31:35,984 --> 00:31:38,340 Постојат два тагови тука, нели? 749 00:31:38,340 --> 00:31:39,770 Кој е овој еден и оваа. 750 00:31:39,770 --> 00:31:40,590 И одговара кул. 751 00:31:40,590 --> 00:31:42,200 Ништо друго не го прави тоа. 752 00:31:42,200 --> 00:31:46,460 Значи, ако ви рече, .cool, простор, .special, она што ви се случува да кажам е дека, 753 00:31:46,460 --> 00:31:48,824 во рамките на овие тагови, што е посебен? 754 00:31:48,824 --> 00:31:49,865 ALLISON BUCHHOLTZ-о: Хм. 755 00:31:49,865 --> 00:31:51,800 Тоа е она што it-- право. 756 00:31:51,800 --> 00:31:52,310 Затоа што тоа е како само нешто тука. 757 00:31:52,310 --> 00:31:53,310 >> TOMAS REIMERS: Значи го избира ништо. 758 00:31:53,310 --> 00:31:56,530 >> ALLISON BUCHHOLTZ-о: со оглед на тоа посебно, ние сме во овие тагови тука. 759 00:31:56,530 --> 00:31:57,971 >> TOMAS REIMERS: Оние а оние. 760 00:31:57,971 --> 00:31:58,512 ПУБЛИКАТА: Добро. 761 00:31:58,512 --> 00:31:58,920 Значи оние ознаки, коса црта? 762 00:31:58,920 --> 00:31:59,740 >> TOMAS REIMERS: Да. 763 00:31:59,740 --> 00:32:01,150 Дали тоа има смисла? 764 00:32:01,150 --> 00:32:03,685 Како тоа е во основа се обидува да го намали обемот. 765 00:32:03,685 --> 00:32:04,810 ALLISON BUCHHOLTZ-о: Да. 766 00:32:04,810 --> 00:32:06,870 Мислам дека тоа е веројатно Најлесен начин да се размислува за тоа. 767 00:32:06,870 --> 00:32:09,270 >> TOMAS REIMERS: Така најдовме ова, и го најдовме овој и посебен исти. 768 00:32:09,270 --> 00:32:11,400 И тогаш ние бараме, во рамките на овие момци, она што е интересно? 769 00:32:11,400 --> 00:32:12,941 И кај оваа, ова ми е кул. 770 00:32:12,941 --> 00:32:14,500 Во рамките на овој еден, ништо не е кул. 771 00:32:14,500 --> 00:32:16,250 Значи ова е само ознака што останува. 772 00:32:16,250 --> 00:32:20,112 >> ALLISON BUCHHOLTZ-о: Додека кул е само во рамките на овие тагови таму. 773 00:32:20,112 --> 00:32:21,070 TOMAS REIMERS: Токму така. 774 00:32:21,070 --> 00:32:22,403 И, што е посебна во рамките на тие? 775 00:32:22,403 --> 00:32:22,930 Ништо. 776 00:32:22,930 --> 00:32:25,270 Сега, она што можам да го кажам е ако немало простор, 777 00:32:25,270 --> 00:32:29,880 Прашувате што е кул и special-- или она што е убава и посебно, нели? 778 00:32:29,880 --> 00:32:35,370 Ако велиш .special.pretty, тоа е исто како .pretty.special. 779 00:32:35,370 --> 00:32:39,220 >> Затоа што она отстранување на простор е прашува дали, кога ќе се каже .special, 780 00:32:39,220 --> 00:32:40,970 бараме, во ред, кои од нив се специјално? 781 00:32:40,970 --> 00:32:43,780 И тогаш на оние, кои од нив се исто така доста, 782 00:32:43,780 --> 00:32:47,010 која е иста, граматически, што се прашуваат, што е убава, 783 00:32:47,010 --> 00:32:49,500 а потоа и на оние, што е исто така посебен? 784 00:32:49,500 --> 00:32:50,000 Зарем не? 785 00:32:50,000 --> 00:32:53,099 Тоа е разликата на она што е во рамките на она што е. 786 00:32:53,099 --> 00:32:53,640 ПУБЛИКАТА: Добро. 787 00:32:53,640 --> 00:32:54,473 TOMAS REIMERS: Да. 788 00:32:54,473 --> 00:32:56,670 789 00:32:56,670 --> 00:32:58,030 Прекрасно. 790 00:32:58,030 --> 00:33:00,426 Така да со тоа во предвид then-- 791 00:33:00,426 --> 00:33:01,800 >> ALLISON BUCHHOLTZ-о: Мислам дека нашиот последен Работата е (во фенси британски акцент) 792 00:33:01,800 --> 00:33:02,510 кутија модел. 793 00:33:02,510 --> 00:33:05,992 >> TOMAS REIMERS: На box-- [chuckles] Јас многу го сакам начинот на кој Алисон вели дека. 794 00:33:05,992 --> 00:33:06,950 Значи кутија модел работа. 795 00:33:06,950 --> 00:33:09,644 >> ALLISON BUCHHOLTZ-о: Само треба кутија, јас ќе бидам вашиот кутија модел. 796 00:33:09,644 --> 00:33:11,310 TOMAS REIMERS: Па ајде да зборуваме за тоа. 797 00:33:11,310 --> 00:33:14,070 Значи ние сега сум поминал многу време зборуваме за селектори. 798 00:33:14,070 --> 00:33:16,944 До сега, вие момци се веројатно, како, мајстори на selectors-- што знаете, 799 00:33:16,944 --> 00:33:21,510 како да точно одберете ја содржината што сакате да се манипулира на вашиот екран. 800 00:33:21,510 --> 00:33:24,740 >> Па сега прашањето е, како точно може да ви го манипулираат? 801 00:33:24,740 --> 00:33:27,010 Па претпоставувам дека повеќето основни начин да се размислува за тоа 802 00:33:27,010 --> 00:33:30,294 е, добро, она што точно е елемент во CSS? 803 00:33:30,294 --> 00:33:32,585 Ние си трошат многу време зборува за, она што е ознака, 804 00:33:32,585 --> 00:33:36,140 или она што е најосновна застапеност на таг? 805 00:33:36,140 --> 00:33:39,870 806 00:33:39,870 --> 00:33:45,170 >> А добар начин да се размислува за Односно, што е форма лосос? 807 00:33:45,170 --> 00:33:47,295 Што форма е, како, на лосос боја позадина? 808 00:33:47,295 --> 00:33:47,880 >> ПУБЛИКАТА: Тоа е правоаголник. 809 00:33:47,880 --> 00:33:49,040 >> TOMAS REIMERS: Тоа е правоаголник, нели? 810 00:33:49,040 --> 00:33:50,956 >> ALLISON BUCHHOLTZ-о: Не е трик прашање. 811 00:33:50,956 --> 00:33:51,870 [Смеа] 812 00:33:51,870 --> 00:33:54,670 >> TOMAS REIMERS: Не се обидува да ви трик момци ова доцна. 813 00:33:54,670 --> 00:33:57,510 Значи имаме овој правоаголник. 814 00:33:57,510 --> 00:33:59,140 И таг е p, нели? 815 00:33:59,140 --> 00:34:02,280 Така што ни дава добра верување дека ставот 816 00:34:02,280 --> 00:34:07,440 е претставен како правоаголник, во барем во умот на прелистувачот, која 817 00:34:07,440 --> 00:34:08,715 тоа е. 818 00:34:08,715 --> 00:34:11,423 >> ALLISON BUCHHOLTZ-о: Мислам, тоа што се правоаголни, 819 00:34:11,423 --> 00:34:13,440 па тоа го прави смисла. 820 00:34:13,440 --> 00:34:18,750 >> TOMAS REIMERS: Идејата тука е дека сите тагови во рамките на CSS 821 00:34:18,750 --> 00:34:21,790 се претставени како правоаголник. 822 00:34:21,790 --> 00:34:25,699 И секој правоаголник има четири делови според CSS, во ред? 823 00:34:25,699 --> 00:34:27,830 Имате вистински содржина. 824 00:34:27,830 --> 00:34:29,644 Тоа е каде што текстот лежи. 825 00:34:29,644 --> 00:34:30,470 >> ALLISON BUCHHOLTZ-о: Можеби вашата слика. 826 00:34:30,470 --> 00:34:31,303 >> TOMAS REIMERS: Да. 827 00:34:31,303 --> 00:34:33,860 Имате баласт, која е само некој вид на бел простор. 828 00:34:33,860 --> 00:34:35,085 Потоа имате граница. 829 00:34:35,085 --> 00:34:37,710 И тогаш ќе имаат маргина, што е бел простор надвор од тоа. 830 00:34:37,710 --> 00:34:39,460 Значи тоа не прави никаква смисла за никого, па ние сме 831 00:34:39,460 --> 00:34:42,500 одам да се зборува за тоа за една секунда. 832 00:34:42,500 --> 00:34:47,570 Па токму тука, она што се случува да се направи е ние си оди за да се создаде некои divs, во ред? 833 00:34:47,570 --> 00:34:48,420 Извинете, додека I-- 834 00:34:48,420 --> 00:34:51,506 >> ALLISON BUCHHOLTZ-о: Се чувствувам допаѓа ние треба да се стави една симпатична слика. 835 00:34:51,506 --> 00:34:52,520 >> TOMAS REIMERS: Ние дефинитивно треба. 836 00:34:52,520 --> 00:34:53,389 >> ALLISON BUCHHOLTZ-о: Се чувствувам како сите 837 00:34:53,389 --> 00:34:54,870 би можеле да имаат корист од една симпатична слика, е за сите. 838 00:34:54,870 --> 00:34:56,774 >> TOMAS REIMERS: Можеме сите имаат корист од a-- 839 00:34:56,774 --> 00:34:57,648 >> ПУБЛИКАТА: Да, секако. 840 00:34:57,648 --> 00:34:58,790 TOMAS REIMERS: Добро, кул. 841 00:34:58,790 --> 00:35:02,254 Значи ние треба да се стави една симпатична слика некаде. 842 00:35:02,254 --> 00:35:05,295 ALLISON BUCHHOLTZ-о: Се чувствувам како симпатична зајаче може да биде корисно во моментов. 843 00:35:05,295 --> 00:35:06,190 TOMAS REIMERS: Секако. 844 00:35:06,190 --> 00:35:06,950 ALLISON BUCHHOLTZ-о: крајот на неделата. 845 00:35:06,950 --> 00:35:07,390 Имаат нешто adorab-- 846 00:35:07,390 --> 00:35:08,520 >> TOMAS REIMERS: Како рунда маче? 847 00:35:08,520 --> 00:35:09,220 >> ALLISON BUCHHOLTZ-о: Маче работи, исто така. 848 00:35:09,220 --> 00:35:11,300 >> TOMAS REIMERS: Кул, бидејќи има место за тоа. 849 00:35:11,300 --> 00:35:12,300 Таа се вика PlaceKitten. 850 00:35:12,300 --> 00:35:14,719 ALLISON BUCHHOLTZ-о: Тоа е одлично. 851 00:35:14,719 --> 00:35:15,510 TOMAS REIMERS: Да. 852 00:35:15,510 --> 00:35:18,040 ALLISON BUCHHOLTZ-о: Само за, како, случаеви слики во вашиот веб-сајт. 853 00:35:18,040 --> 00:35:18,914 TOMAS REIMERS: MM-хм. 854 00:35:18,914 --> 00:35:21,520 Постои, исто така PlacePuppy. 855 00:35:21,520 --> 00:35:22,832 И таму е PlaceBacon. 856 00:35:22,832 --> 00:35:24,340 >> ALLISON BUCHHOLTZ-о: PlaceBacon? 857 00:35:24,340 --> 00:35:25,350 Навистина? 858 00:35:25,350 --> 00:35:28,190 >> TOMAS REIMERS: Ах, ние не имаат пристап до интернет тука. 859 00:35:28,190 --> 00:35:29,875 >> ALLISON BUCHHOLTZ-о: [мислења] 860 00:35:29,875 --> 00:35:30,375 Трагично. 861 00:35:30,375 --> 00:35:32,333 TOMAS REIMERS: Во спротивно, Јас ќе ви покаже момци 862 00:35:32,333 --> 00:35:33,870 како да се стави слики во вашиот веб-сајт. 863 00:35:33,870 --> 00:35:36,370 Ние ќе се обиде да го добивате ова работа пред да треба да одиме. 864 00:35:36,370 --> 00:35:38,660 Но, за сега, ние сме само одам да се зборува во бои тогаш. 865 00:35:38,660 --> 00:35:39,820 Ние сакаме да се стави слики од kittens-- 866 00:35:39,820 --> 00:35:40,210 >> ALLISON BUCHHOLTZ-о: Ние го сторивме. 867 00:35:40,210 --> 00:35:43,110 >> TOMAS REIMERS: --the интернет надолу за момент се. 868 00:35:43,110 --> 00:35:47,820 Значи имаме две divs, и ние сме ќе им даде две IDS. 869 00:35:47,820 --> 00:35:51,380 870 00:35:51,380 --> 00:35:56,760 Одиме да го наречеме "Првиот" и "секунда". 871 00:35:56,760 --> 00:36:01,184 Значи id = "прва". 872 00:36:01,184 --> 00:36:02,850 И ние си оди за да им даде две бои. 873 00:36:02,850 --> 00:36:08,424 Така како ние да изберете нешто со лична карта "прв"? 874 00:36:08,424 --> 00:36:09,840 ALLISON BUCHHOLTZ-о: Дот или хаш? 875 00:36:09,840 --> 00:36:10,730 ПУБЛИКАТА: Остро. 876 00:36:10,730 --> 00:36:12,940 TOMAS REIMERS: Остро, совршена. 877 00:36:12,940 --> 00:36:14,950 Шарп, хашиш, што we-- 878 00:36:14,950 --> 00:36:15,680 >> ALLISON BUCHHOLTZ-о: Многу нешта да го нарекуваат. 879 00:36:15,680 --> 00:36:16,430 >> TOMAS REIMERS: Добро. 880 00:36:16,430 --> 00:36:19,800 Ние ќе се населат на хаштагот, и тоа е она што ние ќе треба да одам со. 881 00:36:19,800 --> 00:36:20,300 Во ред? 882 00:36:20,300 --> 00:36:20,735 >> ALLISON BUCHHOLTZ-о: хаштагот. 883 00:36:20,735 --> 00:36:22,340 >> TOMAS REIMERS: Значи хаштагот во прв план. 884 00:36:22,340 --> 00:36:24,506 >> ALLISON BUCHHOLTZ-о: Значи можете да чуруликам на seminar-- 885 00:36:24,506 --> 00:36:27,582 хаштагот CSS, хаштагот кул. 886 00:36:27,582 --> 00:36:29,040 TOMAS REIMERS: hashtag awesomeness. 887 00:36:29,040 --> 00:36:30,730 ALLISON BUCHHOLTZ-о: Хаштагот awesomeness, да. 888 00:36:30,730 --> 00:36:31,480 TOMAS REIMERS: Добро. 889 00:36:31,480 --> 00:36:33,660 Значи имаме "првиот" и "секунда". 890 00:36:33,660 --> 00:36:37,697 Значи прво, ние ќе треба да имаат боја на позадината на црвено. 891 00:36:37,697 --> 00:36:39,030 ALLISON BUCHHOLTZ-о: Ух, дебелото црево. 892 00:36:39,030 --> 00:36:40,281 TOMAS REIMERS: То. 893 00:36:40,281 --> 00:36:42,281 ALLISON BUCHHOLTZ-о: Јас ќе ти биде место-Проверка на. 894 00:36:42,281 --> 00:36:43,960 TOMAS REIMERS: Алисон ме. 895 00:36:43,960 --> 00:36:45,830 Позадина во боја на blue-- 896 00:36:45,830 --> 00:36:46,810 >> TOMAS REIMERS: Виолетова! 897 00:36:46,810 --> 00:36:47,726 >> TOMAS REIMERS: Виолетова. 898 00:36:47,726 --> 00:36:48,830 ALLISON BUCHHOLTZ-о: Да. 899 00:36:48,830 --> 00:36:50,630 Мојата омилена боја Виолетова е, и ние не го користат уште. 900 00:36:50,630 --> 00:36:51,546 >> TOMAS REIMERS: Виолетова. 901 00:36:51,546 --> 00:36:53,361 ALLISON BUCHHOLTZ-о: Виолетова. 902 00:36:53,361 --> 00:36:53,860 Тоа функционира. 903 00:36:53,860 --> 00:36:56,482 904 00:36:56,482 --> 00:36:59,880 >> TOMAS REIMERS: Значи ние сме има две divs. 905 00:36:59,880 --> 00:37:01,654 Тие се случува да биде сосема празен. 906 00:37:01,654 --> 00:37:03,070 Ние веројатно ќе треба да имаат некој текст. 907 00:37:03,070 --> 00:37:05,580 908 00:37:05,580 --> 00:37:09,815 Така, "првиот" ќе биде "ЗДРАВО". 909 00:37:09,815 --> 00:37:10,940 И "вториот" ќе say-- 910 00:37:10,940 --> 00:37:11,110 >> ALLISON BUCHHOLTZ-о: Збогум. 911 00:37:11,110 --> 00:37:12,514 >> ПУБЛИКАТА: - "светот". 912 00:37:12,514 --> 00:37:14,122 Здраво, збогум. 913 00:37:14,122 --> 00:37:16,580 ALLISON BUCHHOLTZ-о: Го видов нив во концерт друга недела. 914 00:37:16,580 --> 00:37:17,705 TOMAS REIMERS: Битлси? 915 00:37:17,705 --> 00:37:20,242 ALLISON BUCHHOLTZ-о: За reals. 916 00:37:20,242 --> 00:37:21,200 Тие не си тоа одлично. 917 00:37:21,200 --> 00:37:24,084 918 00:37:24,084 --> 00:37:24,750 Не ми се допаѓа. 919 00:37:24,750 --> 00:37:26,060 >> TOMAS REIMERS: Имаме "Hello" и "збогум". 920 00:37:26,060 --> 00:37:29,102 И повторно, CSS е само страшни, бидејќи ги признава нашиот бои. 921 00:37:29,102 --> 00:37:30,810 Не треба да се дури и се загрижени дека тие постојат. 922 00:37:30,810 --> 00:37:33,194 Тие го прават. 923 00:37:33,194 --> 00:37:35,130 >> ALLISON BUCHHOLTZ-о: тие постојат. 924 00:37:35,130 --> 00:37:39,560 >> TOMAS REIMERS: Значи CSS мислам дека има 255 зборови да се зборува за боја. 925 00:37:39,560 --> 00:37:42,986 Ако може да мисли на боја надвор оние 255, како, јас ќе бидете импресионирани. 926 00:37:42,986 --> 00:37:44,110 ALLISON BUCHHOLTZ-о: Да. 927 00:37:44,110 --> 00:37:45,560 Мислам дека вие момци можат да имаат само што дојде во право после. 928 00:37:45,560 --> 00:37:47,727 >> TOMAS REIMERS: Па еве, ќе видите имаме две кутии 929 00:37:47,727 --> 00:37:49,143 право на врвот на едни со други, така? 930 00:37:49,143 --> 00:37:50,200 Здраво и збогум. 931 00:37:50,200 --> 00:37:51,460 >> ALLISON BUCHHOLTZ-о: Нема простор помеѓу. 932 00:37:51,460 --> 00:37:53,390 Тие се само smooshed право на врвот на еден со друг. 933 00:37:53,390 --> 00:37:55,973 >> TOMAS REIMERS: Така првото нешто Претпоставувам дека треба да се зборува за 934 00:37:55,973 --> 00:38:02,960 е ајде, исто така, say-- је. 935 00:38:02,960 --> 00:38:08,020 Значи CSS ќе ги претставува како еден вид на кутии. 936 00:38:08,020 --> 00:38:10,100 И како кутии, тие имаат содржина. 937 00:38:10,100 --> 00:38:14,540 И содржината во моментов е вид на Здраво или збогум и тоа е тоа. 938 00:38:14,540 --> 00:38:15,040 Во ред? 939 00:38:15,040 --> 00:38:19,790 >> Значи, една од првите работи што може да направите е да можете да додадете баласт. 940 00:38:19,790 --> 00:38:25,610 Соочи вели дека колку простор што треба да ја напушти на секоја страна. 941 00:38:25,610 --> 00:38:29,200 Па да речеме Сакам да кажам 10 точки на секоја страна. 942 00:38:29,200 --> 00:38:31,234 И јас ќе го сецира дека во една секунда. 943 00:38:31,234 --> 00:38:33,150 ALLISON BUCHHOLTZ-о: Сите овие работи тука 944 00:38:33,150 --> 00:38:36,980 се ќе биде во најголем дел во пиксели за остатокот од семинарот. 945 00:38:36,980 --> 00:38:40,980 Ти си оди за да се види што има простор околу неа, нели? 946 00:38:40,980 --> 00:38:46,360 Значи она што не го гледам тука е има овој невидлив вид на баласт 947 00:38:46,360 --> 00:38:49,600 на секоја страна, во која се вели, како, Добро, имаш кутија на content-- 948 00:38:49,600 --> 00:38:51,680 >> ALLISON BUCHHOLTZ-о: Дали сакате само да се повлече на увид елемент? 949 00:38:51,680 --> 00:38:53,659 >> TOMAS REIMERS: Да, тоа е добра идеја. 950 00:38:53,659 --> 00:38:56,700 ALLISON BUCHHOLTZ-о: Исто така, јас се наоѓам дека увид елемент е добар начин 951 00:38:56,700 --> 00:39:01,280 да дознаам ако нешто се случува во ред, нешто неочекувано се случи, 952 00:39:01,280 --> 00:39:04,570 инспекција на тагови и гледајќи го она што тоа е како препишани е корисна. 953 00:39:04,570 --> 00:39:05,940 >> TOMAS REIMERS: Па јас не сум сигурен ако вие момци може да се види оваа боја. 954 00:39:05,940 --> 00:39:06,470 Може да ви? 955 00:39:06,470 --> 00:39:10,120 Ќе видите овој баласт од видот на раб. 956 00:39:10,120 --> 00:39:13,410 И тогаш ќе се види вистинскиот содржина во сино, нели? 957 00:39:13,410 --> 00:39:16,820 Значи тоа е многу Основи на кутијата модел. 958 00:39:16,820 --> 00:39:17,674 Имате содржина. 959 00:39:17,674 --> 00:39:18,590 Потоа мора баласт. 960 00:39:18,590 --> 00:39:20,440 >> ПУБЛИКАТА: Зошто не можете само користи кутијата внатре the-- 961 00:39:20,440 --> 00:39:21,606 >> ALLISON BUCHHOLTZ-о: Токму така. 962 00:39:21,606 --> 00:39:24,745 Бидејќи тоа е само избор елементот во моментов. 963 00:39:24,745 --> 00:39:26,050 >> TOMAS REIMERS: То. 964 00:39:26,050 --> 00:39:27,060 Други работи. 965 00:39:27,060 --> 00:39:29,780 Па ајде да зборуваме за тоа, Соочи команда за една секунда. 966 00:39:29,780 --> 00:39:36,380 Значи во CSS, мерења треба да имаат единица. 967 00:39:36,380 --> 00:39:39,740 Значи, прво треба износот. 968 00:39:39,740 --> 00:39:41,460 Значи во овој случај, ние рековме 10. 969 00:39:41,460 --> 00:39:44,780 И тогаш следниот еден што рековме е пиксели пиксели. 970 00:39:44,780 --> 00:39:49,160 Други оние што би можеле да имаат се работи како сантиметри, инчи. 971 00:39:49,160 --> 00:39:51,367 Можете да ги правите нештата како, што е 10 инчи? 972 00:39:51,367 --> 00:39:52,700 И тоа ќе биде смешно. 973 00:39:52,700 --> 00:39:52,990 >> ALLISON BUCHHOLTZ-о: О, момче. 974 00:39:52,990 --> 00:39:53,460 >> ПУБЛИКАТА: Леле. 975 00:39:53,460 --> 00:39:54,460 >> Томас и ALLISON: Да. 976 00:39:54,460 --> 00:39:57,840 TOMAS REIMERS: Значи тоа е сите баласт. 977 00:39:57,840 --> 00:39:59,255 Одам да се врати во пиксели. 978 00:39:59,255 --> 00:40:01,754 >> ALLISON BUCHHOLTZ-о: Пиксели имаат тенденција да бидат, како, на стандард. 979 00:40:01,754 --> 00:40:04,589 Кога ќе се погледне на многу веб-сајтови, тие најчесто работат во пиксели. 980 00:40:04,589 --> 00:40:07,755 TOMAS REIMERS: Значи си оди за да се види или pixels-- останатите гледате 981 00:40:07,755 --> 00:40:13,952 е em, кој е еден ЕМ е еднаква на висината на фонтот 982 00:40:13,952 --> 00:40:15,160 која сте моментално го користите. 983 00:40:15,160 --> 00:40:16,201 >> ALLISON BUCHHOLTZ-о: mm. 984 00:40:16,201 --> 00:40:17,574 985 00:40:17,574 --> 00:40:20,740 TOMAS REIMERS: Тоа е добар начин да се каже, како, сакам како многу простор како мојот фонтот 986 00:40:20,740 --> 00:40:21,514 е преземање. 987 00:40:21,514 --> 00:40:23,180 ALLISON BUCHHOLTZ-о: не се знае тоа. 988 00:40:23,180 --> 00:40:25,747 Можете да дознаете нешто ново секој ден. 989 00:40:25,747 --> 00:40:27,955 TOMAS REIMERS: Постојат голем број на мерења во CS. 990 00:40:27,955 --> 00:40:29,260 Јас Ви препорачуваме да ги погледне нагоре. 991 00:40:29,260 --> 00:40:32,122 За сите ваши случаи, мислам дека пиксели треба да биде доволен. 992 00:40:32,122 --> 00:40:33,830 И тие се, исто така, она што си оди за да се види 993 00:40:33,830 --> 00:40:36,520 во најголем број примери се направи на интернет. 994 00:40:36,520 --> 00:40:38,320 Затоа ние ќе го оставиме тоа на пиксели. 995 00:40:38,320 --> 00:40:42,420 >> Можете исто така да, јас треба да say-- така Соочи се поставува на сите paddings. 996 00:40:42,420 --> 00:40:49,789 Вие исто така може да се направи нешто како "Соочи-топ" само set-- 997 00:40:49,789 --> 00:40:52,080 ALLISON BUCHHOLTZ-о: Можеби ние ќе го добиваме нашиот "Здраво" назад. 998 00:40:52,080 --> 00:40:55,480 TOMAS REIMERS: --to само го поставите Соочи на врвот и ништо друго. 999 00:40:55,480 --> 00:40:59,560 Значи четири заповеди се Соочи-топ, Соочи дното, баласт-лево, 1000 00:40:59,560 --> 00:41:00,310 и баласт-десно. 1001 00:41:00,310 --> 00:41:02,470 >> ALLISON BUCHHOLTZ-о: Исто како и што би се очекувало за кутија. 1002 00:41:02,470 --> 00:41:03,530 >> TOMAS REIMERS: Да. 1003 00:41:03,530 --> 00:41:05,240 Ништо не е премногу луд таму. 1004 00:41:05,240 --> 00:41:08,230 Дали тоа има смисла? 1005 00:41:08,230 --> 00:41:11,990 Па тоа е баласт. 1006 00:41:11,990 --> 00:41:14,110 Одам да го поставите на сите на paddings назад до 10. 1007 00:41:14,110 --> 00:41:17,010 И тогаш јас ќе одам да се движи кон границата. 1008 00:41:17,010 --> 00:41:21,130 >> Значи она што е границата е граница е чудно команда. 1009 00:41:21,130 --> 00:41:24,450 Потребно е вид на три работи одеднаш. 1010 00:41:24,450 --> 00:41:28,930 Така, првиот е колку голема може сакате да биде како мерка. 1011 00:41:28,930 --> 00:41:30,662 Повторно, јас сум само со користење на пиксели. 1012 00:41:30,662 --> 00:41:32,620 И последното нешто што треба да се додаде на мерења 1013 00:41:32,620 --> 00:41:35,270 е една работа која не треба единица е 0. 1014 00:41:35,270 --> 00:41:37,390 Тоа е всушност неточни за да се даде 0 единица, 1015 00:41:37,390 --> 00:41:41,940 бидејќи е 0 0 низ инчи, пиксели, сантиметри, сеедно. 1016 00:41:41,940 --> 00:41:43,960 Сето тоа само значи 0, нели? 1017 00:41:43,960 --> 00:41:46,710 Значи, прво ќе го даде на мерењето. 1018 00:41:46,710 --> 00:41:48,650 >> Потоа го даде на стилот. 1019 00:41:48,650 --> 00:41:49,869 Па јас одам да се каже "солидна". 1020 00:41:49,869 --> 00:41:51,410 И ние ќе се зборува за она што значи тоа. 1021 00:41:51,410 --> 00:41:54,290 И тогаш на крај, ти го даде боја. 1022 00:41:54,290 --> 00:41:56,850 Па јас одам да се каже "црни". 1023 00:41:56,850 --> 00:41:59,637 И овие се сите нешта ние сме сега не видел, освен за стил, 1024 00:41:59,637 --> 00:42:00,720 но ние ќе зборуваме за тоа. 1025 00:42:00,720 --> 00:42:04,120 Значи вие момци видовме мерења, и сте виделе бои. 1026 00:42:04,120 --> 00:42:10,410 И што се случува е тоа што го добивате ова убаво црна рамка околу тоа, нели? 1027 00:42:10,410 --> 00:42:11,620 Вие момци се види како ние го сторивме тоа? 1028 00:42:11,620 --> 00:42:12,760 >> ПУБЛИКАТА: Да. 1029 00:42:12,760 --> 00:42:14,850 >> TOMAS REIMERS: Кул. 1030 00:42:14,850 --> 00:42:17,370 Значи, што е тоа? 1031 00:42:17,370 --> 00:42:19,160 Значи прво на сите, тоа е еден пиксел. 1032 00:42:19,160 --> 00:42:20,880 Тоа е само по себе доволно, нели? 1033 00:42:20,880 --> 00:42:23,254 Како, тоа е еден пиксел дебели. 1034 00:42:23,254 --> 00:42:26,170 Или тоа ќе биде еден пиксел, но јас сум зумира, така што е малку повеќе 1035 00:42:26,170 --> 00:42:26,490 од тоа. 1036 00:42:26,490 --> 00:42:27,967 >> ALLISON BUCHHOLTZ-о: И ние имаме оваа смешна резолуција телевизија. 1037 00:42:27,967 --> 00:42:29,460 >> TOMAS REIMERS: Да. 1038 00:42:29,460 --> 00:42:33,640 Можете да го направи тоа поголеми, помали, сеедно. 1039 00:42:33,640 --> 00:42:35,630 Па овде е две-пиксели граница. 1040 00:42:35,630 --> 00:42:38,810 Ќе видите дека е двапати како дебел. 1041 00:42:38,810 --> 00:42:40,172 Следното нешто што треба е боја. 1042 00:42:40,172 --> 00:42:41,130 Тоа не е интересно. 1043 00:42:41,130 --> 00:42:42,710 Јас не одам да се зборува за тоа, навистина. 1044 00:42:42,710 --> 00:42:45,110 >> ALLISON BUCHHOLTZ-о: Но стил може да биде само малку интересно. 1045 00:42:45,110 --> 00:42:45,980 >> TOMAS REIMERS: Да. 1046 00:42:45,980 --> 00:42:48,560 Значи стил, има неколку од нив што гледам најчесто се користи. 1047 00:42:48,560 --> 00:42:55,690 Првиот е солидна, следната е испрекинати линии, а последниот е попарен. 1048 00:42:55,690 --> 00:42:59,290 И тука е полн. 1049 00:42:59,290 --> 00:43:02,980 Ќе видите дека тие се еден куп на точки, нели? 1050 00:43:02,980 --> 00:43:09,030 А добар начин да вид на се убаво границата случува, цртички, исто така, прилично популарен. 1051 00:43:09,030 --> 00:43:11,580 1052 00:43:11,580 --> 00:43:13,600 >> ALLISON BUCHHOLTZ-о: И тогаш, се разбира, јас сум 1053 00:43:13,600 --> 00:43:16,660 дека постојат многу други стилови кои може да се добијат. 1054 00:43:16,660 --> 00:43:20,000 И ние имаме голем сет на линковите на крајот за вас момци 1055 00:43:20,000 --> 00:43:23,470 да се вид на внимателно и погледнете повеќе се излади CSS. 1056 00:43:23,470 --> 00:43:25,954 >> TOMAS REIMERS: И потоа последното нешто, ние сме 1057 00:43:25,954 --> 00:43:27,870 одам да се зборува за кутија модели вистински брз. 1058 00:43:27,870 --> 00:43:30,070 О, и тогаш граница, токму како баласт, 1059 00:43:30,070 --> 00:43:33,270 исто така се работи како граница-лево, граница-десно, граница-топ, 1060 00:43:33,270 --> 00:43:37,590 границата дното, која ќе им овозможи на да се стигне до одредена граница. 1061 00:43:37,590 --> 00:43:40,650 Значи тука е само границата лево дефинирани. 1062 00:43:40,650 --> 00:43:43,060 Дали тоа има смисла? 1063 00:43:43,060 --> 00:43:46,170 >> ALLISON BUCHHOLTZ-о: Тоа е кул начин да се нагласи работи или да додадете 1064 00:43:46,170 --> 00:43:47,545 линии помеѓу различни елементи. 1065 00:43:47,545 --> 00:43:48,670 TOMAS REIMERS: Апсолутно. 1066 00:43:48,670 --> 00:43:50,940 Значи тоа е нашата граница. 1067 00:43:50,940 --> 00:43:52,790 И маргина последните нечиј. 1068 00:43:52,790 --> 00:43:55,892 Како баласт маргина е освен тоа не е within-- 1069 00:43:55,892 --> 00:43:57,975 ALLISON BUCHHOLTZ-о: Тоа е Не околу вашиот елемент 1070 00:43:57,975 --> 00:44:00,840 но всушност низ целиот кутија дека ние сме биле гледање. 1071 00:44:00,840 --> 00:44:02,770 >> TOMAS REIMERS: Да. 1072 00:44:02,770 --> 00:44:04,090 Алисон се вели совршено. 1073 00:44:04,090 --> 00:44:07,550 Тоа не е, како, во вашиот елемент, тоа е околу целата кутија. 1074 00:44:07,550 --> 00:44:10,900 Тоа значи дека работи како позадина не се однесуваат на него. 1075 00:44:10,900 --> 00:44:13,550 И тоа во основа вели дека, како, јас не сакам ништо 1076 00:44:13,550 --> 00:44:15,230 во овој многу простор за мене. 1077 00:44:15,230 --> 00:44:17,470 Значи како тука имаме маргина од 10 пиксели. 1078 00:44:17,470 --> 00:44:23,100 Значи ништо во рок од 10 пиксели треба да биде до мене. 1079 00:44:23,100 --> 00:44:26,210 Тоа е вид на нејзината простор, но вид на не. 1080 00:44:26,210 --> 00:44:29,215 Значи тоа е многу Основи на кутијата модел. 1081 00:44:29,215 --> 00:44:30,090 Дали тоа има смисла? 1082 00:44:30,090 --> 00:44:33,830 1083 00:44:33,830 --> 00:44:34,550 Кул, се излади. 1084 00:44:34,550 --> 00:44:35,800 ALLISON BUCHHOLTZ-о: Прекрасно. 1085 00:44:35,800 --> 00:44:37,890 Па сега јас мислиме дека само имаме кул ресурси 1086 00:44:37,890 --> 00:44:41,220 дека ние ќе ве однесе момци преку многу брзо. 1087 00:44:41,220 --> 00:44:44,815 И ние ќе actually-- добро, имаме интернет уште? 1088 00:44:44,815 --> 00:44:47,860 >> TOMAS REIMERS: Да види дали можам да се отвори up-- 1089 00:44:47,860 --> 00:44:50,040 дозволете ми да видам дали можам може да се добие интернет брзо 1090 00:44:50,040 --> 00:44:53,317 додека Алисон зборува за ништо Алисон не сака да зборува. 1091 00:44:53,317 --> 00:44:55,150 ALLISON BUCHHOLTZ-о: Значи basically-- Јас не 1092 00:44:55,150 --> 00:44:57,930 Знаеш што друго можам да кажам во овој момент. 1093 00:44:57,930 --> 00:45:01,340 Но, овие се некои навистина добри ресурси. 1094 00:45:01,340 --> 00:45:04,629 Овие се оние кои Томас и јас се користи 1095 00:45:04,629 --> 00:45:06,420 и дека ние, всушност, се користи за да се подготви себе си за тоа. 1096 00:45:06,420 --> 00:45:09,940 W3Schools е онаа што момци треба да го виделе. 1097 00:45:09,940 --> 00:45:12,440 Го препорачуваме за многу работи со CSS. 1098 00:45:12,440 --> 00:45:15,060 Знам дека го препорачуваме на мојот дел цело време. 1099 00:45:15,060 --> 00:45:21,050 >> Една од големите нешта е тоа што ви овозможува да се вид на хаос со CSS 1100 00:45:21,050 --> 00:45:23,830 и да видат промените моментално во ова, 1101 00:45:23,830 --> 00:45:25,920 како, двојно-прозорец видите дека го има. 1102 00:45:25,920 --> 00:45:29,980 Значи, вие не мора да се грижите за поставување на вашата веб страница, 1103 00:45:29,980 --> 00:45:33,090 или поставување vhost во вашиот локалните апаратот и локалниот компјутер, 1104 00:45:33,090 --> 00:45:34,980 и добивање на сите нешта за работа. 1105 00:45:34,980 --> 00:45:36,830 Тоа е вграден право во рок од страната. 1106 00:45:36,830 --> 00:45:39,042 >> И тоа е овие мали лекции кои можете да 1107 00:45:39,042 --> 00:45:40,750 минуваат за да дознаете повеќе за селектори, 1108 00:45:40,750 --> 00:45:44,610 или да научат за манипулирање со вашиот фонт, или во позадина или слика. 1109 00:45:44,610 --> 00:45:46,990 А ти имаш овие моментален резултати кои што 1110 00:45:46,990 --> 00:45:49,310 не треба да направите било други првично работа за. 1111 00:45:49,310 --> 00:45:51,060 Значи сакам W3Schools. 1112 00:45:51,060 --> 00:45:51,960 Тоа е прекрасен. 1113 00:45:51,960 --> 00:45:52,670 Дали функционира? 1114 00:45:52,670 --> 00:45:52,950 >> TOMAS REIMERS: Да. 1115 00:45:52,950 --> 00:45:53,720 Не, тоа не е. 1116 00:45:53,720 --> 00:45:55,636 Сакаш да се обидат и рестартирајте го компјутерот ми? 1117 00:45:55,636 --> 00:45:56,410 Или сакаме to-- 1118 00:45:56,410 --> 00:46:01,490 >> ALLISON BUCHHOLTZ-о: Мислам, Па, ова исто така ќе биде онлајн. 1119 00:46:01,490 --> 00:46:02,740 Сите слајдови ќе биде онлајн. 1120 00:46:02,740 --> 00:46:05,470 Па јас само препорачуваме прават овие. 1121 00:46:05,470 --> 00:46:07,880 >> Ова е одлична само како како измамник лист. 1122 00:46:07,880 --> 00:46:10,690 Тоа е само сите основни команди што го имате. 1123 00:46:10,690 --> 00:46:13,070 Убаво е кога си прв почнувајќи од вашиот веб-сајт. 1124 00:46:13,070 --> 00:46:15,080 Затоа што можеби не сакам да навлегувам во сите 1125 00:46:15,080 --> 00:46:17,355 реалниот гнидав тврд дизајн тешки работи. 1126 00:46:17,355 --> 00:46:20,230 Вие само треба да ја форматирате во начинот на тој вид на прави смисла и волја 1127 00:46:20,230 --> 00:46:21,490 направи сега за сега. 1128 00:46:21,490 --> 00:46:23,580 И ако навистина сакате за да се влезе во неа, знам 1129 00:46:23,580 --> 00:46:27,240 ова е, како, еден од Омилени референци Томас е. 1130 00:46:27,240 --> 00:46:30,130 Ние беа го користите да првично, а тоа е прекрасен. 1131 00:46:30,130 --> 00:46:33,030 Тоа е инвеститорот од Мозила. 1132 00:46:33,030 --> 00:46:36,490 >> TOMAS REIMERS: Значи Мозила се на луѓето кои прават Firefox. 1133 00:46:36,490 --> 00:46:40,290 И тоа е само сопствените инвеститорот референца, што мислам дека е одличен. 1134 00:46:40,290 --> 00:46:44,870 И тоа е прекрасно Список на ресурсите. 1135 00:46:44,870 --> 00:46:45,530 Значи ние have-- 1136 00:46:45,530 --> 00:46:48,060 >> ALLISON BUCHHOLTZ-о: И тогаш последен белешка е 1137 00:46:48,060 --> 00:46:50,120 кога ќе се обидуваш да дизајнирате вашата веб страна, 1138 00:46:50,120 --> 00:46:53,550 црпи инспирација од работите кои мислите дека се е убаво. 1139 00:46:53,550 --> 00:46:56,340 Инспекција на елемент, контрола на изворниот код 1140 00:46:56,340 --> 00:46:59,370 може да се супер корисни за се обидувам да дознаам 1141 00:46:59,370 --> 00:47:02,080 како да стил вашата веб страница. 1142 00:47:02,080 --> 00:47:04,540 >> Често, се чувствувам како најдобар начин, покрај експериментирање, 1143 00:47:04,540 --> 00:47:06,290 е само да се погледне работи кои се прилично. 1144 00:47:06,290 --> 00:47:09,810 Сметам дека тоа е навистина тешко да се само вид на дизајн работи на свој, 1145 00:47:09,810 --> 00:47:11,090 особено на почетокот. 1146 00:47:11,090 --> 00:47:14,740 Затоа ве молиме да се погледне на веб-сајтови дека ќе уживате гледа. 1147 00:47:14,740 --> 00:47:16,880 Дознаам што го прави ги привлечен за вас. 1148 00:47:16,880 --> 00:47:19,170 И тогаш се чувствуваат слободни да се обиде и да се реплицираат тоа. 1149 00:47:19,170 --> 00:47:20,410 >> TOMAS REIMERS: Токму така. 1150 00:47:20,410 --> 00:47:23,120 Дури и како веб-сајтови вака, може да се види 1151 00:47:23,120 --> 00:47:25,460 има дефинитивно div на врвот. 1152 00:47:25,460 --> 00:47:29,920 И тогаш ќе имаат уште една div во тука, што е CSS awesomeness. 1153 00:47:29,920 --> 00:47:32,480 И тогаш имаш еден куп линкови тука. 1154 00:47:32,480 --> 00:47:34,770 Ако навистина само увид елементи, можете да ги сортирате на 1155 00:47:34,770 --> 00:47:38,520 почне да се види она што го прават веб-сајтови изгледа, и како можам 1156 00:47:38,520 --> 00:47:40,493 рекреираат дека ако јас сакав да. 1157 00:47:40,493 --> 00:47:41,890 Дали тоа има смисла? 1158 00:47:41,890 --> 00:47:43,670 Значи имаме само три минути. 1159 00:47:43,670 --> 00:47:46,380 Значи прашања? 1160 00:47:46,380 --> 00:47:47,650 Секоја од нив? 1161 00:47:47,650 --> 00:47:48,350 Да. 1162 00:47:48,350 --> 00:47:50,780 >> ПУБЛИКАТА: За боја правоаголник, како ќе 1163 00:47:50,780 --> 00:47:53,499 have-- ако не го сакаат тоа ќе низ целата страница, може да 1164 00:47:53,499 --> 00:47:56,400 сте го направиле тоа оди преку само половина страница или само текст? 1165 00:47:56,400 --> 00:47:59,660 >> TOMAS REIMERS: Да, апсолутно. 1166 00:47:59,660 --> 00:48:02,780 Значи, да ме види, всушност. 1167 00:48:02,780 --> 00:48:04,670 Имам две идеи. 1168 00:48:04,670 --> 00:48:07,265 Значи прво на сите, вие исто така можете да го користите проценти. 1169 00:48:07,265 --> 00:48:08,140 >> ПУБЛИКАТА: Навистина? 1170 00:48:08,140 --> 00:48:11,260 >> ALLISON BUCHHOLTZ-о: Значи нешто да гледам нагоре е релативна позиционирање. 1171 00:48:11,260 --> 00:48:13,385 Тоа е нешто што ние немаат време да се влезе, 1172 00:48:13,385 --> 00:48:16,392 но тоа е нешто што дефинитивно Ви препорачуваме да одјавувањето момци. 1173 00:48:16,392 --> 00:48:17,580 >> TOMAS REIMERS: Значи проценти. 1174 00:48:17,580 --> 00:48:21,524 И да видиме како тоа го направија само 50% од ширината? 1175 00:48:21,524 --> 00:48:24,190 ALLISON BUCHHOLTZ-о: Ако всушност се знае бројот на пиксели, 1176 00:48:24,190 --> 00:48:25,780 можете да бидете попрецизни на тој начин. 1177 00:48:25,780 --> 00:48:27,200 Можете да тинтири околу со неа. 1178 00:48:27,200 --> 00:48:27,700 Но, 50%. 1179 00:48:27,700 --> 00:48:31,970 Ако бевме да ја промените големината на нашата интернет пребарувач, тоа ќе ја направи помала. 1180 00:48:31,970 --> 00:48:35,250 >> TOMAS REIMERS: Па, тоа е во основа 50% во моментов, мислам. 1181 00:48:35,250 --> 00:48:38,820 Тоа е 50%, а потоа и на маргина е додадена на тоа. 1182 00:48:38,820 --> 00:48:40,100 CSS има многу quirks. 1183 00:48:40,100 --> 00:48:43,195 Значи, во моментов ова е 50% на страница ширина. 1184 00:48:43,195 --> 00:48:46,860 Но, запомнете дека имаш 10 пиксели симната од секоја страна. 1185 00:48:46,860 --> 00:48:49,700 Значи, ако сте во ситуација да се движат дека против на левиот раб на прелистувачот, 1186 00:48:49,700 --> 00:48:51,550 тогаш тоа ќе изгледа како 50%. 1187 00:48:51,550 --> 00:48:53,884 Повторно, како што реков, CSS може да да биде многу претпоставка-и-проверка. 1188 00:48:53,884 --> 00:48:56,049 Како, мислите дека нешто не е во се случува да се однесуваат на еден начин, 1189 00:48:56,049 --> 00:48:57,805 но тоа се однесува на сосема поинаков начин. 1190 00:48:57,805 --> 00:48:59,420 >> ALLISON BUCHHOLTZ-о: А ти само се попаметни, 1191 00:48:59,420 --> 00:49:02,020 и вие само да се добие подобар интуиција за тоа како да се движат заедно. 1192 00:49:02,020 --> 00:49:02,730 >> TOMAS REIMERS: И тоа добива полошо и полошо. 1193 00:49:02,730 --> 00:49:03,496 Значи тоа е навистина само една трка. 1194 00:49:03,496 --> 00:49:05,454 >> ALLISON BUCHHOLTZ-о: Тоа е супер охрабрувачки. 1195 00:49:05,454 --> 00:49:07,070 Ние сакаме тие да се CSS. 1196 00:49:07,070 --> 00:49:08,810 >> TOMAS REIMERS: CSS е неверојатна. 1197 00:49:08,810 --> 00:49:10,354 Сеќавам на тоа. 1198 00:49:10,354 --> 00:49:11,020 Други прашања? 1199 00:49:11,020 --> 00:49:14,297 >> ALLISON BUCHHOLTZ-о: Една работа. 1200 00:49:14,297 --> 00:49:14,880 Нешто друго? 1201 00:49:14,880 --> 00:49:15,140 Кул. 1202 00:49:15,140 --> 00:49:15,690 >> TOMAS REIMERS: Прекрасно. 1203 00:49:15,690 --> 00:49:18,523 >> ALLISON BUCHHOLTZ-о: Па, ако момци имате било какви прашања подоцна, 1204 00:49:18,523 --> 00:49:20,919 ние сме секогаш на располагање, како на обично. 1205 00:49:20,919 --> 00:49:22,960 Вие, најверојатно, ќе видите некои од нас за конечниот проекти 1206 00:49:22,960 --> 00:49:24,280 и дефинитивно на Hackathon. 1207 00:49:24,280 --> 00:49:25,200 >> TOMAS REIMERS: Апсолутно. 1208 00:49:25,200 --> 00:49:25,720 И на саемот. 1209 00:49:25,720 --> 00:49:26,560 >> ALLISON BUCHHOLTZ-о: И на саемот. 1210 00:49:26,560 --> 00:49:26,840 О. 1211 00:49:26,840 --> 00:49:28,130 >> TOMAS REIMERS: Со нетрпение очекуваме да види сите на вашите awesome-- 1212 00:49:28,130 --> 00:49:29,420 >> ALLISON BUCHHOLTZ-о: Ќе видиме сите на вашиот страшни веб-сајтови 1213 00:49:29,420 --> 00:49:30,572 дека ќе биде убаво. 1214 00:49:30,572 --> 00:49:32,780 TOMAS REIMERS: Можете секогаш види, како, на веб-сајтови 1215 00:49:32,780 --> 00:49:36,234 кој, како, добро, CSS, а потоа како и оние кои не се обидуваат да се направи CSS. 1216 00:49:36,234 --> 00:49:39,150 ALLISON BUCHHOLTZ-о: Исто така, уште работа, уште едно нешто да се погледне во 1217 00:49:39,150 --> 00:49:40,445 е Bootstrapping. 1218 00:49:40,445 --> 00:49:41,805 Значи подигање е одлично. 1219 00:49:41,805 --> 00:49:42,240 >> TOMAS REIMERS: Google дека ако you-- 1220 00:49:42,240 --> 00:49:43,573 >> ALLISON BUCHHOLTZ-о: Google го. 1221 00:49:43,573 --> 00:49:44,340 Тоа е прекрасен. 1222 00:49:44,340 --> 00:49:45,620 Ќе го сакам. 1223 00:49:45,620 --> 00:49:48,000 И сега дека имате основно познавање на CSS, 1224 00:49:48,000 --> 00:49:50,340 тоа ќе се направи многу повеќе смисла. 1225 00:49:50,340 --> 00:49:50,890 Прекрасно. 1226 00:49:50,890 --> 00:49:51,480 Ви благодариме, момци. 1227 00:49:51,480 --> 00:49:53,330 >> TOMAS REIMERS: Ви благодарам многу. 1228 00:49:53,330 --> 00:49:54,219