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 АЛЛИСОН Бухгольц-AU: Так Мы ў асноўным толькі збіраецца 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 >> Томас Реймерс: Так. 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 >> АЛЛИСОН Бухгольц-AU: Гэта Імя нашага семінара. 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 Калі вы толькі адняць адзін рэч, гэта тое, што CSS, калі дзіўным. 24 00:01:03,090 --> 00:01:06,180 Два гэта CSS азначае Каскадныя табліцы стыляў. 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 АЛЛИСОН Бухгольц-AU: Няма стыль да гэтага часу. 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 АЛЛИСОН Бухгольц-AU: Гэта проста. 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 А потым вось у нас ёсць 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 >> АЛЛИСОН Бухгольц-AU: Так. 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 >> Томас Реймерс: Ой. 50 00:02:09,136 --> 00:02:10,301 Так, вы можаце бачыць. 51 00:02:10,301 --> 00:02:12,092 АЛЛИСОН Бухгольц-AU: І звярніце ўвагу на загаловак 52 00:02:12,092 --> 00:02:14,120 гэта ўкладка загаловак прама тут. 53 00:02:14,120 --> 00:02:17,130 А потым "Hello, World!" з'яўляецца Тэкст, які мы толькі што 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 >> Томас Реймерс: Круто. 63 00:02:40,340 --> 00:02:41,111 Дадаць тып дакумента? 64 00:02:41,111 --> 00:02:42,235 АЛЛИСОН Бухгольц-AU: Так. 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 АЛЛИСОН Бухгольц-AU: Па-відаць, мае мікрафоны не любяць мяне. 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 >> Так адтуль, давайце казаць аб тым, што 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 АЛЛИСОН Бухгольц-AU: Вярнуцца да слайдамі. 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 >> АЛЛИСОН Бухгольц-AU: Ву. 84 00:03:18,720 --> 00:03:19,220 ОК. 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 >> Томас Реймерс: Няма 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 >> АЛЛИСОН Бухгольц-AU: Відавочна, што з 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 >> Томас Реймерс: так давайце выгляд Прааналізуйце гэты. 139 00:05:41,930 --> 00:05:44,210 Дык вы хочаце, каб пачаць з селектарам тут? 140 00:05:44,210 --> 00:05:45,979 >> АЛЛИСОН Бухгольц-AU: Так. 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 >> Томас Реймерс: Які я проста зачыненыя. 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 АЛЛИСОН Бухгольц-AU: Круто. 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 и-- на самай справе, 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 >> Томас Реймерс: Давайце ездзіць гэты дом. 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 >> АЛЛИСОН Бухгольц-AU: Так што гэта ўсё цела, 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 АЛЛИСОН Бухгольц-AU: Акрамя таго, толькі сказаць, быццам бы, адзін з лепшых спосабаў 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 >> Томас Реймерс Абсалютна 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 >> АЛЛИСОН Бухгольц-AU: Я думаю, вы можаце выкарыстоўваць Hex. 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 Такім чынам, вы можаце выкарыстоўваць Hex. 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 АЛЛИСОН Бухгольц-AU: Вы можаце зрабіць дастаткова мала. 209 00:08:37,260 --> 00:08:43,350 Даволі шмат, як і большасць кветак, якія вы можа name-- як, я думаю, ласось з'яўляецца адным. 210 00:08:43,350 --> 00:08:45,322 >> Томас Реймерс: Мы збіраемся паспрабаваць ласося. 211 00:08:45,322 --> 00:08:47,530 АЛЛИСОН Бухгольц-AU: Я думаю, зелянява-жоўтыя знаходзіцца ў там. 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 >> АЛЛИСОН Бухгольц-AU: Вы можа атрымаць даволі творчая. 216 00:08:52,246 --> 00:08:55,750 Маўляў, калі вы можаце думаць аб назву колеру, верагодна, гэта там. 217 00:08:55,750 --> 00:08:57,840 Калі вы сапраўды хочаце добра падрабязна, вы можаце пайсці Hex. 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 Калі вы, хлопцы, памятаеце гэтую спіну са старога PSET, выявы Аднаўленне, 221 00:09:05,280 --> 00:09:08,300 вы, хлопцы, павінны былі мець справу з гэтых шаснаццаткавыя значэння. 222 00:09:08,300 --> 00:09:15,280 І быццам рэзюмаваць, што гэта такое, Hex мае тры значэнні, якія захоўваюцца ў ім. 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 >> Так FF адбываецца ўяўляюць шаснаццатковае 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 АЛЛИСОН Бухгольц-AU: Цалкам дакладна. 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 >> Томас Реймерс: Так. 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 АЛЛИСОН Бухгольц-AU: О, гэта вельмі добра. 244 00:10:07,200 --> 00:10:09,090 Я люблю Color Picker. 245 00:10:09,090 --> 00:10:11,360 >> Томас Реймерс: colorpicker.com з'яўляецца добрым прыкладам. 246 00:10:11,360 --> 00:10:14,580 І вось, вы ўбачыце, што ў вас ёсць поўны Photoshop, як выбар колеру. 247 00:10:14,580 --> 00:10:14,920 >> АЛЛИСОН Бухгольц-AU: Мм-хм. 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 Таму што гэта проста вельмі лёгка спосаб спасылацца рэчы ў CS. 256 00:10:39,590 --> 00:10:40,350 >> АЛЛИСОН Бухгольц-AU: А тут яшчэ 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 >> Томас Реймерс: Allison кажа пра адзін за Adobe называецца Kuler, я думаю. 265 00:11:04,260 --> 00:11:04,885 Гэта К-У-Л-Е-Р. 266 00:11:04,885 --> 00:11:06,259 АЛЛИСОН Бухгольц-AU: Я так думаю. 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 >> АЛЛИСОН Бухгольц-AU: Ох. 270 00:11:13,998 --> 00:11:16,010 >> Томас Реймерс: Што now-- 271 00:11:16,010 --> 00:11:16,860 >> АЛЛИСОН Бухгольц-AU: Ах, гэта прыгожа. 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 >> Вярнуцца да фактычнага CSS. 285 00:11:57,863 --> 00:12:01,112 АЛЛИСОН Бухгольц-AU: Але відавочна, што мы ведаю, што гэтыя спасылкі могуць быць карыснымі. 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 >> АЛЛИСОН Бухгольц-AU: Так. 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 Томас Реймерс: Я на самой справе не ведаць, калі ёсць больш тонкай. 296 00:12:24,140 --> 00:12:24,680 АЛЛИСОН Бухгольц-AU: Я забыўся. 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 гэта заўсёды будзе, як, шрыфт-то. 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 Так што, калі гэта good-- 316 00:13:13,200 --> 00:13:14,424 >> АЛЛИСОН Бухгольц-AU: Назад. 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 Вы не проста хочаце абмяжоўваць сябе прыйдзецца выкарыстаць іншы бягучы 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 АЛЛИСОН Бухгольц-AU: Так. 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 >> Іншы ў нас ёсць гэта ID, які мы пазначым 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 АЛЛИСОН Бухгольц-AU: знак колькасці. 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 І такім жа чынам, што мы проста сказаць, як, клас = "class1 class2," 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 Такім чынам, давайце паглядзім на наш 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 >> АЛЛИСОН Бухгольц-AU: другі. 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 што мы збіраемся find-- 365 00:15:23,067 --> 00:15:24,150 АЛЛИСОН Бухгольц-AU: Ох. 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 >> АЛЛИСОН Бухгольц-AU: І з выдатны жоўты колер. 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 >> АЛЛИСОН Бухгольц-AU: Давайце пачнем з ідэнтыфікатарам. 377 00:15:48,405 --> 00:15:50,405 >> Томас Реймерс: І як з іх з'яўляюцца атрыбутамі. 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 >> АЛЛИСОН Бухгольц-AU: Я як раз збіраўся сказаць, з вашага прыкладу з 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 Томас Реймерс: Там куча атрыбутаў, якія вы ўбачыце. 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 АЛЛИСОН Бухгольц-AU: Гэта буду вельмі асаблівае. 399 00:16:39,950 --> 00:16:42,360 Томас Реймерс: Так што гэта Адзін з іх, у нас ёсць дакумента асаблівае. 400 00:16:42,360 --> 00:16:48,140 Такім чынам, спосаб выбару, што, такім чынам, з'яўляецца у main.css, а не ёсць р тэг, 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 Томас Реймерс: Круто. 406 00:16:59,110 --> 00:17:04,440 Такім чынам, калі мы вернемся, мы see-- воклічы. 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 АЎДЫТОРЫЯ: OK. 415 00:17:16,900 --> 00:17:20,887 І тады тое, што адбудзецца, калі вы затым даць гэта нейкія правілы ў CSS, што канфлікт? 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 >> Такім чынам, замест ID, тое, што вы можна выкарыстоўваць, што вы можаце выкарыстоўваць клас. 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 У гэтым выпадку, наша група называецца Special. 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 АЛЛИСОН Бухгольц-AU: Так. 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 таму што я паставіў хэш ў 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 ОК. 443 00:18:37,270 --> 00:18:39,735 Я сапраўды не ведаю, чаму я хачу зрабіць гэта, але я не магу. 444 00:18:39,735 --> 00:18:42,401 >> АЛЛИСОН Бухгольц-AU: не маглі б рэкамендаваў яго для вашага вэб-сайта. 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 АЛЛИСОН Бухгольц-AU: Ну, жоўты і сіні мае высокія кветак школе. 448 00:18:49,210 --> 00:18:50,947 Я не ведаю, хоць. 449 00:18:50,947 --> 00:18:53,530 Томас Реймерс: Allison хай школа аказала вялікі каляровую схему. 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 АЛЛИСОН Бухгольц-AU: Так, я б назваць гэта, быццам бы, жоўтага або сіняга колеру. 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 Яны павінны быць названыя ў шляху, дзе Вы можаце, 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 Наступная адным збіраецца ёсць "клас = прыгожа." 469 00:19:45,972 --> 00:19:49,180 АЛЛИСОН Бухгольц-AU: І тады вы будзеце Каб дадаць "даволі" да сярэдняй. 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 Ён належыць да двух 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 Па-другое одно-- 484 00:20:22,450 --> 00:20:26,160 >> АЛЛИСОН Бухгольц-AU: --has тлустым шрыфтам жоўты фон з сінім тэкстам. 485 00:20:26,160 --> 00:20:29,330 І наша апошняя проста мае сіні тэкст, які мы прызначылі да яго. 486 00:20:29,330 --> 00:20:30,870 >> Томас Реймерс: Cool? 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 >> АЛЛИСОН Бухгольц-AU: Мы хочам зрабіць казаць пра канфлікт зараз, то? 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 Давайце прадставім, што першы ўсталёўвае што-то like-- 494 00:20:44,740 --> 00:20:47,240 АЛЛИСОН Бухгольц-AU: Можа быць, Гэта адзін змяняе фон? 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 АЛЛИСОН Бухгольц-AU: Вы проста з усе вялікія колеру сёння, Томас. 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 АЛЛИСОН Бухгольц-AU: Давайце паспрабуем гэта. 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 >> АЛЛИСОН Бухгольц-AU: Любая ідэя? 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 >> АЛЛИСОН Бухгольц-AU: Так што гэта дзе каскадныя уступае ў сілу. 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 >> АЛЛИСОН Бухгольц-AU: Так Што б ні ўнізе 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 >> АЛЛИСОН Бухгольц-AU: Ці, можа быць, вы робіце. 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 >> АЛЛИСОН Бухгольц-AU: эксперыментавання. 534 00:22:18,080 --> 00:22:20,090 >> Томас Реймерс: практыка, практыка, практыка і эксперымент. 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 >> Томас Реймерс: Не, не на ўсіх. 543 00:22:40,992 --> 00:22:45,764 >> АЛЛИСОН Бухгольц-AU: Што мае значэнне заказ на працягу вашага CSS стыляў. 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 АЛЛИСОН Бухгольц-AU: У класа, калі вы даеце класы 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 >> Томас Реймерс: гук добры? 552 00:23:06,982 --> 00:23:08,532 >> АЛЛИСОН Бухгольц-AU: Выдатна. 553 00:23:08,532 --> 00:23:11,539 >> Томас Реймерс: А потым мы будзем працягваць to-- 554 00:23:11,539 --> 00:23:13,330 АЛЛИСОН Бухгольц-AU: Што ж мы маем наступны? 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 >> АЛЛИСОН Бухгольц-AU: О, мы атрымліваем, каб аб'яднаць селектары. 561 00:23:22,790 --> 00:23:25,260 Томас Реймерс: Такім чынам, некаторыя прыкладаў у нас ёсць 562 00:23:25,260 --> 00:23:29,630 # Dog-- фунт, або хэштэг, або знак колькасці, або што-то 563 00:23:29,630 --> 00:23:32,050 Вы хочаце патэлефанаваць that-- рэзкім. 564 00:23:32,050 --> 00:23:34,875 >> АЛЛИСОН Бухгольц-AU: Sharp сабака. 565 00:23:34,875 --> 00:23:36,470 >> Томас Реймерс: Тады ў вас ёсць .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 >> АЛЛИСОН Бухгольц-AU: Я адчуваю, што гэта 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 >> Томас Реймерс: Такім чынам, давайце ўявім, што мы толькі хачу, каб вылучыць тэкст 2, дакладна? 582 00:24:14,030 --> 00:24:16,530 Такім чынам, мы, безумоўна, не можа зрабіць гэта з ідэнтыфікатарам. 583 00:24:16,530 --> 00:24:19,620 Ну, мы маглі б зрабіць гэта з ID, але гэта не мае ID. 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 АЛЛИСОН Бухгольц-AU: Так Гэты від з'яўляецца больш карысным, 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 >> Томас Реймерс: Ці вы маглі б знайсці 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 >> АЛЛИСОН Бухгольц-AU: Добра для тых відаў выключэнняў. 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 АЛЛИСОН Бухгольц-AU: Мы ўжо амаль там. 632 00:26:31,400 --> 00:26:34,022 Томас Реймерс: І гэта спыніў падключэння. 633 00:26:34,022 --> 00:26:36,494 АЛЛИСОН Бухгольц-AU: О, няма. 634 00:26:36,494 --> 00:26:39,125 АЛЛИСОН Бухгольц-AU: CS на Office, Internet ідзе ўніз. 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 АЛЛИСОН Бухгольц-AU: Дакладна. 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 >> АЛЛИСОН Бухгольц-AU: І у асноўным, тое, што гэта азначае, 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 Томас Реймерс: Так што я думаю, як думаць 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 АЛЛИСОН Бухгольц-AU: Круто. 669 00:28:14,460 --> 00:28:16,420 Томас Реймерс: Coo-- давайце Ехаць клас даволі. 670 00:28:16,420 --> 00:28:16,930 Чаму не? 671 00:28:16,930 --> 00:28:17,971 >> АЛЛИСОН Бухгольц-AU: OK. 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 І калі мы робім this-- 676 00:28:28,760 --> 00:28:29,620 >> АЛЛИСОН Бухгольц-AU: Вы хочаце, каб дадаць тэкст 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 АЛЛИСОН Бухгольц-AU: Таму што права Цяпер мы проста збіраемся нічога не атрымаеце. 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 І цяпер тое, што мы збіраемся зрабіць гэта, мы збіраемся зрабіць 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 АЛЛИСОН Бухгольц-AU: Ці можам мы зрабіць яго больш? 695 00:29:12,180 --> 00:29:13,800 Томас Реймерс: Давайце дамо яму мяжы. 696 00:29:13,800 --> 00:29:14,840 АЛЛИСОН Бухгольц-AU: Мы маглі б мяжы. 697 00:29:14,840 --> 00:29:15,673 Томас Реймерс: Так. 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 На дадзены момент-- 701 00:29:21,470 --> 00:29:24,592 >> АЛЛИСОН Бухгольц-AU: Для мадэлі скрынкі. 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 >> АЛЛИСОН Бухгольц-AU: Наш сайт так даволі. 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 Ну, тое, што вы можаце зрабіць, гэта вы магу сказаць .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 АЛЛИСОН Бухгольц-AU: Так што іншы спосаб што можа быць добра думаць пра гэта, 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 АЛЛИСОН Бухгольц-AU: парадак? 731 00:30:56,423 --> 00:30:59,320 АЎДЫТОРЫЯ: --Обслуживание клас у CSS у .cool, прастору, .special? 732 00:30:59,320 --> 00:31:01,153 АЛЛИСОН Бухгольц-AU: Ды таму, што тады 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 >> Томас Реймерс: Калі мы сказалі, што? 737 00:31:10,318 --> 00:31:10,906 Выбачайце. 738 00:31:10,906 --> 00:31:12,660 >> АЛЛИСОН Бухгольц-AU: Калі мы Сфера яму астыць, а затым 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 >> АЛЛИСОН Бухгольц-AU: Гэта не будзе? 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 >> Томас Реймерс: Так прычына гэта 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 АЛЛИСОН Бухгольц-AU: Хм. 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 >> Томас Реймерс: Так што не абярэ нічога. 758 00:31:53,310 --> 00:31:56,530 >> АЛЛИСОН Бухгольц-AU: У той час як з адмысловае, мы ў гэтых тэгах тут. 759 00:31:56,530 --> 00:31:57,971 >> Томас Реймерс: тыя і тыя. 760 00:31:57,971 --> 00:31:58,512 АЎДЫТОРЫЯ: OK. 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 АЛЛИСОН Бухгольц-AU: Так. 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 >> АЛЛИСОН Бухгольц-AU: У той час як крута толькі ў гэтых біркай там. 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 Вы пытаецеся, што гэта крута і 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 АЎДЫТОРЫЯ: OK. 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 Так што з выгляду then-- 791 00:33:00,426 --> 00:33:01,800 >> АЛЛИСОН Бухгольц-AU: Я думаю, што наша апошняя Справа ў тым, (у маскарадных брытанскім акцэнтам) 792 00:33:01,800 --> 00:33:02,510 Мадэль акно. 793 00:33:02,510 --> 00:33:05,992 >> Томас Реймерс: box-- [хіхікае] Мне падабаецца, як Элісан кажа, што. 794 00:33:05,992 --> 00:33:06,950 Так блокавую мадэль рэчы. 795 00:33:06,950 --> 00:33:09,644 >> АЛЛИСОН Бухгольц-AU: Проста скрынка, я буду ваша мадэль акно. 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 У цяперашні час, вы, хлопцы, напэўна, як, майстры 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 >> Томас Реймерс: Гэта прастакутнік, праўда? 810 00:33:49,040 --> 00:33:50,956 >> АЛЛИСОН Бухгольц-AU: Быў не пытанне з падвохам. 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 >> АЛЛИСОН Бухгольц-AU: Я маю на ўвазе, браўзэры звычайна маюць прамавугольнае, 819 00:34:11,423 --> 00:34:13,440 так што мае сэнс. 820 00:34:13,440 --> 00:34:18,750 >> Томас Реймерс: ідэя тут што ўсе тэгі ўнутры 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 >> АЛЛИСОН Бухгольц-AU: Можа быць, ваша карціна. 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 >> АЛЛИСОН Бухгольц-AU: Я адчуваю, як мы павінны паставіць мілы здымак ст. 835 00:34:51,506 --> 00:34:52,520 >> Томас Реймерс: Мы, безумоўна, павінна быць. 836 00:34:52,520 --> 00:34:53,389 >> АЛЛИСОН Бухгольц-AU: Я адчуваю, як усе 837 00:34:53,389 --> 00:34:54,870 маглі б выйграць ад мілы карціна, вось і ўсё. 838 00:34:54,870 --> 00:34:56,774 >> Томас Реймерс: Ці можам мы усе выгады ад a-- 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 АЛЛИСОН Бухгольц-AU: Я адчуваю, як мілы зайчык можа быць карысна прама цяпер. 843 00:35:05,295 --> 00:35:06,190 Томас Реймерс: Вядома. 844 00:35:06,190 --> 00:35:06,950 АЛЛИСОН Бухгольц-AU: Канец тыдня. 845 00:35:06,950 --> 00:35:07,390 Ёсць што adorab-- 846 00:35:07,390 --> 00:35:08,520 >> Томас Реймерс: Як наконт кацяняці? 847 00:35:08,520 --> 00:35:09,220 >> АЛЛИСОН Бухгольц-AU: Кацяня працуе, таксама. 848 00:35:09,220 --> 00:35:11,300 >> Томас Реймерс: Круто, таму што ёсць месца для гэтага. 849 00:35:11,300 --> 00:35:12,300 Гэта называецца PlaceKitten. 850 00:35:12,300 --> 00:35:14,719 АЛЛИСОН Бухгольц-AU: Гэта выдатна. 851 00:35:14,719 --> 00:35:15,510 Томас Реймерс: Так. 852 00:35:15,510 --> 00:35:18,040 АЛЛИСОН Бухгольц-AU: Проста для, як, запаўняльнікі выявы на вэб-сайт. 853 00:35:18,040 --> 00:35:18,914 Томас Реймерс: Мм-хм. 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 >> АЛЛИСОН Бухгольц-AU: PlaceBacon? 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 >> АЛЛИСОН Бухгольц-AU: [Стогны] 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 Мы хочам пакласці фатаграфіі kittens-- 866 00:35:39,820 --> 00:35:40,210 >> АЛЛИСОН Бухгольц-AU: Мы зрабілі. 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 Так 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 АЛЛИСОН Бухгольц-AU: Dot або хэш? 875 00:36:09,840 --> 00:36:10,730 АЎДЫТОРЫЯ: Sharp. 876 00:36:10,730 --> 00:36:12,940 Томас Реймерс: Sharp, ідэальна. 877 00:36:12,940 --> 00:36:14,950 Sharp, хэш, незалежна we-- 878 00:36:14,950 --> 00:36:15,680 >> АЛЛИСОН Бухгольц-AU: Шмат рэчаў, каб назваць яго. 879 00:36:15,680 --> 00:36:16,430 >> Томас Реймерс: OK. 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 >> АЛЛИСОН Бухгольц-AU: хэштэгу. 883 00:36:20,735 --> 00:36:22,340 >> Томас Реймерс: Так хэштэг ў першую чаргу. 884 00:36:22,340 --> 00:36:24,506 >> АЛЛИСОН Бухгольц-AU: Так Вы можаце цвіркалі seminar-- 885 00:36:24,506 --> 00:36:27,582 хэштэгу CSS, хэштэг халаднавата. 886 00:36:27,582 --> 00:36:29,040 Томас Реймерс: хэштэгу Awesomeness. 887 00:36:29,040 --> 00:36:30,730 АЛЛИСОН Бухгольц-AU: Хэштэгу Awesomeness, так. 888 00:36:30,730 --> 00:36:31,480 Томас Реймерс: OK. 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 АЛЛИСОН Бухгольц-AU: Ну, тоўстай кішкі. 892 00:36:39,030 --> 00:36:40,281 Томас Реймерс: Так. 893 00:36:40,281 --> 00:36:42,281 АЛЛИСОН Бухгольц-AU: Я буду тваім спот-праверкі. 894 00:36:42,281 --> 00:36:43,960 Томас Реймерс: Allison атрымаў мяне. 895 00:36:43,960 --> 00:36:45,830 Фон-колер blue-- 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 АЛЛИСОН Бухгольц-AU: Так. 899 00:36:48,830 --> 00:36:50,630 Purple мой любімы колер, і мы не выкарыстоўвалі яго яшчэ. 900 00:36:50,630 --> 00:36:51,546 >> Томас Реймерс: Вайолет. 901 00:36:51,546 --> 00:36:53,361 АЛЛИСОН Бухгольц-AU: Вайолет. 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 І "другі" будзе say-- 910 00:37:10,940 --> 00:37:11,110 >> АЛЛИСОН Бухгольц-AU: Да пабачэння. 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 АЛЛИСОН Бухгольц-AU: я бачыў іх у канцэрце ў два тыдні. 914 00:37:16,580 --> 00:37:17,705 Томас Реймерс: The Beatles? 915 00:37:17,705 --> 00:37:20,242 АЛЛИСОН Бухгольц-AU: Для лікаў. 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 >> Томас Реймерс: У нас ёсць "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 >> АЛЛИСОН Бухгольц-AU: яны існуюць. 924 00:37:35,130 --> 00:37:39,560 >> Томас Реймерс: Так CSS Я думаю, мае 255 слоў, каб гаварыць аб колеры. 925 00:37:39,560 --> 00:37:42,986 Калі вы можаце думаць аб колеры па-за тыя 255, як я буду ўражаны. 926 00:37:42,986 --> 00:37:44,110 АЛЛИСОН Бухгольц-AU: Так. 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 >> АЛЛИСОН Бухгольц-AU: Там няма месца паміж імі. 932 00:37:51,460 --> 00:37:53,390 Яны проста smooshed Права на верхняй частцы адзін аднаго. 933 00:37:53,390 --> 00:37:55,973 >> Томас Реймерс: Такім чынам, першае, Я думаю, мы павінны гаварыць аб 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 АЛЛИСОН Бухгольц-AU: Усе гэтыя рэчы тут 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 >> АЛЛИСОН Бухгольц-AU: Вы хочаце проста падцягнуць інспектаваць элемент? 949 00:38:51,680 --> 00:38:53,659 >> Томас Реймерс: Так, гэта добрая ідэя. 950 00:38:53,659 --> 00:38:56,700 АЛЛИСОН Бухгольц-AU: Акрамя таго, я лічу, што праверыць элемент добры спосаб 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 >> Зала: А чаму б табе проста выкарыстоўваць рамку ў the-- 961 00:39:20,440 --> 00:39:21,606 >> АЛЛИСОН Бухгольц-AU: Дакладна. 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 Такім чынам, у 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 >> АЛЛИСОН Бухгольц-AU: О, хлопчык. 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 >> АЛЛИСОН Бухгольц-AU: Пікселі як правіла, быць, як, стандарту. 979 00:40:01,754 --> 00:40:04,589 Калі вы глядзіце на шмат вэб-сайтаў, яны ў асноўным працуюць у пікселях. 980 00:40:04,589 --> 00:40:07,755 Томас Реймерс: Так што вы збіраецеся, каб убачыць альбо pixels-- іншыя тыя, якія вы бачыце 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 >> АЛЛИСОН Бухгольц-AU: мм. 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 АЛЛИСОН Бухгольц-AU: Не ведаю, што. 988 00:40:23,180 --> 00:40:25,747 Вы даведаецеся нешта новае кожны дзень. 989 00:40:25,747 --> 00:40:27,955 Томас Реймерс: Ёсць шмат вымярэнняў у 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-- так абіўка ўсталёўвае ўсе пракладак. 996 00:40:42,420 --> 00:40:49,789 Вы таксама можаце зрабіць нешта накшталт "Абіўка-топ" проста set-- 997 00:40:49,789 --> 00:40:52,080 АЛЛИСОН Бухгольц-AU: Можа быць, мы атрымаем наш "прывітанне" назад. 998 00:40:52,080 --> 00:40:55,480 Томас Реймерс: --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 >> АЛЛИСОН Бухгольц-AU: Гэтак жа, як можна было б чакаць скрынцы. 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 >> АЛЛИСОН Бухгольц-AU: І ў нас ёсць гэта смешна дазволам тэлевізара. 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 >> АЛЛИСОН Бухгольц-AU: Але стыль можа быць толькі крыху цікавей. 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 >> АЛЛИСОН Бухгольц-AU: І тады, вядома, я 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 >> Томас Реймерс: А потым І апошняе, што мы 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 >> АЛЛИСОН Бухгольц-AU: Гэта выдатна спосаб падкрэсліць тое, ці дадаць 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 Як абіўка маржа ў Акрамя гэта не within-- 1069 00:43:55,892 --> 00:43:57,975 АЛЛИСОН Бухгольц-AU: Гэта не вакол элемента 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 АЛЛИСОН Бухгольц-AU: Awesome. 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 >> Томас Реймерс: Давайце ўбачыць, калі я магу адкрыць 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 АЛЛИСОН Бухгольц-AU: Так 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 або стварэнне віртуальны хост ў вашым лакальным прыладзе і лакальны хост, 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 >> Томас Реймерс: Так. 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 >> АЛЛИСОН Бухгольц-AU: Я маю на ўвазе, Ну, гэта таксама будзе онлайн. 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 Гэта, як, адзін з Любыя спасылкі Tomas-х гадоў. 1130 00:46:27,240 --> 00:46:30,130 Мы выкарыстоўвалі яго падрыхтоўчы, і гэта неверагодна. 1131 00:46:30,130 --> 00:46:33,030 Гэта распрацоўніка Mozilla. 1132 00:46:33,030 --> 00:46:36,490 >> Томас Реймерс: Так Mozilla з'яўляюцца людзі, якія робяць 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 >> АЛЛИСОН Бухгольц-AU: А потым Апошняе заўвагу 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 ёсць вызначана DIV на самым версе. 1152 00:47:25,460 --> 00:47:29,920 І тады ў вас ёсць іншы DIV ўнутры Тут, што ВУС 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 >> Томас Реймерс: Так, абсалютна. 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 >> АЛЛИСОН Бухгольц-AU: Так-то каб паглядзець гэта адноснае пазіцыянаванне. 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 АЛЛИСОН Бухгольц-AU: Калі вы на самай справе ведаем колькасць пікселяў, 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 CSS мае шмат дзівацтваў. 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 >> АЛЛИСОН Бухгольц-AU: І вы проста разумнейшы, 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 >> АЛЛИСОН Бухгольц-AU: Гэта супер абнадзейлівымі. 1195 00:49:05,454 --> 00:49:07,070 Мы хочам, каб падабаецца CSS. 1196 00:49:07,070 --> 00:49:08,810 >> Томас Реймерс: 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 >> АЛЛИСОН Бухгольц-AU: адна справа. 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 >> Томас Реймерс: Awesome. 1203 00:49:15,690 --> 00:49:18,523 >> АЛЛИСОН Бухгольц-AU: Ну, калі вы хлопцы, ёсць якія-небудзь пытанні пазней, 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 >> Томас Реймерс: Цалкам дакладна. 1208 00:49:25,200 --> 00:49:25,720 І на кірмашы. 1209 00:49:25,720 --> 00:49:26,560 >> АЛЛИСОН Бухгольц-AU: І на кірмашы. 1210 00:49:26,560 --> 00:49:26,840 Ох. 1211 00:49:26,840 --> 00:49:28,130 >> Томас Реймерс: Паглядзіце наперад да праглядзець увесь awesome-- 1212 00:49:28,130 --> 00:49:29,420 >> АЛЛИСОН Бухгольц-AU: Мы ўбачым, усе вашыя дзіўныя вэб-сайтаў 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 хто меў, быццам бы, добра CSS, а затым як тыя, хто не спрабаваў рабіць CSS. 1216 00:49:36,234 --> 00:49:39,150 АЛЛИСОН Бухгольц-AU: Акрамя таго, іншая рэч, яшчэ адна рэч, каб паглядзець у 1217 00:49:39,150 --> 00:49:40,445 стартуе з. 1218 00:49:40,445 --> 00:49:41,805 Так Bootstrap гэта выдатна. 1219 00:49:41,805 --> 00:49:42,240 >> Томас Реймерс: Google, што калі you-- 1220 00:49:42,240 --> 00:49:43,573 >> АЛЛИСОН Бухгольц-AU: 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 >> Томас Реймерс: Дзякуй так шмат. 1228 00:49:53,330 --> 00:49:54,219