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 Аллисон Буцххолтз-АУ: Па ми у суштини само иде 5 00:00:12,224 --> 00:00:14,629 да ти дам резиме ЦСС, јер знамо 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 тако да кад изађем и да си истражујући ствари о ЦСС, 14 00:00:42,340 --> 00:00:45,902 није заврши глупости, као што су ЦСС понекад да буде. 15 00:00:45,902 --> 00:00:47,240 >> ТОМАС Реимерс: Да. 16 00:00:47,240 --> 00:00:49,930 Алисон је прилично добро рекао. 17 00:00:49,930 --> 00:00:53,250 Тако да претпостављам прва ствар коју треба да почне са је шта је ЦСС? 18 00:00:53,250 --> 00:00:55,750 Дакле ЦСС ис авесоме. 19 00:00:55,750 --> 00:00:56,250 ЦСС-- 20 00:00:56,250 --> 00:00:58,320 >> Аллисон Буцххолтз-АУ: То је Име нашег семинара. 21 00:00:58,320 --> 00:00:58,434 >> ТОМАС Реимерс: Да. 22 00:00:58,434 --> 00:01:00,130 Јако је важно да ви разумете да до тада. 23 00:01:00,130 --> 00:01:03,090 Ако само одузети једно ствар, то је да ЦСС ако страва. 24 00:01:03,090 --> 00:01:06,180 Два је ЦСС означава Цасцадинг Стиле Схеетс. 25 00:01:06,180 --> 00:01:10,380 Дакле у својој сржи, ЦСС стилски, што значи 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 Дакле по стилу, мислимо све то није струцтурал-- 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 >> Тако смо отишли ​​и корак даље и отворена како оних у гедит. 33 00:01:30,110 --> 00:01:32,680 Дакле, ово је индек.хтмл. 34 00:01:32,680 --> 00:01:34,800 А ово је маин.цсс. 35 00:01:34,800 --> 00:01:36,829 Дакле маин.цсс нема ништа. 36 00:01:36,829 --> 00:01:38,412 Аллисон Буцххолтз-АУ: до сада Нема стил. 37 00:01:38,412 --> 00:01:39,245 ТОМАС Реимерс: Нема. 38 00:01:39,245 --> 00:01:42,577 И као што ћете видети, то је стварно ружно сајт. 39 00:01:42,577 --> 00:01:44,160 Аллисон Буцххолтз-АУ: То је само обичан. 40 00:01:44,160 --> 00:01:45,820 ТОМАС Реимерс: Да. 41 00:01:45,820 --> 00:01:49,150 Да, то није ружна, то је само минималистички. 42 00:01:49,150 --> 00:01:53,430 И онда ту смо индек.хтмл имамо. 43 00:01:53,430 --> 00:01:55,729 И тако за брзо рекапитулација ХТМЛ, Аллисон, 44 00:01:55,729 --> 00:01:57,270 желите да само причамо о страници? 45 00:01:57,270 --> 00:01:58,395 >> Аллисон Буцххолтз-АУ: Да. 46 00:01:58,395 --> 00:02:01,100 Дакле, очигледно, имамо ХТМЛ ознака, који само имена ХТМЛ датотека. 47 00:02:01,100 --> 00:02:07,080 Ми имамо нашу главом овде, са ЦСС Авесоменесс, вхицх-- ако се вратимо. 48 00:02:07,080 --> 00:02:07,720 Где је то? 49 00:02:07,720 --> 00:02:09,136 >> ТОМАС Реимерс: О. 50 00:02:09,136 --> 00:02:10,301 Да, можете видети. 51 00:02:10,301 --> 00:02:12,092 Аллисон Буцххолтз-АУ: И приметио заглавље 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 приказивање на Интернету страна, која је- вратимо. 55 00:02:19,620 --> 00:02:21,290 Назад. 56 00:02:21,290 --> 00:02:24,287 Која је само у нашем телу овде- обичан текст. 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 >> ТОМАС Реимерс: Кул. 63 00:02:40,340 --> 00:02:41,111 Додајте тип доц? 64 00:02:41,111 --> 00:02:42,235 Аллисон Буцххолтз-АУ: Да. 65 00:02:42,235 --> 00:02:43,068 ТОМАС Реимерс: Да. 66 00:02:43,068 --> 00:02:43,769 Цоол. 67 00:02:43,769 --> 00:02:46,102 Аллисон Буцххолтз-АУ: Очигледно, моји микрофони ме не воле. 68 00:02:46,102 --> 00:02:49,650 ТОМАС Реимерс: О, дај нам сец само док Алисон пребацује из њеног микрофон. 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 Некако је унстилед. 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 >> Дакле одатле, хајде причамо о томе шта је ЦСС 78 00:03:08,880 --> 00:03:11,270 и како изгледа и све то. 79 00:03:11,270 --> 00:03:12,047 Тако за то-- 80 00:03:12,047 --> 00:03:13,755 Аллисон Буцххолтз-АУ: Назад на слајдовима. 81 00:03:13,755 --> 00:03:15,200 ТОМАС Реимерс: Повратак на слајдовима. 82 00:03:15,200 --> 00:03:17,240 И Аллисон може преузети. 83 00:03:17,240 --> 00:03:18,720 >> Аллисон Буцххолтз-АУ: Ву. 84 00:03:18,720 --> 00:03:19,220 У реду. 85 00:03:19,220 --> 00:03:22,360 Дакле, по вашем ЦСС фајла, ти ћеш имати 86 00:03:22,360 --> 00:03:25,010 Многи од тих ствари зове селекторе. 87 00:03:25,010 --> 00:03:27,420 То ће само бити Основа вашег ЦСС фајла. 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 или став са П, или заглавље, или шта већ, 100 00:04:00,262 --> 00:04:02,000 шта год хоћеш да ХТМЛ ознаке да буде. 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 у било ком тела таг наше ХТМЛ датотеку. 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 >> ТОМАС Реимерс: Не 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 Тако да сам само ћу да копирате и налепите то право у нашу маин.цсс датотеку. 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 >> Аллисон Буцххолтз-АУ: Очигледно, са ЦСС, све гради на себе. 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 >> ТОМАС Реимерс: Па немојмо врста сецирати ово. 139 00:05:41,930 --> 00:05:44,210 Дакле, да ли желите да почнете са селектором овде? 140 00:05:44,210 --> 00:05:45,979 >> Аллисон Буцххолтз-АУ: Да. 141 00:05:45,979 --> 00:05:48,270 Као што сам раније говорио је, тело је само наша селектор овде. 142 00:05:48,270 --> 00:05:50,950 Дакле, ако се вратимо на нашу индек-- ах. 143 00:05:50,950 --> 00:05:53,245 >> ТОМАС Реимерс: Који сам затворен. 144 00:05:53,245 --> 00:05:54,530 Дај ми секунд. 145 00:05:54,530 --> 00:05:58,286 Дакле Филе, Опен, индек.хтмл. 146 00:05:58,286 --> 00:05:59,410 Аллисон Буцххолтз-АУ: Кул. 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 Дакле, оно што говорите је све-- можемо вратити? 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 >> Дакле, ако смо да идемо у индек.хтмл и-- заправо, 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 Дакле, ако сте били да куцате нешто друго тамо-- 165 00:06:47,405 --> 00:06:49,400 >> ТОМАС Реимерс: Хајде да вози тај дом. 166 00:06:49,400 --> 00:06:55,330 Дакле, ако смо имали див-- тако да је само још један тег можете имати. 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 >> Аллисон Буцххолтз-АУ: Дакле, ово је све тело, 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 >> ТОМАС Реимерс: врста Има ли то смисла од како су се ствари капсулирају друге ствари? 183 00:07:35,349 --> 00:07:38,140 Аллисон Буцххолтз-АУ: Такође, само да кажем, као, један од најбољих начина 184 00:07:38,140 --> 00:07:40,889 да заиста добити удобан са ЦСС је да само радим ствари овако, 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 И као са већином ЦС, експериментисање могу често 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 >> ТОМАС Реимерс: Апсолутно 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 >> Дакле, у ЦСС, ЦСС је некако веома лабава о томе како 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 Такође можете добити стварно-- те мислим може добити прилично креативни са овим, 201 00:08:29,040 --> 00:08:29,540 зар не? 202 00:08:29,540 --> 00:08:31,170 >> Аллисон Буцххолтз-АУ: ја Мислим да можете користити хек. 203 00:08:31,170 --> 00:08:31,250 Зар не? 204 00:08:31,250 --> 00:08:32,083 >> ТОМАС Реимерс: Да. 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 Аллисон Буцххолтз-АУ: То можете учинити доста. 209 00:08:37,260 --> 00:08:43,350 Прилично попут већине боја које сте може назовете као, мислим да је један лосос. 210 00:08:43,350 --> 00:08:45,322 >> ТОМАС Реимерс: жемо три лососа. 211 00:08:45,322 --> 00:08:47,530 Аллисон Буцххолтз-АУ: ја Мислим цхартреусе је унутра. 212 00:08:47,530 --> 00:08:48,050 ТОМАС Реимерс: Да. 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 >> Аллисон Буцххолтз-АУ: Ти могао добити прилично креативан. 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 >> ТОМАС Реимерс: Да. 219 00:08:58,673 --> 00:08:59,390 Тако хексадецимална. 220 00:08:59,390 --> 00:09:05,280 Ако ви сећате ово назад са старог ПСЕТ, слике Рецовер, 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 Аллисон Буцххолтз-АУ: Тачно. 235 00:09:46,380 --> 00:09:52,900 Тако да имате прилично много потпуну контролу над бојама желите у ЦСС. 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 >> ТОМАС Реимерс: Да. 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 цан Гоогле нешто као "берача боји." 243 00:10:05,575 --> 00:10:07,200 Аллисон Буцххолтз-АУ: О, то је тако добро. 244 00:10:07,200 --> 00:10:09,090 Волим Цолор Пицкер. 245 00:10:09,090 --> 00:10:11,360 >> ТОМАС Реимерс: цолорпицкер.цом је добар пример. 246 00:10:11,360 --> 00:10:14,580 И овде, видећете да имате пуно Пхотосхоп-попут боје скупљач. 247 00:10:14,580 --> 00:10:14,920 >> Аллисон Буцххолтз-АУ: Аха. 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 ТОМАС Реимерс: А онда ево Хек вредност овде. 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 Јер то је само стварно лако начин да се референце ствари у ЦС. 256 00:10:39,590 --> 00:10:40,350 >> Аллисон Буцххолтз-АУ: А ту је и алсо-- 257 00:10:40,350 --> 00:10:41,630 Ја заборавио тачан назив сајта. 258 00:10:41,630 --> 00:10:43,838 Али дефинитивно постоји, ја Мислим, нешто из Адобе 259 00:10:43,838 --> 00:10:48,350 да генерише шеме боја за вас, која је стварно супер, јер вас 260 00:10:48,350 --> 00:10:50,580 дефинители-- је понекад тешко схватити, 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 >> ТОМАС Реимерс: Аллисон је говорио о један Адобе Кулер зове, мислим. 265 00:11:04,260 --> 00:11:04,885 То је К-У-Л-Е-Р. 266 00:11:04,885 --> 00:11:06,259 Аллисон Буцххолтз-АУ: Мислим да јесте. 267 00:11:06,259 --> 00:11:07,610 Прилично сам сигуран да је тај. 268 00:11:07,610 --> 00:11:11,050 >> ТОМАС Реимерс: Мој омиљени има увек био Шема боја Дизајнер. 269 00:11:11,050 --> 00:11:13,998 >> Аллисон Буцххолтз-АУ: Оох. 270 00:11:13,998 --> 00:11:16,010 >> ТОМАС Реимерс: Који је сада-- 271 00:11:16,010 --> 00:11:16,860 >> Аллисон Буцххолтз-АУ: Ах, ово је лепа. 272 00:11:16,860 --> 00:11:18,818 >> ТОМАС Реимерс: А ти могу рећи у основи, као, 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 >> Назад на стварним ЦСС. 285 00:11:57,863 --> 00:12:01,112 Аллисон Буцххолтз-АУ: Али очигледно, ми знам те референце може бити корисно. 286 00:12:01,112 --> 00:12:03,195 ТОМАС Реимерс: Не, они дефинитивно може бити од помоћи. 287 00:12:03,195 --> 00:12:04,720 Тако другом правилу, Аллисон? 288 00:12:04,720 --> 00:12:05,844 >> Аллисон Буцххолтз-АУ: Да. 289 00:12:05,844 --> 00:12:08,280 Друго правило је само одговара нашој фонт. 290 00:12:08,280 --> 00:12:11,520 Дакле фонт тежина је некако од-- тако тежина би 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 Шта је ако желиш то-- је ту тањи један од само, као, нормално? 295 00:12:21,557 --> 00:12:24,140 ТОМАС Реимерс: Ја не знам стварно знам да постоји један тањи. 296 00:12:24,140 --> 00:12:24,680 Аллисон Буцххолтз-АУ: заборавим. 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 В3Сцхоолс има све другачије ствари које можете да урадите за фонтове. 300 00:12:34,317 --> 00:12:36,900 Али у основи, ако икада желите да промените нешто у вези фонт, 301 00:12:36,900 --> 00:12:39,330 то увек бити, као, фонт-нешто. 302 00:12:39,330 --> 00:12:43,450 Тако да ће бити као, фонт-фамили ако си покушавајући да промени стварни тип. 303 00:12:43,450 --> 00:12:47,390 То ће бити фонт-фамили ако вас Желим да га направи као курзивом, 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 >> ТОМАС Реимерс: Аха. 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 И онда имамо правила ограничен зарезом. 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 Дакле, ако је то зликовца-- 316 00:13:13,200 --> 00:13:14,424 >> Аллисон Буцххолтз-АУ: Назад. 317 00:13:14,424 --> 00:13:17,590 ТОМАС Реимерс: Хајде да разговарамо конкретно о томе какав селектора имамо. 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 не само желите да се ограничи да морају да користе различите стварну ХТМЛ 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 Аллисон Буцххолтз-АУ: Да. 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 И онда имамо класу, која је кад смо га дефинишемо у нашој ЦСС фајла, 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 ТОМАС Реимерс: Оцтотхорпе. 344 00:14:30,790 --> 00:14:32,430 Аллисон Буцххолтз-АУ: Оцтотхорпе. 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 цласс2," 351 00:14:48,730 --> 00:14:51,577 ово може бити само ИД год имамо. 352 00:14:51,577 --> 00:14:52,410 ТОМАС Реимерс: Да. 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 Па хајде да погледамо наше ХТМЛ. 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 >> Аллисон Буцххолтз-АУ: Други један. 361 00:15:12,525 --> 00:15:13,540 ТОМАС Реимерс: Аха. 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 је да ћемо финд-- 365 00:15:23,067 --> 00:15:24,150 Аллисон Буцххолтз-АУ: Оох. 366 00:15:24,150 --> 00:15:24,983 ТОМАС Реимерс: Да. 367 00:15:24,983 --> 00:15:27,570 Идемо да нађемо "Ово је Текст 1, "и" Ово је текст 2. " 368 00:15:27,570 --> 00:15:28,650 >> Аллисон Буцххолтз-АУ: И од љупка жуте боје. 369 00:15:28,650 --> 00:15:31,066 >> ТОМАС Реимерс: И видећете да је наш селектор сада, 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 >> Аллисон Буцххолтз-АУ: Почнимо са ид. 377 00:15:48,405 --> 00:15:50,405 >> ТОМАС Реимерс: И обоје од њих су атрибути. 378 00:15:50,405 --> 00:15:53,200 Тако атрибути постоје у ХТМЛ. 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 >> Аллисон Буцххолтз-АУ: Управо сам то хтео да кажем, из вашег примера из ПСЕТ 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 ТОМАС Реимерс: Има гомила од атрибута да ћете видети. 390 00:16:18,040 --> 00:16:18,539 Да. 391 00:16:18,539 --> 00:16:21,250 Као и добром односу на ПСЕТ 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 Значи од ид, хајде да се правимо Желим да имају ид од-- не знам. 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 Аллисон Буцххолтз-АУ: То је Биће супер посебан. 399 00:16:39,950 --> 00:16:42,360 ТОМАС Реимерс: Па ово један, имамо ид специјалитет. 400 00:16:42,360 --> 00:16:48,140 Тако начин да одаберете да, онда, је у маин.цсс, а не имати ознаку п, 401 00:16:48,140 --> 00:16:51,500 радиш Специал, у реду? 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 ТОМАС Реимерс: Кул. 406 00:16:59,110 --> 00:17:04,440 Тако да сада, ако се вратимо, ћемо видео-- Упс. 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 >> ТОМАС Реимерс: Да. 414 00:17:16,359 --> 00:17:16,900 ПУБЛИКА: У реду. 415 00:17:16,900 --> 00:17:20,887 И шта се онда дешава ако онда дати то нека правила у ЦСС то сукоб? 416 00:17:20,887 --> 00:17:21,970 ТОМАС Реимерс: Апсолутно. 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 И цласс-- оно што омогућава ви да урадите је у основи кажу, 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 И шта ћемо онда урадите је идемо прицала- уместо фунте, 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 И приметите да фунта и тачка само постоје унутар ЦСС фајла, 432 00:18:11,950 --> 00:18:12,797 не у ХТМЛ. 433 00:18:12,797 --> 00:18:13,880 Аллисон Буцххолтз-АУ: Да. 434 00:18:13,880 --> 00:18:15,185 Важна разлика. 435 00:18:15,185 --> 00:18:17,510 >> ТОМАС Реимерс: Имам имали толико борбу, 436 00:18:17,510 --> 00:18:23,990 јер сам ставио хасх у ХТМЛ и онда само осетио глупо дуго времена. 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 У реду. 443 00:18:37,270 --> 00:18:39,735 Ја стварно не знам зашто сам Желим да то урадим, али ја могу. 444 00:18:39,735 --> 00:18:42,401 >> Аллисон Буцххолтз-АУ: не Мигхт Препоручује се за свој сајт. 445 00:18:42,401 --> 00:18:43,880 Али за наше потребе, то ће урадити. 446 00:18:43,880 --> 00:18:46,294 >> ТОМАС Реимерс: Није добра шема боја. 447 00:18:46,294 --> 00:18:49,210 Аллисон Буцххолтз-АУ: Па, жута и плаво су моји средњошколци боје. 448 00:18:49,210 --> 00:18:50,947 Не знам, ипак. 449 00:18:50,947 --> 00:18:53,530 ТОМАС Реимерс: Аллисон је висок Школа је имала велику шему боја. 450 00:18:53,530 --> 00:18:54,520 [СМЕХ] 451 00:18:54,520 --> 00:18:59,120 Па шта онда можемо назвати ово је Назовимо ово-- тако имамо посебне 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 Аллисон Буцххолтз-АУ: Да, ја бих звати, као, жута или плаве. 455 00:19:05,820 --> 00:19:08,314 >> ТОМАС Реимерс: Нисмо Стварно што прави сајт, 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 Њих треба именован на начин где можете, као-- да, као што је. 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 А онда ћемо тако прицала- начин да се промени боју је само "боја." 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 Следећа један ће имају "цласс = прилично." 469 00:19:45,972 --> 00:19:49,180 Аллисон Буцххолтз-АУ: И онда ћу желите да додате "прилично" оном средњем. 470 00:19:49,180 --> 00:19:49,971 ТОМАС Реимерс: Аха. 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 Спада у два цлассес-- посебна и лепа. 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 Друго једног-- 484 00:20:22,450 --> 00:20:26,160 >> Аллисон Буцххолтз-АУ: --хас болд жута позадина са плавим текстом. 485 00:20:26,160 --> 00:20:29,330 И наш последњи је управо има плаво текст који смо јој додијељена. 486 00:20:29,330 --> 00:20:30,870 >> ТОМАС Реимерс: Цоол? 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 >> Аллисон Буцххолтз-АУ: Да ли желимо да говорити о сукобу сада онда? 490 00:20:34,720 --> 00:20:35,780 >> ТОМАС Реимерс: Па да. 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 Хајде да се претварамо прву поставља нешто као-- 494 00:20:44,740 --> 00:20:47,240 Аллисон Буцххолтз-АУ: Можда ово мења позадину? 495 00:20:47,240 --> 00:20:48,090 ТОМАС Реимерс: Да. 496 00:20:48,090 --> 00:20:51,699 Тако ћемо направити "прилично" промените позадину лососа. 497 00:20:51,699 --> 00:20:54,740 Аллисон Буцххолтз-АУ: Ти си само са сви велики боје данас, Томас. 498 00:20:54,740 --> 00:20:55,573 ТОМАС Реимерс: Да. 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 Аллисон Буцххолтз-АУ: Хајде да покушамо. 504 00:21:04,572 --> 00:21:07,735 ТОМАС Реимерс: После ове демонстрације само зато што у случају забрља, 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 >> Аллисон Буцххолтз-АУ: Имате ли идеју? 509 00:21:17,522 --> 00:21:20,002 >> ПУБЛИКА: [неразумљиво]. 510 00:21:20,002 --> 00:21:20,920 >> ТОМАС Реимерс: Да. 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 >> Аллисон Буцххолтз-АУ: Па ово је где каскадно ступи на снагу. 514 00:21:27,860 --> 00:21:31,080 >> ТОМАС Реимерс: Па се како смо имао да Цасцадинг Стиле Схеетс? 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 >> Аллисон Буцххолтз-АУ: Па шта год је на дну 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 >> ТОМАС Реимерс: Или можда желим да препише правила. 523 00:21:53,340 --> 00:21:53,920 >> Аллисон Буцххолтз-АУ: Или можда радите. 524 00:21:53,920 --> 00:21:54,300 Да. 525 00:21:54,300 --> 00:21:57,175 >> ТОМАС Реимерс: Прави се да имате класа која се односи на већину ствари, 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 особине, можете да урадите нешто као "фонт-фамили = нормално," 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 >> Аллисон Буцххолтз-АУ: експериментисања. 534 00:22:18,080 --> 00:22:20,090 >> ТОМАС Реимерс: Пракса, пракса, пракса, и експеримент. 535 00:22:20,090 --> 00:22:22,950 Знам пуно људи који мисле ЦСС је само много Гуесс-и-проверу 536 00:22:22,950 --> 00:22:25,580 на крају дана, где, ако желите да урадите нешто-- као, 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 >> ТОМАС Реимерс: Не, не уопште. 543 00:22:40,992 --> 00:22:45,764 >> Аллисон Буцххолтз-АУ: Оно што је битно је поредак у вашој ЦСС стиле схеет. 544 00:22:45,764 --> 00:22:47,430 ПУБЛИКА: Можете ли да поновите питање? 545 00:22:47,430 --> 00:22:50,680 ТОМАС Реимерс: О. 546 00:22:50,680 --> 00:22:53,990 Аллисон Буцххолтз-АУ: Унутар цласс, када дајете настава 547 00:22:53,990 --> 00:22:56,964 на нешто у ХТМЛ, не то важно којим редом су у? 548 00:22:56,964 --> 00:22:58,130 Није важно наређење. 549 00:22:58,130 --> 00:23:02,915 Оно што је битно је редослед цласс селектори унутар вашег ЦСС, 550 00:23:02,915 --> 00:23:04,306 унутар вашег стила. 551 00:23:04,306 --> 00:23:06,982 >> ТОМАС Реимерс: Звуци добро? 552 00:23:06,982 --> 00:23:08,532 >> Аллисон Буцххолтз-АУ: Дивно. 553 00:23:08,532 --> 00:23:11,539 >> ТОМАС Реимерс: А онда идемо у настави да-- 554 00:23:11,539 --> 00:23:13,330 Аллисон Буцххолтз-АУ: Шта имамо следеце? 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 >> ТОМАС Реимерс: Ми добијамо да Ускоро комбиновати селекторе. 560 00:23:20,540 --> 00:23:22,790 >> Аллисон Буцххолтз-АУ: О, добијамо да комбинујемо селекторе. 561 00:23:22,790 --> 00:23:25,260 ТОМАС Реимерс: Значи неки примери је имамо 562 00:23:25,260 --> 00:23:29,630 # Дог-- фунта, или хаштагот, или оцтотхорпе, или како год 563 00:23:29,630 --> 00:23:32,050 желите да позовете то-- оштар. 564 00:23:32,050 --> 00:23:34,875 >> Аллисон Буцххолтз-АУ: Схарп пас. 565 00:23:34,875 --> 00:23:36,470 >> ТОМАС Реимерс: Онда имате .петс. 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 Тако п.петс. 575 00:23:54,580 --> 00:23:57,510 576 00:23:57,510 --> 00:24:02,950 >> Дакле за то, хајде да се вратимо на Код и увести анотхер-- да. 577 00:24:02,950 --> 00:24:04,290 Тако се овамо. 578 00:24:04,290 --> 00:24:04,850 >> Аллисон Буцххолтз-АУ: ја осјећам као код стварно-- 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 >> ТОМАС Реимерс: Па хајде да се претварамо Само желим да изаберете текст 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 >> Па шта можете да урадите је у маин.цсс, можете рећи, хајде да прво обрисати ово. 593 00:24:48,150 --> 00:24:50,240 Можете комбиновати. 594 00:24:50,240 --> 00:24:51,430 Тако можете да урадите .СПЕЦИАЛ. 595 00:24:51,430 --> 00:24:52,110 Нема простора. 596 00:24:52,110 --> 00:24:54,770 Само .специал.претти. 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 Можете прицала- немојмо претварати да само хтео 603 00:25:13,270 --> 00:25:18,300 да радим ствари које имају лепу класу и који су такође став ознака. 604 00:25:18,300 --> 00:25:19,920 Тако п.претти. 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 Аллисон Буцххолтз-АУ: Па ова врста је корисније 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 >> ТОМАС Реимерс: Или си Можда пронађете оут-- понекад 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 Дакле, ви пишете посебан случај, где, као-- али ако има обоје, шта си 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 >> Аллисон Буцххолтз-АУ: Добро за оне врсте изузетака. 627 00:26:17,955 --> 00:26:21,220 ТОМАС Реимерс: Па да размишљање о проблемима 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 Аллисон Буцххолтз-АУ: Скоро смо стигли. 632 00:26:31,400 --> 00:26:34,022 ТОМАС Реимерс: И је стао повезивање. 633 00:26:34,022 --> 00:26:36,494 Аллисон Буцххолтз-АУ: Ох, не. 634 00:26:36,494 --> 00:26:39,125 Аллисон Буцххолтз-АУ: ЦС у Канцеларија, Интернет иде доле. 635 00:26:39,125 --> 00:26:40,360 О, иронија. 636 00:26:40,360 --> 00:26:45,620 >> ТОМАС Реимерс: Па срећом, можемо представе без интернета, ваљда, 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 Аллисон Буцххолтз-АУ: Тако је. 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 >> ТОМАС Реимерс: Ох, извините. 646 00:27:03,990 --> 00:27:06,180 >> Аллисон Буцххолтз-АУ: И у основи, шта то значи 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 Ја не знам да ли вас имају бољи начин од-- 651 00:27:17,755 --> 00:27:19,504 ТОМАС Реимерс: Па ја Ваљда пут да мисли 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 у неке-- Желим да пронађете селектор. 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 Дакле у ЦСС, то је све о некако бити у стању да одговара ове ставке. 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 Хајде да се дам цласс-- ми дати идеју. 668 00:28:13,335 --> 00:28:14,460 Аллисон Буцххолтз-АУ: Кул. 669 00:28:14,460 --> 00:28:16,420 ТОМАС Реимерс: Цоо-- немојмо го то класа прилично. 670 00:28:16,420 --> 00:28:16,930 Зашто не? 671 00:28:16,930 --> 00:28:17,971 >> Аллисон Буцххолтз-АУ: У реду. 672 00:28:17,971 --> 00:28:23,040 ТОМАС Реимерс: Па сада Претти Тхингс 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 И ако ово-- урадимо 676 00:28:28,760 --> 00:28:29,620 >> Аллисон Буцххолтз-АУ: Да ли желите да додате текст 677 00:28:29,620 --> 00:28:31,078 тако хипервезе заправо појави? 678 00:28:31,078 --> 00:28:35,088 ТОМАС Реимерс: То био би добар позив. 679 00:28:35,088 --> 00:28:37,921 Аллисон Буцххолтз-АУ: 'праву Јер Сада смо само нећеш добити ништа. 680 00:28:37,921 --> 00:28:39,690 ТОМАС Реимерс: Дакле, ово је линк. 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 И сада шта ћемо да урадите је да ћемо направити цоол-- 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 Аллисон Буцххолтз-АУ: Можемо ли то направити већи? 695 00:29:12,180 --> 00:29:13,800 ТОМАС Реимерс: Хајде да му дати границу. 696 00:29:13,800 --> 00:29:14,840 Аллисон Буцххолтз-АУ: Могли би граниче. 697 00:29:14,840 --> 00:29:15,673 ТОМАС Реимерс: Да. 698 00:29:15,673 --> 00:29:18,560 Тако ћемо нешто урадити као, граница је-- и ми смо 699 00:29:18,560 --> 00:29:20,971 да објасните то све у секунди. 700 00:29:20,971 --> 00:29:21,470 За сада-- 701 00:29:21,470 --> 00:29:24,592 >> Аллисон Буцххолтз-АУ: За кутије модела. 702 00:29:24,592 --> 00:29:27,300 ТОМАС Реимерс: Али за сада, ми смо само да му дати границу. 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 >> Аллисон Буцххолтз-АУ: Наш сајт је толико лепа. 707 00:29:34,500 --> 00:29:35,333 >> ТОМАС Реимерс: Да. 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 Па, шта можете да урадите ви је могу да кажем, .СПЕЦИАЛ, простор, .цоол. 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 Аллисон Буцххолтз-АУ: Па још један начин да би било добро да размислим о томе, 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 да смо радили за ово пре, цела ваша веб страница, све ваше ХТМЛ 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 ПУБЛИКА: Имајући то на уму, зар то било вазно да смо имали цхангед-- 730 00:30:55,090 --> 00:30:56,423 Аллисон Буцххолтз-АУ: ред? 731 00:30:56,423 --> 00:30:59,320 ПУБЛИКА: --Тхе класа у ЦСС да .цоол, простор, .СПЕЦИАЛ? 732 00:30:59,320 --> 00:31:01,153 Аллисон Буцххолтз-АУ: Да, јер тада то 733 00:31:01,153 --> 00:31:04,420 би рекли, обим га све што има кул, 734 00:31:04,420 --> 00:31:07,235 а затим погледајте шта хас-- Мислим, као, у овом случају, 735 00:31:07,235 --> 00:31:08,860 Ја не мислим да би то променило. 736 00:31:08,860 --> 00:31:10,318 >> ТОМАС Реимерс: Да смо рекао шта? 737 00:31:10,318 --> 00:31:10,906 Извините. 738 00:31:10,906 --> 00:31:12,660 >> Аллисон Буцххолтз-АУ: Ако смо ми обим да се охлади, а затим 739 00:31:12,660 --> 00:31:14,550 тражити ствари из специјалне, било би исто, у ствари. 740 00:31:14,550 --> 00:31:16,260 >> ТОМАС Реимерс: Па то не би било. 741 00:31:16,260 --> 00:31:16,590 >> Аллисон Буцххолтз-АУ: То не би? 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 >> ТОМАС Реимерс: Па разлог то је уобичајено дифферент-- мистаке-- 745 00:31:21,480 --> 00:31:27,140 је то сада само веза има кул, зар не? 746 00:31:27,140 --> 00:31:32,176 Ваљда моје питање да момци је, шта на овој страници се слаже са .цоол? 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 Дакле, ако сте рекли, .цоол, простор, .СПЕЦИАЛ, шта ћеш да кажеш је, 753 00:31:46,460 --> 00:31:48,824 у оквиру ове ознаке, шта је посебна? 754 00:31:48,824 --> 00:31:49,865 Аллисон Буцххолтз-АУ: Хм. 755 00:31:49,865 --> 00:31:51,800 То је оно што то-- праву. 756 00:31:51,800 --> 00:31:52,310 Јер то је као само нешто овде. 757 00:31:52,310 --> 00:31:53,310 >> ТОМАС Реимерс: Дакле бира ништа. 758 00:31:53,310 --> 00:31:56,530 >> Аллисон Буцххолтз-АУ: Док са Посебан, ми смо у оквиру ове ознаке овде. 759 00:31:56,530 --> 00:31:57,971 >> ТОМАС Реимерс: Они и оне. 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 >> ТОМАС Реимерс: Да. 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 Аллисон Буцххолтз-АУ: Да. 766 00:32:04,810 --> 00:32:06,870 Мислим да је то вероватно Најлакши начин да се размисли о томе. 767 00:32:06,870 --> 00:32:09,270 >> ТОМАС Реимерс: Па смо нашли ово, и смо ово обоје упарен посебан. 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 >> Аллисон Буцххолтз-АУ: Док кул је само у оквиру ових само ознаке тамо. 773 00:32:20,112 --> 00:32:21,070 ТОМАС Реимерс: Тачно. 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 питате шта је кул и специал-- или шта је лепа и посебна, зар не? 778 00:32:29,880 --> 00:32:35,370 Ако кажете .специал.претти, то је исто као .претти.специал. 779 00:32:35,370 --> 00:32:39,220 >> Јер оно уклањање простор је пита се, кад кажете .СПЕЦИАЛ, 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 ТОМАС Реимерс: Да. 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 Имајући то у виду онда-- 791 00:33:00,426 --> 00:33:01,800 >> Аллисон Буцххолтз-АУ: Мислим да је наш последњи Ствар је у томе (у елегантним британским нагласком) 792 00:33:01,800 --> 00:33:02,510 кутија модела. 793 00:33:02,510 --> 00:33:05,992 >> ТОМАС Реимерс: бок-- [цхуцклес] Волим начин на Алисон каже да. 794 00:33:05,992 --> 00:33:06,950 Тако је кутија модел ствар. 795 00:33:06,950 --> 00:33:09,644 >> Аллисон Буцххолтз-АУ: Само имам кутија, бићу твоја кутија модела. 796 00:33:09,644 --> 00:33:11,310 ТОМАС Реимерс: Па хајде да причамо о томе. 797 00:33:11,310 --> 00:33:14,070 Тако сада смо провели доста времена говори о селектора. 798 00:33:14,070 --> 00:33:16,944 До сада, ви сте вероватно, као, господари селецторс-- знате, 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 је, добро, шта тачно је елемент у ЦСС-у? 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 >> ТОМАС Реимерс: То је правоугаоник, зар не? 810 00:33:49,040 --> 00:33:50,956 >> Аллисон Буцххолтз-АУ: Зар није трик питање. 811 00:33:50,956 --> 00:33:51,870 [СМЕХ] 812 00:33:51,870 --> 00:33:54,670 >> ТОМАС Реимерс: Не покушавам да вас преваре момци овако касно. 813 00:33:54,670 --> 00:33:57,510 Дакле, имамо овај правоугаоник. 814 00:33:57,510 --> 00:33:59,140 И ознака је стр, зар не? 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 >> Аллисон Буцххолтз-АУ: Мислим, претраживачи су обично правоугаоног, 819 00:34:11,423 --> 00:34:13,440 тако да има смисла. 820 00:34:13,440 --> 00:34:18,750 >> ТОМАС Реимерс: Идеја је да су сви ознака у ЦСС 821 00:34:18,750 --> 00:34:21,790 су представљени као правоугаоника. 822 00:34:21,790 --> 00:34:25,699 И сваки правоугаоник има четири делови по ЦСС, у реду? 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 >> Аллисон Буцххолтз-АУ: Можда ваша слика. 826 00:34:30,470 --> 00:34:31,303 >> ТОМАС Реимерс: Да. 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 Дакле овде, шта ћемо да радимо се да ћемо створити неке дивови, у реду? 833 00:34:47,570 --> 00:34:48,420 Извините док ја-- 834 00:34:48,420 --> 00:34:51,506 >> Аллисон Буцххолтз-АУ: Осећам се као требамо ставити слатку слику у. 835 00:34:51,506 --> 00:34:52,520 >> ТОМАС Реимерс: Дефинитивно треба. 836 00:34:52,520 --> 00:34:53,389 >> Аллисон Буцххолтз-АУ: Осећам се као и сви 837 00:34:53,389 --> 00:34:54,870 могао имати користи од слатка слика, то је све. 838 00:34:54,870 --> 00:34:56,774 >> ТОМАС Реимерс: Можемо ли сви имају користи од а-- 839 00:34:56,774 --> 00:34:57,648 >> ПУБЛИКА: Да, наравно. 840 00:34:57,648 --> 00:34:58,790 ТОМАС Реимерс: У реду, кул. 841 00:34:58,790 --> 00:35:02,254 Зато треба да стави сладак фото за негде. 842 00:35:02,254 --> 00:35:05,295 Аллисон Буцххолтз-АУ: Осећам се као сладак зека може бити корисно сада. 843 00:35:05,295 --> 00:35:06,190 ТОМАС Реимерс: Наравно. 844 00:35:06,190 --> 00:35:06,950 Аллисон Буцххолтз-АУ: Крај недеље. 845 00:35:06,950 --> 00:35:07,390 Имам нешто адораб-- 846 00:35:07,390 --> 00:35:08,520 >> ТОМАС Реимерс: Како кажеш мачетом? 847 00:35:08,520 --> 00:35:09,220 >> Аллисон Буцххолтз-АУ: Маче ради, превише. 848 00:35:09,220 --> 00:35:11,300 >> ТОМАС Реимерс: Кул, јер постоји место за то. 849 00:35:11,300 --> 00:35:12,300 То се зове ПлацеКиттен. 850 00:35:12,300 --> 00:35:14,719 Аллисон Буцххолтз-АУ: То је сјајно. 851 00:35:14,719 --> 00:35:15,510 ТОМАС Реимерс: Да. 852 00:35:15,510 --> 00:35:18,040 Аллисон Буцххолтз-АУ: Само за, као, плацехолдер слике у вашем сајту. 853 00:35:18,040 --> 00:35:18,914 ТОМАС Реимерс: Аха. 854 00:35:18,914 --> 00:35:21,520 Ту је ПлацеПуппи. 855 00:35:21,520 --> 00:35:22,832 А ту је и ПлацеБацон. 856 00:35:22,832 --> 00:35:24,340 >> Аллисон Буцххолтз-АУ: ПлацеБацон? 857 00:35:24,340 --> 00:35:25,350 Стварно? 858 00:35:25,350 --> 00:35:28,190 >> ТОМАС Реимерс: О, ми не радимо имају приступ интернету овде. 859 00:35:28,190 --> 00:35:29,875 >> Аллисон Буцххолтз-АУ: [Гроанс] 860 00:35:29,875 --> 00:35:30,375 Трагична. 861 00:35:30,375 --> 00:35:32,333 ТОМАС Реимерс: Иначе, Ја бих вам покажем 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 Ми желимо да ставимо слике киттенс-- 866 00:35:39,820 --> 00:35:40,210 >> Аллисон Буцххолтз-АУ: Јесмо. 867 00:35:40,210 --> 00:35:43,110 >> ТОМАС Реимерс: --Тхе Интернет је на овај тренутак био. 868 00:35:43,110 --> 00:35:47,820 Дакле, имамо два дивови, а ми смо ће им дати два легитимације. 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 Дакле ид = "први". 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 Аллисон Буцххолтз-АУ: Дот или хасх? 875 00:36:09,840 --> 00:36:10,730 ПУБЛИКА: Схарп. 876 00:36:10,730 --> 00:36:12,940 ТОМАС Реимерс: Схарп, савршена. 877 00:36:12,940 --> 00:36:14,950 Оштар, хасх, шта год смо-- 878 00:36:14,950 --> 00:36:15,680 >> Аллисон Буцххолтз-АУ: Много тога можеш да га зову. 879 00:36:15,680 --> 00:36:16,430 >> ТОМАС Реимерс: У реду. 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 >> Аллисон Буцххолтз-АУ: Хасхтаг. 883 00:36:20,735 --> 00:36:22,340 >> ТОМАС Реимерс: Па хаштагот прво. 884 00:36:22,340 --> 00:36:24,506 >> Аллисон Буцххолтз-АУ: Па можете твеет семинар-- 885 00:36:24,506 --> 00:36:27,582 хаштагот ЦСС, хаштагот кул. 886 00:36:27,582 --> 00:36:29,040 ТОМАС Реимерс: Хасхтаг Авесоменесс. 887 00:36:29,040 --> 00:36:30,730 Аллисон Буцххолтз-АУ: Хасхтаг Авесоменесс, да. 888 00:36:30,730 --> 00:36:31,480 ТОМАС Реимерс: У реду. 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 Аллисон Буцххолтз-АУ: Ух, дебело црево. 892 00:36:39,030 --> 00:36:40,281 ТОМАС Реимерс: Аха. 893 00:36:40,281 --> 00:36:42,281 Аллисон Буцххолтз-АУ: Бићу твоје место-цхецкер. 894 00:36:42,281 --> 00:36:43,960 ТОМАС Реимерс: Аллисон је ме. 895 00:36:43,960 --> 00:36:45,830 Бацкгроунд-цолор оф блуе-- 896 00:36:45,830 --> 00:36:46,810 >> ТОМАС Реимерс: Љубичаста! 897 00:36:46,810 --> 00:36:47,726 >> ТОМАС Реимерс: Љубичаста. 898 00:36:47,726 --> 00:36:48,830 Аллисон Буцххолтз-АУ: Да. 899 00:36:48,830 --> 00:36:50,630 Пурпле је моја омиљена боја, а нисмо користили још. 900 00:36:50,630 --> 00:36:51,546 >> ТОМАС Реимерс: Виолет. 901 00:36:51,546 --> 00:36:53,361 Аллисон Буцххолтз-АУ: Виолет. 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 >> ТОМАС Реимерс: Па ми смо ће имати два дивови. 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 И "друга" ће прицала- 910 00:37:10,940 --> 00:37:11,110 >> Аллисон Буцххолтз-АУ: Збогом. 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 Аллисон Буцххолтз-АУ: Видео сам их у спрези друге недеље. 914 00:37:16,580 --> 00:37:17,705 ТОМАС Реимерс: Тхе Беатлес? 915 00:37:17,705 --> 00:37:20,242 Аллисон Буцххолтз-АУ: За реалних бројева. 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 >> ТОМАС Реимерс: Имамо "ХЕЛЛО" и "Збогом." 920 00:37:26,060 --> 00:37:29,102 И опет, ЦСС јуст авесоме, јер препознаје наше боје. 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 >> Аллисон Буцххолтз-АУ: Они постоје. 924 00:37:35,130 --> 00:37:39,560 >> ТОМАС Реимерс: Па ЦСС мислим има 255 речи да разговарамо о боји. 925 00:37:39,560 --> 00:37:42,986 Ако можете смислити боје ван они 255, као, ја ћу бити импресионирани. 926 00:37:42,986 --> 00:37:44,110 Аллисон Буцххолтз-АУ: Да. 927 00:37:44,110 --> 00:37:45,560 Мислим да би можда имати само дођи у праву после. 928 00:37:45,560 --> 00:37:47,727 >> ТОМАС Реимерс: Па овде, видећете да имамо две кутије 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 >> Аллисон Буцххолтз-АУ: Нема простора између. 932 00:37:51,460 --> 00:37:53,390 Они само смоосхед Право на један преко другог. 933 00:37:53,390 --> 00:37:55,973 >> ТОМАС Реимерс: Дакле прва ствар Претпостављам да треба да разговарамо о 934 00:37:55,973 --> 00:38:02,960 хајде да је такође прицала- да. 935 00:38:02,960 --> 00:38:08,020 Тако их ЦСС представља као нека врста кутија. 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 Аллисон Буцххолтз-АУ: Све ове ствари овде 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 са сваке стране, који каже, као, Ок, имате свој кутију цонтент-- 948 00:38:49,600 --> 00:38:51,680 >> Аллисон Буцххолтз-АУ: Да ли желиш да само повуците елемент увид? 949 00:38:51,680 --> 00:38:53,659 >> ТОМАС Реимерс: Да, то је добра идеја. 950 00:38:53,659 --> 00:38:56,700 Аллисон Буцххолтз-АУ: Такође, сматрам да елеменат инспекцију је добар начин 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 >> ТОМАС Реимерс: Па нисам сигуран ако ви можете видети ову боју. 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 >> ПУБЛИКА: Зашто не само користите кутију унутра до-- 961 00:39:20,440 --> 00:39:21,606 >> Аллисон Буцххолтз-АУ: Тако је. 962 00:39:21,606 --> 00:39:24,745 Јер то је само одабир елеменат сада. 963 00:39:24,745 --> 00:39:26,050 >> ТОМАС Реимерс: Аха. 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 Дакле, у ЦСС, мерења Потребно је да имате јединицу. 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 >> Аллисон Буцххолтз-АУ: О, човече. 974 00:39:52,990 --> 00:39:53,460 >> ПУБЛИКА: Вау. 975 00:39:53,460 --> 00:39:54,460 >> ТОМАС и Аллисон: Да. 976 00:39:54,460 --> 00:39:57,840 ТОМАС Реимерс: Па то је све паддинг. 977 00:39:57,840 --> 00:39:59,255 Идем да се вратим у пиксела. 978 00:39:59,255 --> 00:40:01,754 >> Аллисон Буцххолтз-АУ: Пикелс имају тенденцију да буду, као, стандард. 979 00:40:01,754 --> 00:40:04,589 Када погледате много сајтовима, углавном раде у пикселима. 980 00:40:04,589 --> 00:40:07,755 ТОМАС Реимерс: Значи да ћеш видети или пикелс-- они други које видите 981 00:40:07,755 --> 00:40:13,952 је ем, који је један ем је једнака висини од фонта 982 00:40:13,952 --> 00:40:15,160 који тренутно користите. 983 00:40:15,160 --> 00:40:16,201 >> Аллисон Буцххолтз-АУ: Мм. 984 00:40:16,201 --> 00:40:17,574 985 00:40:17,574 --> 00:40:20,740 ТОМАС Реимерс: То је добар начин да се каже, Као, ја желим што више простора мом фонт 986 00:40:20,740 --> 00:40:21,514 је узимање. 987 00:40:21,514 --> 00:40:23,180 Аллисон Буцххолтз-АУ: Нисам знао да. 988 00:40:23,180 --> 00:40:25,747 Можете научити нешто ново сваког дана. 989 00:40:25,747 --> 00:40:27,955 ТОМАС Реимерс: Има Много мерења у ЦС. 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 >> Иоу цан алсо, ја треба да прицала- паддинг Поставља све паддингс. 996 00:40:42,420 --> 00:40:49,789 Такође можете учинити нешто слично "Паддинг" да само договорен-- 997 00:40:49,789 --> 00:40:52,080 Аллисон Буцххолтз-АУ: Можда добићемо наш "здраво" леђа. 998 00:40:52,080 --> 00:40:55,480 ТОМАС Реимерс: --то само сет паддинг на врху и ништа друго. 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 >> Аллисон Буцххолтз-АУ: Као што се и очекује за кутију. 1002 00:41:02,470 --> 00:41:03,530 >> ТОМАС Реимерс: Да. 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 Идем да поставите све су паддингс назад до 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 >> ТОМАС Реимерс: Кул. 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 >> Аллисон Буцххолтз-АУ: И ми имамо ово смешно резолуција телевизор. 1037 00:42:27,967 --> 00:42:29,460 >> ТОМАС Реимерс: Да. 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 >> Аллисон Буцххолтз-АУ: Али стил Можда само мало интересантно. 1045 00:42:45,110 --> 00:42:45,980 >> ТОМАС Реимерс: Да. 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 >> Аллисон Буцххолтз-АУ: И онда, наравно, ја сам 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 да некако прегледати и погледај још хладном ЦСС. 1056 00:43:23,470 --> 00:43:25,954 >> ТОМАС Реимерс: А онда последња ствар, ми смо 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 >> Аллисон Буцххолтз-АУ: То је кул начин да се нагласи ствари или додати 1064 00:43:46,170 --> 00:43:47,545 линије између различитих елемената. 1065 00:43:47,545 --> 00:43:48,670 ТОМАС Реимерс: Апсолутно. 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 Као паддинг маргин је само што се није витхин-- 1069 00:43:55,892 --> 00:43:57,975 Аллисон Буцххолтз-АУ: То је не око елемента 1070 00:43:57,975 --> 00:44:00,840 али у ствари око целе кутија које смо видели. 1071 00:44:00,840 --> 00:44:02,770 >> ТОМАС Реимерс: Да. 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 Аллисон Буцххолтз-АУ: Страва. 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 И ми ћемо добро стварно--, имамо још интернет? 1088 00:44:44,815 --> 00:44:47,860 >> ТОМАС Реимерс: Хајде да видим да ли могу да отворим их-- 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 Аллисон Буцххолтз-АУ: Тако басицалли-- ја не радим 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 В3Сцхоолс је онај који вас момци треба да сте видели раније. 1097 00:45:09,940 --> 00:45:12,440 Препоручујемо га за Много ствари са ЦСС. 1098 00:45:12,440 --> 00:45:15,060 Знам да сам га препоручио да мој секција све време. 1099 00:45:15,060 --> 00:45:21,050 >> Једна од великих ствари је то то омогућава вам да врсти збрке са ЦСС 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 или постављање вхост у вашем локални уређај и локалне домаћин, 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 Тако Волим В3Сцхоолс. 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 >> ТОМАС Реимерс: Да. 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 Или желимо да-- 1118 00:45:56,410 --> 00:46:01,490 >> Аллисон Буцххолтз-АУ: Мислим, добро, то ће такође бити на мрежи. 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 >> ТОМАС Реимерс: Па Опера су људи који праве Фирефок. 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 Тако смо бих-- 1136 00:46:45,530 --> 00:46:48,060 >> Аллисон Буцххолтз-АУ: А онда последња ставка је 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 >> ТОМАС Реимерс: Тако је. 1150 00:47:20,410 --> 00:47:23,120 Чак као сајтовима овако, можете видети 1151 00:47:23,120 --> 00:47:25,460 дефинитивно постоји див на врху. 1152 00:47:25,460 --> 00:47:29,920 И онда имате још један див унутар Овде, која је ЦСС Авесоменесс. 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 бих-- ако је нисте желе иде преко целе странице, могао 1164 00:47:53,499 --> 00:47:56,400 сте направили је прошло преко само пола страна или само текст? 1165 00:47:56,400 --> 00:47:59,660 >> ТОМАС Реимерс: Да, апсолутно. 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 >> Аллисон Буцххолтз-АУ: Па нешто да се угледају је релативна позиционирање. 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 >> ТОМАС Реимерс: Со одсто. 1174 00:48:17,580 --> 00:48:21,524 И видите како смо успели само 50% од ширине? 1175 00:48:21,524 --> 00:48:24,190 Аллисон Буцххолтз-АУ: Ако вас заправо знају број пиксела, 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 >> ТОМАС Реимерс: Па, то је Право у основи 50% сад, мислим. 1181 00:48:35,250 --> 00:48:38,820 То је 50%, а затим маргина је додао да то. 1182 00:48:38,820 --> 00:48:40,100 ЦСС има много хирова. 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 Опет, као што сам рекао, ЦСС може бити много Гуесс-и-проверу. 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 >> Аллисон Буцххолтз-АУ: А ти само се паметнији, 1191 00:48:59,420 --> 00:49:02,020 а ти само добити бољи интуиција за то како се крећете дуж. 1192 00:49:02,020 --> 00:49:02,730 >> ТОМАС Реимерс: И Још је горе и горе. 1193 00:49:02,730 --> 00:49:03,496 Дакле то је заиста само трка. 1194 00:49:03,496 --> 00:49:05,454 >> Аллисон Буцххолтз-АУ: То је супер охрабрујуће. 1195 00:49:05,454 --> 00:49:07,070 Желимо им да воле ЦСС. 1196 00:49:07,070 --> 00:49:08,810 >> ТОМАС Реимерс: ЦСС је страва. 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 >> Аллисон Буцххолтз-АУ: једна ствар. 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 >> ТОМАС Реимерс: Страва. 1203 00:49:15,690 --> 00:49:18,523 >> Аллисон Буцххолтз-АУ: Па, вама ако момци имате неких питања касније, 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 и дефинитивно на Хацкатхон. 1207 00:49:24,280 --> 00:49:25,200 >> ТОМАС Реимерс: Апсолутно. 1208 00:49:25,200 --> 00:49:25,720 И на сајму. 1209 00:49:25,720 --> 00:49:26,560 >> Аллисон Буцххолтз-АУ: И на сајму. 1210 00:49:26,560 --> 00:49:26,840 Ох. 1211 00:49:26,840 --> 00:49:28,130 >> ТОМАС Реимерс: Радујем се видим сву своју авесоме-- 1212 00:49:28,130 --> 00:49:29,420 >> Аллисон Буцххолтз-АУ: Видећемо све ваше страшан сајтове 1213 00:49:29,420 --> 00:49:30,572 да ће бити лепа. 1214 00:49:30,572 --> 00:49:32,780 ТОМАС Реимерс: Увек можеш види, као, Форум 1215 00:49:32,780 --> 00:49:36,234 који је имао, као, добра ЦСС и затим као они који нису покушати да урадим ЦСС. 1216 00:49:36,234 --> 00:49:39,150 Аллисон Буцххолтз-АУ: Такође, још један ствар, још једна ствар да размотри 1217 00:49:39,150 --> 00:49:40,445 је Боотстраппинг. 1218 00:49:40,445 --> 00:49:41,805 Дакле Бутстрап је супер. 1219 00:49:41,805 --> 00:49:42,240 >> ТОМАС Реимерс: Гоогле да ако ти-- 1220 00:49:42,240 --> 00:49:43,573 >> Аллисон Буцххолтз-АУ: Гоогле је. 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 И сада када имате Основно разумевање ЦСС, 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 >> ТОМАС Реимерс: Хвала вам пуно. 1228 00:49:53,330 --> 00:49:54,219