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