1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:04,500 >> [Muzikos grojimo] 3 00:00:04,500 --> 00:00:10,099 4 00:00:10,099 --> 00:00:12,224 ALLISON Buchholtz-AS: Taigi mes iš esmės tik vyksta 5 00:00:12,224 --> 00:00:14,629 suteikti jums suniokota CSS, nes mes žinome, 6 00:00:14,629 --> 00:00:16,420 kad ji nebuvo taikoma visose sekcijas. 7 00:00:16,420 --> 00:00:20,090 Ir mes tikrai norime įsitikinti, kad jūs vaikinai turi šį įrankį savo žinioje, 8 00:00:20,090 --> 00:00:24,790 nes ji turi galimybę, kad jūsų tinklapis atrodo daug gražiau. 9 00:00:24,790 --> 00:00:28,660 >> Ir jei jūs sukurti svetainę, tada jūs tikriausiai norite, kad ji gana. 10 00:00:28,660 --> 00:00:31,372 Aš turiu galvoje, jūs neturite, bet aš siūlau ją. [Juokiasi] 11 00:00:31,372 --> 00:00:35,430 Jei norite, kad vartotojai jį naudoti, jums gali noriu, kad ji šiek tiek [nesigirdi]. 12 00:00:35,430 --> 00:00:39,130 Taigi mes ketiname išbandyti ir duoti jums tiesiog keletas pagrindinių įrankių ir supratimas, 13 00:00:39,130 --> 00:00:42,340 kad, kai jūs einate ir jūs tiriant dalykų apie CSS, 14 00:00:42,340 --> 00:00:45,902 tai nėra baigti svaičiojimas, kaip CSS kartais būtų. 15 00:00:45,902 --> 00:00:47,240 >> TOMAS REIMERS: Taip. 16 00:00:47,240 --> 00:00:49,930 Allison sakė, kad gana gerai. 17 00:00:49,930 --> 00:00:53,250 Taigi, manau, pirmas dalykas, kurį turėtų prasidėti yra tai, kas atitinka CSS? 18 00:00:53,250 --> 00:00:55,750 Taigi CSS yra nuostabus. 19 00:00:55,750 --> 00:00:56,250 CSS-- 20 00:00:56,250 --> 00:00:58,320 >> ALLISON Buchholtz-AS: Tai mūsų seminaro pavadinimą. 21 00:00:58,320 --> 00:00:58,434 >> TOMAS REIMERS: Taip. 22 00:00:58,434 --> 00:01:00,130 Tai tikrai svarbu, kad Jūs suprantate, kad tada. 23 00:01:00,130 --> 00:01:03,090 Jei tik atims vieną dalykas, tai, kad CSS, jei nuostabus. 24 00:01:03,090 --> 00:01:06,180 Du yra CSS stendai Kaskadiniai stiliai. 25 00:01:06,180 --> 00:01:10,380 Taigi jos branduolys, CSS stilių, o tai reiškia, 26 00:01:10,380 --> 00:01:13,200 jis leidžia jums stiliaus tinklalapį. 27 00:01:13,200 --> 00:01:16,609 Ir tada, ką tai reiškia, tai būdas pridėti stilių į savo svetaines. 28 00:01:16,609 --> 00:01:18,900 Taigi pagal stilių, mes turime omenyje viską kad ne taip structural-- 29 00:01:18,900 --> 00:01:24,350 taip tokie dalykai kaip spalvos, fonas vaizdai, sienos, kaip, apdaila, 30 00:01:24,350 --> 00:01:25,040 maržos. 31 00:01:25,040 --> 00:01:27,310 Mes kalbame apie tai, ką visa tai reiškia šiek tiek. 32 00:01:27,310 --> 00:01:30,110 >> Taigi mes tiesiog nuėjo į priekį ir atidaryti tiek iš tų, sudaryta gedit. 33 00:01:30,110 --> 00:01:32,680 Taigi tai yra index.html. 34 00:01:32,680 --> 00:01:34,800 Ir tai main.css. 35 00:01:34,800 --> 00:01:36,829 Taigi main.css nieko. 36 00:01:36,829 --> 00:01:38,412 ALLISON Buchholtz-AS: Nėra stilius iki šiol. 37 00:01:38,412 --> 00:01:39,245 TOMAS REIMERS: Nėra. 38 00:01:39,245 --> 00:01:42,577 Ir kaip jūs pamatysite, kad tai tikrai negraži svetainėje. 39 00:01:42,577 --> 00:01:44,160 ALLISON Buchholtz-AS: Tai tiesiog. 40 00:01:44,160 --> 00:01:45,820 TOMAS REIMERS: Taip. 41 00:01:45,820 --> 00:01:49,150 Taip, tai nėra negraži, tai tik minimalistinis. 42 00:01:49,150 --> 00:01:53,430 Ir tada čia mes turime index.html. 43 00:01:53,430 --> 00:01:55,729 Ir dėl to greitai Priminti HTML, Allison, 44 00:01:55,729 --> 00:01:57,270 norite tiesiog pasikalbėti apie puslapį? 45 00:01:57,270 --> 00:01:58,395 >> ALLISON Buchholtz-AS: Taip. 46 00:01:58,395 --> 00:02:01,100 Taigi akivaizdu, kad mes turime HTML žymeles, kurios tik pavadinimai HTML byla. 47 00:02:01,100 --> 00:02:07,080 Mes turime antraštę čia su CSS Nuostabumo, which-- jei grįžti. 48 00:02:07,080 --> 00:02:07,720 Kur tai yra? 49 00:02:07,720 --> 00:02:09,136 >> TOMAS REIMERS: O. 50 00:02:09,136 --> 00:02:10,301 Taip, jūs galite pamatyti. 51 00:02:10,301 --> 00:02:12,092 ALLISON Buchholtz-AS: Ir pastebėsite antraštę 52 00:02:12,092 --> 00:02:14,120 tai skirtukas antraštės dešinėje čia. 53 00:02:14,120 --> 00:02:17,130 Ir tada "Sveikas, pasauli!" yra tekstas, kad mes turime tik 54 00:02:17,130 --> 00:02:19,620 rodyti internete puslapis, kuris is-- grįžti. 55 00:02:19,620 --> 00:02:21,290 Atgal. 56 00:02:21,290 --> 00:02:24,287 Kuris yra tik mūsų kūno here-- paprastą tekstą. 57 00:02:24,287 --> 00:02:26,120 Be to, vienas dalykas, pastebėsite, jei peržvelgsite čia 58 00:02:26,120 --> 00:02:29,410 Tomas įjungtas iki jų du iš mūsų skaidrę. 59 00:02:29,410 --> 00:02:32,035 Taigi, kaip ilgai, kaip jūs turite visus trys iš jų, jūs gerai. 60 00:02:32,035 --> 00:02:34,044 Jie gali būti bet kokia tvarka jie nori. 61 00:02:34,044 --> 00:02:39,368 Kas svarbiausia yra tik tai, kad jūs turite kiekvieną iš šių trijų dalykų. 62 00:02:39,368 --> 00:02:40,340 >> TOMAS REIMERS: cool. 63 00:02:40,340 --> 00:02:41,111 Pridėti doc tipą? 64 00:02:41,111 --> 00:02:42,235 ALLISON Buchholtz-AS: Taip. 65 00:02:42,235 --> 00:02:43,068 TOMAS REIMERS: Taip. 66 00:02:43,068 --> 00:02:43,769 Nemokama. 67 00:02:43,769 --> 00:02:46,102 ALLISON Buchholtz-AS: Matyt, Mano mikrofonai nepatinka man. 68 00:02:46,102 --> 00:02:49,650 TOMAS REIMERS: O, mums sek tik o Allison persijungia iš jos mikrofoną. 69 00:02:49,650 --> 00:02:50,500 Taigi taip. 70 00:02:50,500 --> 00:02:52,030 Taigi, mes turime pagrindinį puslapį. 71 00:02:52,030 --> 00:02:53,890 Tai tipo unstyled. 72 00:02:53,890 --> 00:02:54,780 Neturime daug. 73 00:02:54,780 --> 00:02:57,110 Mes tiesiog turime iš esmės tekstą. 74 00:02:57,110 --> 00:02:59,470 Mes turime stiliaus lapą. 75 00:02:59,470 --> 00:03:00,220 Mes turime titulą. 76 00:03:00,220 --> 00:03:04,020 Taigi tik plikas be kaulų komponentai padaryti svetainę. 77 00:03:04,020 --> 00:03:08,880 >> Taigi iš ten, tegul kalbėti apie tai, ką CSS 78 00:03:08,880 --> 00:03:11,270 ir kaip jis atrodo ir visa tai. 79 00:03:11,270 --> 00:03:12,047 Taigi that-- 80 00:03:12,047 --> 00:03:13,755 ALLISON Buchholtz-AS: Grįžti į skaidres. 81 00:03:13,755 --> 00:03:15,200 TOMAS REIMERS: Atgal į skaidres. 82 00:03:15,200 --> 00:03:17,240 Ir Allison gali perimti. 83 00:03:17,240 --> 00:03:18,720 >> ALLISON Buchholtz-AS: Woo. 84 00:03:18,720 --> 00:03:19,220 Gerai. 85 00:03:19,220 --> 00:03:22,360 Taigi jūsų CSS failą, jūs ketinate turėti 86 00:03:22,360 --> 00:03:25,010 Šių dalykų vadinamas selektoriai. 87 00:03:25,010 --> 00:03:27,420 Tai bus tik pagrindas savo CSS failą. 88 00:03:27,420 --> 00:03:29,480 Tai tiesiog bus daug ir daug iš jų. 89 00:03:29,480 --> 00:03:30,780 Taigi selektorius. 90 00:03:30,780 --> 00:03:32,649 Tai tik bendras anatomija. 91 00:03:32,649 --> 00:03:35,190 Mes ketiname eiti per pavyzdžiai, nes jei jus vaikinai niekada 92 00:03:35,190 --> 00:03:38,400 stebėjo mano skyrių, manau, panašių dalykų abstrakčiai 93 00:03:38,400 --> 00:03:39,400 neturi prasmės. 94 00:03:39,400 --> 00:03:41,110 Jis visada padeda pamatyti pavyzdžius. 95 00:03:41,110 --> 00:03:42,420 >> Taigi, mes turime tam tikrą valdiklį. 96 00:03:42,420 --> 00:03:49,120 Tai ketina būti kai kurie identifikatorius ką mes norime stilius taikyti. 97 00:03:49,120 --> 00:03:52,220 Ir tada mes galime turėti bet nustatyti taisykles ir vertybes. 98 00:03:52,220 --> 00:03:55,680 Taigi selektoriai, kad jūs galite pamatyti gali būti kažkas panašaus į kūną, 99 00:03:55,680 --> 00:04:00,262 arba dalis su P, arba antraštė, ar kas, 100 00:04:00,262 --> 00:04:02,000 kas norite, kad jūsų HTML žymes būti. 101 00:04:02,000 --> 00:04:03,570 >> Taigi, šiuo atveju, turime kūną. 102 00:04:03,570 --> 00:04:06,985 Ir mes turime tam tikrą taisyklę, kuris tai atitinka 103 00:04:06,985 --> 00:04:09,610 į tai, ką jūsų stilius taikoma. 104 00:04:09,610 --> 00:04:12,720 Taigi, šiuo atveju, turime fono spalva ir šrifto svorio. 105 00:04:12,720 --> 00:04:16,200 Taigi, tai ketina keisti nieko fonas 106 00:04:16,200 --> 00:04:19,640 per bet kurį kūno žymę mūsų HTML failą. 107 00:04:19,640 --> 00:04:22,810 Ir jis ketina duoti tai šis šviesos mėlyna vertė. 108 00:04:22,810 --> 00:04:24,820 >> Taigi jis ketina padaryti fonas šviesiai mėlyna. 109 00:04:24,820 --> 00:04:28,660 Ir tada nieko per organizme yra teks šrifto svorio drąsus. 110 00:04:28,660 --> 00:04:31,142 Taigi tai tik ketina drąsus visi mūsų tekste. 111 00:04:31,142 --> 00:04:32,970 Ir tai tik viena selektorius. 112 00:04:32,970 --> 00:04:34,680 Tačiau jums gali turėti labai daug. 113 00:04:34,680 --> 00:04:38,730 Ir kaip mes ketiname parodyti vėliau, šiek tiek daugiau į tai, kaip 114 00:04:38,730 --> 00:04:40,709 kad darbai ir daugiau pavyzdžių ten. 115 00:04:40,709 --> 00:04:41,750 Viskas, ką jūs norite pridėti? 116 00:04:41,750 --> 00:04:42,499 >> TOMAS REIMERS: Ne 117 00:04:42,499 --> 00:04:43,500 Allison gavo jį. 118 00:04:43,500 --> 00:04:46,144 Mes tiesiog ketiname sumažinti iki pavyzdys čia mūsų pavyzdyje svetainėje. 119 00:04:46,144 --> 00:04:47,310 Taigi leiskite tikrųjų į tai. 120 00:04:47,310 --> 00:04:48,620 Tai tobula. 121 00:04:48,620 --> 00:04:54,460 Taigi, aš tik ketina kopijuoti ir įklijuoti kad teisė į mūsų main.css failą. 122 00:04:54,460 --> 00:04:56,530 Ir aš ruošiuosi jį išsaugoti. 123 00:04:56,530 --> 00:04:59,190 Ir tada mes ją paleisti. 124 00:04:59,190 --> 00:05:01,600 Taigi šalutinis dėmesį, vienas iš labiausiai varginantis dalykų 125 00:05:01,600 --> 00:05:04,490 yra, jei jūs neturite išsaugoti failą, ir tada jums, kaip, perkraukite puslapį, 126 00:05:04,490 --> 00:05:07,450 ir kaip, kodėl nėra pokytis vyksta? 127 00:05:07,450 --> 00:05:07,950 Taip atsitinka. 128 00:05:07,950 --> 00:05:14,230 Taigi čia mes pamatėme, kad mes padarėme mūsų svetainė šviesiai mėlyna fonas 129 00:05:14,230 --> 00:05:16,560 ir kai paryškinti tekstą. 130 00:05:16,560 --> 00:05:20,730 >> Taip pat norėčiau paminėti, jei jūs vaikinai turite klausimų apie viską 131 00:05:20,730 --> 00:05:23,622 mes darome, prašome teisę sustabdyti mumis ir kreipkitės į mus. 132 00:05:23,622 --> 00:05:25,330 Mes visiškai pasirengęs prie lauko klausimus. 133 00:05:25,330 --> 00:05:27,951 134 00:05:27,951 --> 00:05:31,930 >> ALLISON Buchholtz-AS: Akivaizdu, kad su CSS, viskas remiasi pati. 135 00:05:31,930 --> 00:05:34,107 Taigi, jei vienas dalykas nėra prasmės dabar mes 136 00:05:34,107 --> 00:05:35,690 nenoriu, kad į pelkė tave vėliau. 137 00:05:35,690 --> 00:05:38,390 138 00:05:38,390 --> 00:05:41,930 >> TOMAS REIMERS: tad rūšies perpjauti tai. 139 00:05:41,930 --> 00:05:44,210 Taigi jūs norite pradėti su selektorių čia? 140 00:05:44,210 --> 00:05:45,979 >> ALLISON Buchholtz-AS: Taip. 141 00:05:45,979 --> 00:05:48,270 Kaip jau sakiau anksčiau, kūno yra tik mūsų selektorių čia. 142 00:05:48,270 --> 00:05:50,950 Taigi, jei mes einame atgal per mūsų index-- ah. 143 00:05:50,950 --> 00:05:53,245 >> TOMAS REIMERS: Kuris Aš tiesiog uždarytas. 144 00:05:53,245 --> 00:05:54,530 Duok man sekundę. 145 00:05:54,530 --> 00:05:58,286 Taigi failą, Atidaryti, index.html. 146 00:05:58,286 --> 00:05:59,410 ALLISON Buchholtz-AS: cool. 147 00:05:59,410 --> 00:06:02,710 Taigi, jei pastebėjote čia, mes turi šias kūno žymes, tiesa? 148 00:06:02,710 --> 00:06:06,270 Taigi selektorių tik atitinka žodžius, kad mes kalbame apie. 149 00:06:06,270 --> 00:06:07,670 Taigi kūno čia. 150 00:06:07,670 --> 00:06:10,315 Taigi, ką mes pasakyti, everything-- galime grįžti? 151 00:06:10,315 --> 00:06:12,065 Norėčiau tik kaip palieskite ekraną. 152 00:06:12,065 --> 00:06:14,410 Tai būčiau tiek daug aušintuvas. 153 00:06:14,410 --> 00:06:17,150 >> Taigi nieko per tuos kūno žodžius, kuriuos mes matėme 154 00:06:17,150 --> 00:06:19,637 buvo tik, kaip, tekstas, ir apskritai kūnas 155 00:06:19,637 --> 00:06:20,970 nurodo, kaip, fone. 156 00:06:20,970 --> 00:06:22,720 Jei kada nors norėsite keisti foną, 157 00:06:22,720 --> 00:06:25,090 kad ketina būti kūno žyma. 158 00:06:25,090 --> 00:06:27,120 Tiesiog turi šias taisykles taiko jiems. 159 00:06:27,120 --> 00:06:32,040 >> Taigi, jei mes eiti į index.html and-- tikrųjų, 160 00:06:32,040 --> 00:06:33,840 mes galime turėti kažką išorėje organizme? 161 00:06:33,840 --> 00:06:37,340 Jei mes turėjo, kaip, apačia arba kažkas, ji nebūtų taikoma ši. 162 00:06:37,340 --> 00:06:40,900 Bet nieko per šie kūno žymės vyksta 163 00:06:40,900 --> 00:06:44,960 turėti įtakos šio organo selektoriaus, kad mes padarėme. 164 00:06:44,960 --> 00:06:47,405 Taigi, jei jums buvo įvesti kažkas there-- 165 00:06:47,405 --> 00:06:49,400 >> TOMAS REIMERS: Leiskite vairuoti tą namą. 166 00:06:49,400 --> 00:06:55,330 Taigi, jei mes turėjome div-- kad yra tik dar žymė galite turėti. 167 00:06:55,330 --> 00:06:56,350 Aš ruošiuosi jį uždaryti. 168 00:06:56,350 --> 00:06:58,280 Arba padarykime tai dalis. 169 00:06:58,280 --> 00:07:01,430 Taigi p stendai dalį. 170 00:07:01,430 --> 00:07:02,560 Ir per tą dalį. 171 00:07:02,560 --> 00:07:05,650 Ir tada aš sakau: "Tai yra tekstas". 172 00:07:05,650 --> 00:07:06,369 Nemokama. 173 00:07:06,369 --> 00:07:09,160 Ir tada aš padariau ši taisyklė taikoma vietoj kūno dalis. 174 00:07:09,160 --> 00:07:12,390 175 00:07:12,390 --> 00:07:17,320 Jūs pamatysite, kaip ji taikoma tik Naujai suformuota dalis, į dešinę, 176 00:07:17,320 --> 00:07:18,892 ne visa tai. 177 00:07:18,892 --> 00:07:20,090 Ar tai prasminga? 178 00:07:20,090 --> 00:07:21,840 >> ALLISON Buchholtz-AS: Taigi visa tai kūnas, 179 00:07:21,840 --> 00:07:24,450 bet dabar mūsų selektorių tik atitinka punkte. 180 00:07:24,450 --> 00:07:27,050 Taigi mes tiesiog drąsus ir mėlyna šiuo konkrečiu dalį, 181 00:07:27,050 --> 00:07:30,760 nes tai yra vienintelis dalykas, kad yra uždara per p tag. 182 00:07:30,760 --> 00:07:35,349 >> TOMAS REIMERS: Ar tai prasminga rūšiuoti kaip viskas piliulę kitų dalykų? 183 00:07:35,349 --> 00:07:38,140 ALLISON Buchholtz-AS: Taip, tiesiog pasakyti, kaip vienas iš geriausių būdų 184 00:07:38,140 --> 00:07:40,889 tikrai gauti patogi su CSS yra tiesiog daryti tai, ko, kaip šis, 185 00:07:40,889 --> 00:07:42,050 tiesiog jį išbandyti. 186 00:07:42,050 --> 00:07:46,700 Tai labai paprasta rašyti kažką iš, paspauskite Atnaujinti, ir pamatyti, kas atsitiks. 187 00:07:46,700 --> 00:07:48,940 Ir kaip su dauguma CS, eksperimentavimas gali dažnai 188 00:07:48,940 --> 00:07:51,790 sukelti daug geriau intuityvus supratimas. 189 00:07:51,790 --> 00:07:54,432 Net labiau nei mums tiesiog, patinka, kalbėtis su jumis. 190 00:07:54,432 --> 00:07:58,350 >> TOMAS REIMERS: Absoliučiai 100% sutinku šiuo klausimu. 191 00:07:58,350 --> 00:08:02,430 Taigi, jei mes einame atgal į tai, pradėkime Sekcijiniai ką šie du padaryti. 192 00:08:02,430 --> 00:08:04,550 Taigi, mes turime dvi taisykles tai. 193 00:08:04,550 --> 00:08:07,420 Taigi pirmasis yra fono spalva. 194 00:08:07,420 --> 00:08:10,590 Ir pamatysite, kad mes jį lygus vertei, šviesiai mėlyna. 195 00:08:10,590 --> 00:08:15,009 >> Taigi CSS, CSS yra tarsi labai laisvi, kaip 196 00:08:15,009 --> 00:08:16,300 jums leidžiama nustatyti spalvą. 197 00:08:16,300 --> 00:08:17,800 Taigi jūs galite nustatyti juos pagal pavadinimą. 198 00:08:17,800 --> 00:08:20,650 Jūs taip pat galite padaryti ką nors panašaus į "raudona". 199 00:08:20,650 --> 00:08:25,270 Ir tada, jei mes einame atgal į tai, Jūs pamatysite, kad fonas yra raudona. 200 00:08:25,270 --> 00:08:29,040 Jūs taip pat galite gauti really-- manau jus gali gauti gana kūrybingi su šiuo, 201 00:08:29,040 --> 00:08:29,540 tu negali? 202 00:08:29,540 --> 00:08:31,170 >> ALLISON Buchholtz-AS: Aš manote, kad galite naudoti HEX. 203 00:08:31,170 --> 00:08:31,250 Ar ne taip? 204 00:08:31,250 --> 00:08:32,083 >> TOMAS REIMERS: Taip. 205 00:08:32,083 --> 00:08:32,969 Taigi, galite naudoti HEX. 206 00:08:32,969 --> 00:08:34,490 Bet aš galvoju, vardas išmintingas. 207 00:08:34,490 --> 00:08:35,385 Ar ne ten? 208 00:08:35,385 --> 00:08:37,260 ALLISON Buchholtz-AS: Jūs galite tai padaryti labai nedaug. 209 00:08:37,260 --> 00:08:43,350 Beveik kaip ir dauguma spalvų, kad jūs gali name-- kaip, manau, lašišos yra vienas. 210 00:08:43,350 --> 00:08:45,322 >> TOMAS REIMERS: Mes gonna pabandyti lašiša. 211 00:08:45,322 --> 00:08:47,530 ALLISON Buchholtz-AS: Aš manau Chartreuse yra ten. 212 00:08:47,530 --> 00:08:48,050 TOMAS REIMERS: Taip. 213 00:08:48,050 --> 00:08:48,550 Žr? 214 00:08:48,550 --> 00:08:50,080 Taigi galite gauti gana kūrybingi. 215 00:08:50,080 --> 00:08:52,246 >> ALLISON Buchholtz-AS: Jūs gali gauti gana kūrybingi. 216 00:08:52,246 --> 00:08:55,750 Kaip, jei jūs galite galvoti apie spalva, tai tikriausiai ten. 217 00:08:55,750 --> 00:08:57,840 Jei tikrai norite gerai detalė, galite eiti hex. 218 00:08:57,840 --> 00:08:58,673 >> TOMAS REIMERS: Taip. 219 00:08:58,673 --> 00:08:59,390 Taigi šešioliktainis. 220 00:08:59,390 --> 00:09:05,280 Jei vaikinai prisiminti šią atgal iš seno PSET, Vaizdo Atkurti, 221 00:09:05,280 --> 00:09:08,300 vaikinai turėjo spręsti Šių HEX vertybes. 222 00:09:08,300 --> 00:09:15,280 Ir tarsi Priminti kas tai yra, HEX turi tris reikšmes išsaugotus jį. 223 00:09:15,280 --> 00:09:17,250 Taigi, tai grupėse du etapus. 224 00:09:17,250 --> 00:09:19,300 Pirmieji du atstovauti raudoną vertę. 225 00:09:19,300 --> 00:09:22,420 Antrasis yra žalia vertė. 226 00:09:22,420 --> 00:09:25,020 Ir paskutinis yra mėlynas? 227 00:09:25,020 --> 00:09:30,050 >> Taigi FF atsitinka atstovauti šešioliktainis 255. 228 00:09:30,050 --> 00:09:35,480 Taigi jūs turite 255 raudonos, 255 žalia ir 0 mėlyna. 229 00:09:35,480 --> 00:09:37,670 Ir vertės svyruoja tarp 0 ir 255. 230 00:09:37,670 --> 00:09:38,350 >> AUDITORIJA: Teisė. 231 00:09:38,350 --> 00:09:41,472 Taigi, iš esmės, mes galime ieškoti dėl bet kokios spalvos norime internetas, 232 00:09:41,472 --> 00:09:43,912 ir nustatyti iš tiesų-nežinoma spalva spektras Combo, 233 00:09:43,912 --> 00:09:45,130 ir tada mes galime įdėti jį? 234 00:09:45,130 --> 00:09:46,380 ALLISON Buchholtz-AS: Būtent. 235 00:09:46,380 --> 00:09:52,900 Taigi jūs turite gana daug visiškai kontroliuoti daugiau spalvų norite per CSS. 236 00:09:52,900 --> 00:09:55,069 Ar mes ketiname kalbėti apie fono paveikslėlius vėliau? 237 00:09:55,069 --> 00:09:56,110 Arba mes norime tai padaryti? 238 00:09:56,110 --> 00:09:56,240 >> TOMAS REIMERS: Taip. 239 00:09:56,240 --> 00:09:57,010 Absoliučiai. 240 00:09:57,010 --> 00:10:00,830 Taigi, pirmiausia, tiesiog parodyti, kad raudona ir žalia yra geltonos spalvos. 241 00:10:00,830 --> 00:10:03,120 Ir jei jums reikia šiek tiek padėti rasti tai, jūs 242 00:10:03,120 --> 00:10:05,575 "Google" gali kažką kaip "Color Picker". 243 00:10:05,575 --> 00:10:07,200 ALLISON Buchholtz-AS: O, tai taip gera. 244 00:10:07,200 --> 00:10:09,090 Aš myliu Color Picker. 245 00:10:09,090 --> 00:10:11,360 >> TOMAS REIMERS: colorpicker.com yra geras pavyzdys. 246 00:10:11,360 --> 00:10:14,580 Ir čia, jūs pamatysite, kad jūs turite pilnas Photoshop kaip Color Picker. 247 00:10:14,580 --> 00:10:14,920 >> ALLISON Buchholtz-AS: MM-hm. 248 00:10:14,920 --> 00:10:16,980 Be to, kietas dalykai jums gali generuoti spalvų schemas 249 00:10:16,980 --> 00:10:18,896 kad jūs neturite, kaip, Avarija spalvas. 250 00:10:18,896 --> 00:10:22,780 TOMAS REIMERS: Ir tada čia hex vertė čia. 251 00:10:22,780 --> 00:10:27,800 Taigi jūs visada galite rasti internete esmės vietos gauti šešioliktainį vertę. 252 00:10:27,800 --> 00:10:31,667 Tai ne rūšiuoti, kad tik, kaip mes pamatyti pasaulio spalvas numerius. 253 00:10:31,667 --> 00:10:34,000 Tai daugiau, kad mes rasti internete ir sužinoti, kokia spalva norime, 254 00:10:34,000 --> 00:10:36,850 o tada imtis numerį žemyn. 255 00:10:36,850 --> 00:10:39,590 Kadangi tai tik tikrai paprasta būdas nuoroda dalykų CS. 256 00:10:39,590 --> 00:10:40,350 >> ALLISON Buchholtz-AS: Ir tada ten also-- 257 00:10:40,350 --> 00:10:41,630 Aš pamiršti tikslaus pavadinimo svetainėje. 258 00:10:41,630 --> 00:10:43,838 Bet tikrai, aš manau, ką nors iš "Adobe" 259 00:10:43,838 --> 00:10:48,350 kuris generuoja spalvų schemas už jus, kuris yra tikrai cool, nes jūs 260 00:10:48,350 --> 00:10:50,580 definitely-- tai kartais sunku išsiaiškinti, 261 00:10:50,580 --> 00:10:53,729 oh, jei noriu naudoti šią spalvą, kas gali būti dar viena naudinga vienas 262 00:10:53,729 --> 00:10:56,395 naudoti kitur mano svetainę, patinka, kad ji graži ir darni. 263 00:10:56,395 --> 00:11:00,430 264 00:11:00,430 --> 00:11:04,260 >> TOMAS REIMERS: Allison kalba apie vienas Adobe Kuler vadinamas, manau. 265 00:11:04,260 --> 00:11:04,885 Tai K-U-L-E-R. 266 00:11:04,885 --> 00:11:06,259 ALLISON Buchholtz-AS: Manau, kad taip. 267 00:11:06,259 --> 00:11:07,610 Aš esu gana įsitikinęs, kad tai viena. 268 00:11:07,610 --> 00:11:11,050 >> TOMAS REIMERS: Mano mėgstamiausia yra visada buvo Spalvų schema Designer. 269 00:11:11,050 --> 00:11:13,998 >> ALLISON Buchholtz-AS: Ooh. 270 00:11:13,998 --> 00:11:16,010 >> TOMAS REIMERS: Kuris yra now-- 271 00:11:16,010 --> 00:11:16,860 >> ALLISON Buchholtz-AS: Ak, tai gražus. 272 00:11:16,860 --> 00:11:18,818 >> TOMAS REIMERS: Ir jūs iš esmės gali pasakyti, kaip, 273 00:11:18,818 --> 00:11:21,700 Noriu tris spalvas viena šalia kitos. 274 00:11:21,700 --> 00:11:25,030 Ir tada darykime kažką gražaus. 275 00:11:25,030 --> 00:11:29,210 Ir tada jūs galite gauti pavyzdį kas, kad gali atrodyti. 276 00:11:29,210 --> 00:11:32,470 Ir tada, jei jūs Pakimba virš bet juos, ji suteikia jums hex vertę. 277 00:11:32,470 --> 00:11:35,010 >> Taigi tiesiog kaip geras būdas pradėti galvoti apie spalvų schemos 278 00:11:35,010 --> 00:11:39,570 arba kokios spalvos į svetainę gali gerai eiti kartu. 279 00:11:39,570 --> 00:11:45,655 Kadangi, kad gali būti stebėtinai ne taip lengva pasiimti, kaip jūs manote. 280 00:11:45,655 --> 00:11:48,280 Ir tada kitas kietas dalykas Aš visada rasti apie šią svetainę 281 00:11:48,280 --> 00:11:51,480 tai, jei paspausite pavyzdžiai, jis bus parodyti, ką pavyzdį svetainę 282 00:11:51,480 --> 00:11:54,800 gali atrodyti naudojant šią spalvų schemą. 283 00:11:54,800 --> 00:11:56,270 Bet kokiu atveju. 284 00:11:56,270 --> 00:11:57,863 >> Atgal į faktinę CSS. 285 00:11:57,863 --> 00:12:01,112 ALLISON Buchholtz-AS: Bet, žinoma, mes žino šios nuorodos gali būti naudingos. 286 00:12:01,112 --> 00:12:03,195 TOMAS REIMERS: Ne, jie tikrai gali būti naudingas. 287 00:12:03,195 --> 00:12:04,720 Taigi antrąjį taisyklė, Allison? 288 00:12:04,720 --> 00:12:05,844 >> ALLISON Buchholtz-AS: Taip. 289 00:12:05,844 --> 00:12:08,280 Antroji taisyklė yra tik atitinkantis mūsų šriftu. 290 00:12:08,280 --> 00:12:11,520 Taigi šrifto svoris yra tik rūšies of-- taip svoris būtų 291 00:12:11,520 --> 00:12:15,220 , jei norite tiesiog, kaip, normalus arba, kaip, plonesni šriftai, 292 00:12:15,220 --> 00:12:17,251 arba šiuo atveju, kaip, paryškinti. 293 00:12:17,251 --> 00:12:17,750 Aš pamirštu. 294 00:12:17,750 --> 00:12:21,557 Kas, jei norite it-- ten plonesnis vienas ne tik, kaip, normalu? 295 00:12:21,557 --> 00:12:24,140 TOMAS REIMERS: Aš ne iš tikrųjų žinoti, jei yra plonesnis vienas. 296 00:12:24,140 --> 00:12:24,680 ALLISON Buchholtz-AS: Aš pamiršti. 297 00:12:24,680 --> 00:12:26,300 Taigi šrifto svorio mes paprastai tik naudoti paryškinti. 298 00:12:26,300 --> 00:12:29,010 Jei norite gauti tikrai į tai, kad mes ketiname parodyti jums. 299 00:12:29,010 --> 00:12:34,317 W3Schools turi visas skirtingas dalykų, kuriuos galite padaryti šriftus. 300 00:12:34,317 --> 00:12:36,900 Bet iš esmės, jei jūs kada nors norite nieko keisti apie šriftu, 301 00:12:36,900 --> 00:12:39,330 ji visada bus, kaip, šrifto kažką. 302 00:12:39,330 --> 00:12:43,450 Taigi tai bus panašiai, font-family jei esate bando pakeisti faktinį tipą. 303 00:12:43,450 --> 00:12:47,390 Tai bus font-style, jei jums nori padaryti jį kaip kursyvu, 304 00:12:47,390 --> 00:12:49,710 ar kursyvu arba Papuošalą. 305 00:12:49,710 --> 00:12:53,570 Arba net šrifto spalvą, jei norėjome pakeisti. 306 00:12:53,570 --> 00:12:55,621 >> TOMAS REIMERS: Yup. 307 00:12:55,621 --> 00:12:56,925 Taigi jūs galite tai pakeisti. 308 00:12:56,925 --> 00:12:59,360 Ir tarsi tik Priminti dabar, todėl jūs galite 309 00:12:59,360 --> 00:13:01,400 matyti, kad mes turime selektorių čia. 310 00:13:01,400 --> 00:13:03,000 Mes turime šiuos vingiuotus skliaustus. 311 00:13:03,000 --> 00:13:06,735 Ir tada mes turime taisykles aptverti kabliataškiais. 312 00:13:06,735 --> 00:13:08,100 Ar tai prasminga? 313 00:13:08,100 --> 00:13:09,130 Taip? 314 00:13:09,130 --> 00:13:10,500 Nemokama. 315 00:13:10,500 --> 00:13:13,200 Taigi, jei tai yra good-- 316 00:13:13,200 --> 00:13:14,424 >> ALLISON Buchholtz-AS: Atgal. 317 00:13:14,424 --> 00:13:17,590 TOMAS REIMERS: Pakalbėkime specialiai apie kokios selektoriai turime. 318 00:13:17,590 --> 00:13:19,790 "Priežastis dabar mes rūšiuoti tiesiog parodė žymes. 319 00:13:19,790 --> 00:13:21,696 Tačiau vaikinai gali matyti patikimas. 320 00:13:21,696 --> 00:13:23,570 Tarkime, jūs turite dvi pastraipas puslapyje ir jums 321 00:13:23,570 --> 00:13:26,087 nori, kad būtų galima stiliumi vienas, bet ne kitos, 322 00:13:26,087 --> 00:13:29,170 jūs ne tik nori apriboti save turi naudoti kitokį faktinį HTML 323 00:13:29,170 --> 00:13:33,410 žymės suteikti jiems skirtingus stilius. 324 00:13:33,410 --> 00:13:35,995 >> Taigi, mes turime tris pagrindinius tipų selektoriai. 325 00:13:35,995 --> 00:13:37,120 ALLISON Buchholtz-AS: Taip. 326 00:13:37,120 --> 00:13:39,828 Taigi, mes turime žymeles, o tai, ką mes jau kalbame apie dabar. 327 00:13:39,828 --> 00:13:42,430 Taigi, kad tipo kaip savo kūno ar p. 328 00:13:42,430 --> 00:13:46,280 Ir tada mes turime klasę, kuri yra kai mes ją apibrėžti mūsų CSS failą, 329 00:13:46,280 --> 00:13:49,907 ji visada bus dot, nepriklausomai nuo Jūs norite, kad būtų jūsų klasės pavadinimas. 330 00:13:49,907 --> 00:13:51,490 Ir tai gali būti taikoma keliems dalykų. 331 00:13:51,490 --> 00:13:54,610 332 00:13:54,610 --> 00:13:57,610 >> Tarkime, jūs turite penkis punktus ir du iš jų trijų 333 00:13:57,610 --> 00:14:00,580 reikia grupuotės pats, Jums bus taikoma klasę į jį. 334 00:14:00,580 --> 00:14:03,040 Ir tai tik taip, kaip mes tai padaryti. 335 00:14:03,040 --> 00:14:05,600 Mes padėsime jums pavyzdžiu jei tai iš tikrųjų rodo. 336 00:14:05,600 --> 00:14:11,030 Bet jei jūs turėjo gal šiek tiek tegus p, po to, jums reikės rašyti, 337 00:14:11,030 --> 00:14:14,170 klasė lygi neatsižvelgiant klases norite kreiptis į jį. 338 00:14:14,170 --> 00:14:19,280 Taigi nepriklausomai nuo klasės selektoriai, kad mes norime taikyti šią konkrečią dalį, 339 00:14:19,280 --> 00:14:21,300 galėtume tiesiog parašyti, kaip šis. 340 00:14:21,300 --> 00:14:24,080 Žinoma, aš manau, kad pavyzdį bus daug konkretesnis. 341 00:14:24,080 --> 00:14:27,270 >> Kita turime yra numeris, kurį mes pažymėti 342 00:14:27,270 --> 00:14:29,707 su maišos ar svarą ar hashtag. 343 00:14:29,707 --> 00:14:30,790 TOMAS REIMERS: Octothorpe. 344 00:14:30,790 --> 00:14:32,430 ALLISON Buchholtz-AS: Octothorpe. 345 00:14:32,430 --> 00:14:34,550 Tai irgi veikia. 346 00:14:34,550 --> 00:14:36,640 Ir tai iš tikrųjų turėtų būti unikalus. 347 00:14:36,640 --> 00:14:39,880 Jos turėtų būti taikomos tik vienas dalykas, į savo puslapį. 348 00:14:39,880 --> 00:14:43,820 Taigi, ar tai specifinė dalis, arba kai kurie sąrašo elementą, ar kas, 349 00:14:43,820 --> 00:14:45,090 tai turėtų būti unikalus. 350 00:14:45,090 --> 00:14:48,730 Ir tuo pačiu būdu, kad mes tiesiog pasakyti, kaip, class = "grupė 1 Class2" 351 00:14:48,730 --> 00:14:51,577 tai gali būti tiesiog id ką turime. 352 00:14:51,577 --> 00:14:52,410 TOMAS REIMERS: Taip. 353 00:14:52,410 --> 00:14:54,330 Taigi leiskite tikrai kalbame apie pavyzdžių čia. 354 00:14:54,330 --> 00:14:58,170 Ir aš tik ketina pasinerti tiesiai atgal į kodą. 355 00:14:58,170 --> 00:15:02,090 Taigi pažvelkime į mūsų HTML. 356 00:15:02,090 --> 00:15:03,960 Ir taip mes dabar turime vieną punktą. 357 00:15:03,960 --> 00:15:05,510 Tai tekstas. 358 00:15:05,510 --> 00:15:09,151 Aš tik ketina keisti tai. "Tai yra tekstas 1." 359 00:15:09,151 --> 00:15:11,150 Ir tada mes ketiname turi "Tai tekstas 2." 360 00:15:11,150 --> 00:15:12,525 >> ALLISON Buchholtz-AS: antrasis. 361 00:15:12,525 --> 00:15:13,540 TOMAS REIMERS: Yup. 362 00:15:13,540 --> 00:15:16,810 Taigi dabar mes turime "Tai tekstas 2", tiesa? 363 00:15:16,810 --> 00:15:21,560 Ir mes ketiname pamatyti, kad jei mes perkraukite puslapis, ką mes ketiname rasti 364 00:15:21,560 --> 00:15:23,067 yra mes gonna find-- 365 00:15:23,067 --> 00:15:24,150 ALLISON Buchholtz-AS: Ooh. 366 00:15:24,150 --> 00:15:24,983 TOMAS REIMERS: Taip. 367 00:15:24,983 --> 00:15:27,570 Mes ketiname rasti "Tai tekstas 1 "ir" Tai tekstas 2. " 368 00:15:27,570 --> 00:15:28,650 >> ALLISON Buchholtz-AS: Ir iš miela geltona spalva. 369 00:15:28,650 --> 00:15:31,066 >> TOMAS REIMERS: Ir pamatysite kad mūsų selektorių dabar, 370 00:15:31,066 --> 00:15:34,940 kuri taikoma p s, arba pastraipas, paveikia abu iš jų, 371 00:15:34,940 --> 00:15:38,700 nes abu patenkinti sąlyga, kad jie abu p tag. 372 00:15:38,700 --> 00:15:40,360 Tai turi prasmę. 373 00:15:40,360 --> 00:15:43,340 Taigi klausimas yra gerai, kas jei mes norėjome gauti tik vieną? 374 00:15:43,340 --> 00:15:46,350 Taigi lygiai taip pat kaip Allison buvo sakydamas: mes turime dvi kitų būdų, kaip tai padaryti. 375 00:15:46,350 --> 00:15:47,320 Aš ruošiuosi pradėti id. 376 00:15:47,320 --> 00:15:48,405 >> ALLISON Buchholtz-AS: Pradėkime id. 377 00:15:48,405 --> 00:15:50,405 >> TOMAS REIMERS: Ir tiek iš jų yra atributai. 378 00:15:50,405 --> 00:15:53,200 Taigi atributai egzistuoja HTML. 379 00:15:53,200 --> 00:15:55,600 Ir ką jie yra kažkas, kad jūs įtraukiate 380 00:15:55,600 --> 00:15:58,840 žymės viduje, kuris yra atskirti nuo tegus vardu. 381 00:15:58,840 --> 00:16:01,301 Taigi jūs galite turėti kelis atributus. 382 00:16:01,301 --> 00:16:01,800 Taip? 383 00:16:01,800 --> 00:16:03,950 >> ALLISON Buchholtz-AS: Aš tik ketina pasakyti, iš jūsų, pavyzdžiui iš PSET 7 384 00:16:03,950 --> 00:16:06,650 jei kas nors iš jūsų bando suderinti viskas iki centro, 385 00:16:06,650 --> 00:16:08,550 jums gali tekti naudoti "Tekstas align = centrą." 386 00:16:08,550 --> 00:16:10,550 Ir jūs pastebėjote, tikriausiai jis toks ir turėjo centre 387 00:16:10,550 --> 00:16:12,650 Jūsų tekstas arba jūsų naršymo juostoje. 388 00:16:12,650 --> 00:16:15,499 Taigi, kad tik taip atributas kad jums gali būti susipažinę su. 389 00:16:15,499 --> 00:16:18,040 TOMAS REIMERS: Yra krūva požymių, kad jums pamatyti. 390 00:16:18,040 --> 00:16:18,539 Taip. 391 00:16:18,539 --> 00:16:21,250 Kaip gera nuoroda į PSET 7 d. 392 00:16:21,250 --> 00:16:23,150 Mes turime ID. 393 00:16:23,150 --> 00:16:25,080 Jūs taip pat gali turėti klasė, tokie dalykai kaip šis. 394 00:16:25,080 --> 00:16:27,250 Vieno tegus gali turėti daug atributus. 395 00:16:27,250 --> 00:16:33,140 Taigi pradedant id, tegul apsimeta mes nori turėti ID of-- aš nežinau. 396 00:16:33,140 --> 00:16:35,140 Mes jį vadiname ypatinga, nes tai viena, mes 397 00:16:35,140 --> 00:16:37,867 ketina padaryti drąsus, ir pabrėžti ir ką. 398 00:16:37,867 --> 00:16:39,950 ALLISON Buchholtz-AS: Tai viskas bus super ypatinga. 399 00:16:39,950 --> 00:16:42,360 TOMAS REIMERS: Taigi šis vienas, mes turime id ypatingas. 400 00:16:42,360 --> 00:16:48,140 Taigi, būdas pasirinkti, kad, tuomet, yra į main.css, o ne turėti p žymeles, 401 00:16:48,140 --> 00:16:51,500 jūs # special, gerai? 402 00:16:51,500 --> 00:16:55,538 Ir tai parenka dalykas su id ypatingas. 403 00:16:55,538 --> 00:16:57,295 Ar tai prasminga visiems? 404 00:16:57,295 --> 00:16:57,920 AUDITORIJA: Taip. 405 00:16:57,920 --> 00:16:59,110 TOMAS REIMERS: cool. 406 00:16:59,110 --> 00:17:04,440 Taigi dabar, jei mes einame atgal, mes see-- šūksniais. 407 00:17:04,440 --> 00:17:06,240 Taip. 408 00:17:06,240 --> 00:17:09,460 Pamatysime, kad ji tik parenka vienas su id ypatingas. 409 00:17:09,460 --> 00:17:10,622 Taip? 410 00:17:10,622 --> 00:17:11,900 Skamba gerai. 411 00:17:11,900 --> 00:17:12,570 Taip. 412 00:17:12,570 --> 00:17:15,456 >> AUDITORIJA: Ar kas nors turi priskirti tiek klasėje ir id? 413 00:17:15,456 --> 00:17:16,359 >> TOMAS REIMERS: Taip. 414 00:17:16,359 --> 00:17:16,900 AUDITORIJA: Gerai. 415 00:17:16,900 --> 00:17:20,887 Ir kas tada atsitiks, jei tada duoti tai keletas CSS, kad konfliktas taisyklės? 416 00:17:20,887 --> 00:17:21,970 TOMAS REIMERS: Absoliučiai. 417 00:17:21,970 --> 00:17:23,940 Mes tikrai vyksta kalbėti apie tai. 418 00:17:23,940 --> 00:17:31,890 Taigi, ką jūs gaunate ne, jūs taip pat gali turėti pamokas. 419 00:17:31,890 --> 00:17:36,380 Taigi tegul apsimeta turėjau trys punktai ir aš 420 00:17:36,380 --> 00:17:38,730 norėjau stiliaus pirmasis du, bet ne trečią. 421 00:17:38,730 --> 00:17:42,850 Na, jūsų pirmasis idėja gali būti gerai, aš gali tiesiog suteikti antrasis id. 422 00:17:42,850 --> 00:17:45,590 Bet jūs negalite, nes id, lygiai taip pat kaip Allison buvo sakydamas: 423 00:17:45,590 --> 00:17:47,330 turi būti unikalus. 424 00:17:47,330 --> 00:17:50,860 >> Taigi vietoj id, ką galima naudoti yra, galite naudoti klasę. 425 00:17:50,860 --> 00:17:57,880 Ir class-- ką jis leidžia Jums reikia padaryti, tai iš esmės teigia, 426 00:17:57,880 --> 00:17:59,610 šis priklauso, kaip grupės dalis. 427 00:17:59,610 --> 00:18:02,410 Šiuo atveju, mūsų grupė vadinama ypatinga. 428 00:18:02,410 --> 00:18:06,500 Ir tai, ką mes ketiname daryti, tada yra mes ketiname say-- nei svarą, 429 00:18:06,500 --> 00:18:08,070 mes ketiname naudoti tašką. 430 00:18:08,070 --> 00:18:08,740 Gerai? 431 00:18:08,740 --> 00:18:11,950 Ir pastebėsite, kad svaro ir taškas egzistuoja tik CSS failą, 432 00:18:11,950 --> 00:18:12,797 nepatenka į HTML. 433 00:18:12,797 --> 00:18:13,880 ALLISON Buchholtz-AS: Taip. 434 00:18:13,880 --> 00:18:15,185 Svarbus skirtumas. 435 00:18:15,185 --> 00:18:17,510 >> TOMAS REIMERS: Turiu turėjo tiek daug kovos, 436 00:18:17,510 --> 00:18:23,990 nes aš įdėti maišos į HTML ir tada tiesiog jaučiau kvaila ilgą laiką. 437 00:18:23,990 --> 00:18:27,470 Pažiūrėkite, kaip jis atrenka abu tie su tos klasės? 438 00:18:27,470 --> 00:18:28,210 Nemokama. 439 00:18:28,210 --> 00:18:29,950 >> Dabar, ką gali turėti kelis užsiėmimus. 440 00:18:29,950 --> 00:18:32,790 Tarkime, aš norėjau, kad pirmasis du turėti geltoname fone 441 00:18:32,790 --> 00:18:36,770 ir antrieji du turėti šrifto spalva mėlyna. 442 00:18:36,770 --> 00:18:37,270 Gerai. 443 00:18:37,270 --> 00:18:39,735 Aš tikrai nežino, kodėl aš nori tai padaryti, bet aš galiu. 444 00:18:39,735 --> 00:18:42,401 >> ALLISON Buchholtz-AS: Might ne rekomenduojama jį savo interneto svetainėje. 445 00:18:42,401 --> 00:18:43,880 Bet mūsų tikslais, jis bus daryti. 446 00:18:43,880 --> 00:18:46,294 >> TOMAS REIMERS: Tai ne geras spalvų schemą. 447 00:18:46,294 --> 00:18:49,210 ALLISON Buchholtz-AS: Na, geltona ir mėlyna yra mano vidurines mokyklas spalvos. 448 00:18:49,210 --> 00:18:50,947 Aš nežinau, nors. 449 00:18:50,947 --> 00:18:53,530 TOMAS REIMERS: Allison s aukštos mokykla turėjo didelę spalvų schemą. 450 00:18:53,530 --> 00:18:54,520 [Juokas] 451 00:18:54,520 --> 00:18:59,120 Taigi, ką mes galime skambinti tai Pavadinkime this-- todėl mes turime specialų 452 00:18:59,120 --> 00:19:00,030 ir mes turime gana. 453 00:19:00,030 --> 00:19:02,405 Aš siūlau, už tai, jūs naudojate daug aprašomosios pavadinimai. 454 00:19:02,405 --> 00:19:05,820 ALLISON Buchholtz-AS: Taip, aš norėčiau vadinu tai, kaip, geltona arba mėlyna. 455 00:19:05,820 --> 00:19:08,314 >> TOMAS REIMERS: Nesame tikrai padaryti tikrą svetainę, 456 00:19:08,314 --> 00:19:09,730 kuris yra, kodėl mes ne daro. 457 00:19:09,730 --> 00:19:11,521 Bet jei jūs iš tikrųjų turėjo realią svetainę, jūs 458 00:19:11,521 --> 00:19:16,220 gali turėti, pavyzdžiui, straipsnis antraštė, Straipsnis turinį, pirmasis žodis, 459 00:19:16,220 --> 00:19:21,920 dalykų, pavyzdžiui, kad, leidžiantys Jums bus daug daugiau aprašomojo pobūdžio. 460 00:19:21,920 --> 00:19:23,550 Tai yra tikrai kaip kintamųjų. 461 00:19:23,550 --> 00:19:28,390 Jie turi būti pavadintas tokiu būdu, kur galite, like-- taip, kaip toks. 462 00:19:28,390 --> 00:19:29,470 Puikiai. 463 00:19:29,470 --> 00:19:30,480 >> Taigi fono spalva. 464 00:19:30,480 --> 00:19:35,920 Ir tada mes ketiname say-- taip būdas pakeisti spalvą yra tiesiog "spalva". 465 00:19:35,920 --> 00:19:38,412 Ir mes ketiname padaryti mėlyna. 466 00:19:38,412 --> 00:19:40,150 Štai atvėsti. 467 00:19:40,150 --> 00:19:42,640 Taigi dabar mes turime Pirmieji du yra ypatinga. 468 00:19:42,640 --> 00:19:45,972 Kitas vienas ketina turi "class = gana." 469 00:19:45,972 --> 00:19:49,180 ALLISON Buchholtz-AS: Ir tada jūs norite pridėti "gana" į vidurinę vienas. 470 00:19:49,180 --> 00:19:49,971 TOMAS REIMERS: Yup. 471 00:19:49,971 --> 00:19:52,970 Ir tada į vidurinę vieną, pridėti "gana", kas atsitinka, 472 00:19:52,970 --> 00:19:56,880 yra tiesiog turėti erdvę. 473 00:19:56,880 --> 00:19:59,800 Taigi klasės atributas yra erdvės atskirtos sąrašas 474 00:19:59,800 --> 00:20:02,450 visų klasių kurios taikomos toje žyma. 475 00:20:02,450 --> 00:20:02,959 Gerai? 476 00:20:02,959 --> 00:20:05,750 Tai ne taip, kaip tai vienas priklauso kai specialios klasės tipo vadinamas 477 00:20:05,750 --> 00:20:07,180 "Ypatinga, erdvė, gana." 478 00:20:07,180 --> 00:20:10,870 Jis priklauso dviejų classes-- ypatingas ir gana. 479 00:20:10,870 --> 00:20:12,492 Taip? 480 00:20:12,492 --> 00:20:14,360 Nemokama. 481 00:20:14,360 --> 00:20:17,010 >> Ir tada, jei mes žiūrime ne tai, kas vyksta, mes 482 00:20:17,010 --> 00:20:21,850 ketiname pamatyti, kad pirmasis turi geltoname fone, juodas tekstas. 483 00:20:21,850 --> 00:20:22,450 Antra one-- 484 00:20:22,450 --> 00:20:26,160 >> ALLISON Buchholtz-AS: --Name drąsūs geltoname fone su mėlynu tekstu. 485 00:20:26,160 --> 00:20:29,330 Ir paskutinis mūsų tik vienas turi mėlyna tekstas, kad mes, priskirtas prie jo. 486 00:20:29,330 --> 00:20:30,870 >> TOMAS REIMERS: Kietos? 487 00:20:30,870 --> 00:20:32,491 Kaip selektoriai dirbti? 488 00:20:32,491 --> 00:20:32,990 Nuostabus. 489 00:20:32,990 --> 00:20:34,720 >> ALLISON Buchholtz-AS: Ar mes norime kalbėti apie konflikto metu tada? 490 00:20:34,720 --> 00:20:35,780 >> TOMAS REIMERS: Taigi taip. 491 00:20:35,780 --> 00:20:36,310 Absoliučiai. 492 00:20:36,310 --> 00:20:38,380 Taigi, kas atsitinka, kai jūs turėti konfliktą, tiesa? 493 00:20:38,380 --> 00:20:44,740 Tarkime, kad pirmasis nustato kažką like-- 494 00:20:44,740 --> 00:20:47,240 ALLISON Buchholtz-AS: Gal tai vienas keičia fono? 495 00:20:47,240 --> 00:20:48,090 TOMAS REIMERS: Taip. 496 00:20:48,090 --> 00:20:51,699 Taigi mes ketiname padaryti "gana" pakeisti į lašišų fone. 497 00:20:51,699 --> 00:20:54,740 ALLISON Buchholtz-AS: Jūs tiesiog su visi didieji spalvos šiandien Tomas. 498 00:20:54,740 --> 00:20:55,573 TOMAS REIMERS: Taip. 499 00:20:55,573 --> 00:20:58,200 Nes aš sužinojau, aš galiu naudoti lašišą kaip tikra spalva. 500 00:20:58,200 --> 00:21:00,270 Taigi mes tik ketina tai padaryti. 501 00:21:00,270 --> 00:21:01,770 Aš taip pat manau, saulėlydis yra tikra spalva. 502 00:21:01,770 --> 00:21:03,103 AUDITORIJA: Saulėlydis realus spalva? 503 00:21:03,103 --> 00:21:04,572 ALLISON Buchholtz-AS: Pabandykime ją. 504 00:21:04,572 --> 00:21:07,735 TOMAS REIMERS: Po šio demo tik todėl, kad, jei jis sujaukia, 505 00:21:07,735 --> 00:21:08,943 Aš nenoriu būti derinimo. 506 00:21:08,943 --> 00:21:11,580 Taigi mes žinome, lašišos yra tikra spalva. 507 00:21:11,580 --> 00:21:15,626 Todėl bet spėlionės apie kas nutiks? 508 00:21:15,626 --> 00:21:17,522 >> ALLISON Buchholtz-AS: Bet idėja? 509 00:21:17,522 --> 00:21:20,002 >> Auditorija: [nesigirdi]. 510 00:21:20,002 --> 00:21:20,920 >> TOMAS REIMERS: Taip. 511 00:21:20,920 --> 00:21:22,150 Taigi jūs turite jį visiškai teisus. 512 00:21:22,150 --> 00:21:24,930 Iš esmės, tai užima paskutinė taisyklė, kad jis buvo priimtas. 513 00:21:24,930 --> 00:21:27,860 >> ALLISON Buchholtz-AS: Taigi tai yra kur pakopinių įsigaliojimo. 514 00:21:27,860 --> 00:21:31,080 >> TOMAS REIMERS: Taigi prisiminti, kaip mes turėjo, kad pakopinių stilių? 515 00:21:31,080 --> 00:21:33,660 Taigi, kad mes rūšies reiškia kad mes turime taisyklių krūva 516 00:21:33,660 --> 00:21:37,115 kurioje taikyti ant kito viršaus, ir jie taip pat gali pakeisti viena kitą. 517 00:21:37,115 --> 00:21:39,380 >> ALLISON Buchholtz-AS: Taigi nepriklausomai s apačioje 518 00:21:39,380 --> 00:21:41,540 pakeis kokia yra viršuje. 519 00:21:41,540 --> 00:21:45,842 Jūs galite turėti taisykles, kurios visiškai paneigti kažką iš anksto. 520 00:21:45,842 --> 00:21:48,300 Štai kodėl jūs norite būti atsargūs, kai jūs stilius, 521 00:21:48,300 --> 00:21:51,465 todėl jūs ne sukurti taisykles, kurios jūs tik visiškai privalomais. 522 00:21:51,465 --> 00:21:53,340 >> TOMAS REIMERS: gal ar norite perrašyti taisykles. 523 00:21:53,340 --> 00:21:53,920 >> ALLISON Buchholtz-AS: O gal jūs darote. 524 00:21:53,920 --> 00:21:54,300 Taip. 525 00:21:54,300 --> 00:21:57,175 >> TOMAS REIMERS: Apsimesti turite klasė, kuri taikoma ir daugelis dalykų, 526 00:21:57,175 --> 00:22:01,220 bet tarkim norite pakeisti fono spalva raudona ir šrifto 527 00:22:01,220 --> 00:22:03,140 svoris paryškinti dauguma dalykų, bet vienas, 528 00:22:03,140 --> 00:22:06,098 jūs tik norite fono spalvą būti raudonas, bet norite, kad visi kiti 529 00:22:06,098 --> 00:22:09,990 NT, galite ką nors padaryti kaip "font-weight = normalus" 530 00:22:09,990 --> 00:22:12,760 kuri tada anuliuoti tą drąsų kaita. 531 00:22:12,760 --> 00:22:14,480 Taip? 532 00:22:14,480 --> 00:22:17,250 Vėlgi, geriausias būdas, manau, Allison pareiškė, kad ji yra tik praktika. 533 00:22:17,250 --> 00:22:18,080 >> ALLISON Buchholtz-AS: eksperimentavimas. 534 00:22:18,080 --> 00:22:20,090 >> TOMAS REIMERS: Praktika, praktika, praktika, ir eksperimentuoti. 535 00:22:20,090 --> 00:22:22,950 Žinau daug žmonių, kurie mano, CSS yra tik atspėti-ir-Check daug 536 00:22:22,950 --> 00:22:25,580 tuo dienos pabaigoje, kur, jei norite padaryti something-- patinka, 537 00:22:25,580 --> 00:22:27,663 jūs turite idėją, tačiau Jūs vis dar tikriausiai reikia 538 00:22:27,663 --> 00:22:31,390 jį išbandyti, kad įsitikinti, žinote, kaip jis atrodo. 539 00:22:31,390 --> 00:22:34,482 >> AUDITORIJA: Kai jūs kreipiatės klases, daugiau nei vienas 540 00:22:34,482 --> 00:22:37,339 į toje pačioje dalyje ar skyriuje, daro 541 00:22:37,339 --> 00:22:39,505 nesvarbu kokia tvarka jūs galite įrašykite juos į kabutes? 542 00:22:39,505 --> 00:22:40,992 >> TOMAS REIMERS: Ne, ne visi. 543 00:22:40,992 --> 00:22:45,764 >> ALLISON Buchholtz-AS: Kokie klausimai yra per savo CSS stiliaus lapo tvarka. 544 00:22:45,764 --> 00:22:47,430 AUDITORIJA: Gal galėtumėte pakartoti klausimą? 545 00:22:47,430 --> 00:22:50,680 TOMAS REIMERS: O. 546 00:22:50,680 --> 00:22:53,990 ALLISON Buchholtz-AS: Per klasė, kai jūs suteikiant klasės 547 00:22:53,990 --> 00:22:56,964 kažką į HTML, daro tai svarbu, kokia tvarka jie į? 548 00:22:56,964 --> 00:22:58,130 Nesvarbu užsakymą. 549 00:22:58,130 --> 00:23:02,915 Svarbu tai, kad siekiant klasė selektoriai per savo CSS, 550 00:23:02,915 --> 00:23:04,306 per savo stilių. 551 00:23:04,306 --> 00:23:06,982 >> TOMAS REIMERS: Garso gera? 552 00:23:06,982 --> 00:23:08,532 >> ALLISON Buchholtz-AS: Gražus. 553 00:23:08,532 --> 00:23:11,539 >> TOMAS REIMERS: Ir tada mes ketiname toliau to-- 554 00:23:11,539 --> 00:23:13,330 ALLISON Buchholtz-AS: Ką mes turime toliau? 555 00:23:13,330 --> 00:23:14,245 Aš pamirštu. 556 00:23:14,245 --> 00:23:16,087 Oi, mes tiesiog turime pavyzdžių. 557 00:23:16,087 --> 00:23:17,295 Bet mes rūšies padaryta tiems. 558 00:23:17,295 --> 00:23:18,990 Mes padarėme pavyzdžius skristi. 559 00:23:18,990 --> 00:23:20,540 >> TOMAS REIMERS: Gauname, kad sujungti selektoriai greičiau. 560 00:23:20,540 --> 00:23:22,790 >> ALLISON Buchholtz-AS: O, mes turime sujungti selektoriai. 561 00:23:22,790 --> 00:23:25,260 TOMAS REIMERS: Taigi kai pavyzdžiai yra mes turime 562 00:23:25,260 --> 00:23:29,630 # Dog-- svaras arba grotelėmis, arba Octothorpe, ar kas 563 00:23:29,630 --> 00:23:32,050 norite skambinti that-- aštrus. 564 00:23:32,050 --> 00:23:34,875 >> ALLISON Buchholtz-AS: Sharp šuo. 565 00:23:34,875 --> 00:23:36,470 >> TOMAS REIMERS: Tada jūs turite .pets. 566 00:23:36,470 --> 00:23:39,059 567 00:23:39,059 --> 00:23:41,600 Kažkas turi šunų ID, yra tik vienas šuo puslapyje. 568 00:23:41,600 --> 00:23:43,870 Kažkas turi id katė, ten tik vienas katinas. 569 00:23:43,870 --> 00:23:45,665 Gali būti daug augintiniai puslapyje. 570 00:23:45,665 --> 00:23:47,570 Štai kodėl mes davė, kad klases. 571 00:23:47,570 --> 00:23:48,740 Jūs turite P pavyzdys. 572 00:23:48,740 --> 00:23:50,490 Ir tada taip, viena iš Paskutinis pavyzdys, kuris 573 00:23:50,490 --> 00:23:53,790 yra kažkas, ką mes ne kalbėjo apie, kas atsitinka, kai jūs juos sujungti. 574 00:23:53,790 --> 00:23:54,580 Taigi p.pets. 575 00:23:54,580 --> 00:23:57,510 576 00:23:57,510 --> 00:24:02,950 >> Taigi, kad grįžkime prie kodą ir įvesti another-- taip. 577 00:24:02,950 --> 00:24:04,290 Taigi vėl čia. 578 00:24:04,290 --> 00:24:04,850 >> ALLISON Buchholtz-AS: Aš jaustis kaip tai really-- 579 00:24:04,850 --> 00:24:08,105 kaip tik ieško per pavyzdžių yra tikrai būdas sužinoti tai. 580 00:24:08,105 --> 00:24:09,360 Taigi tai, ką mes darome. 581 00:24:09,360 --> 00:24:14,030 >> TOMAS REIMERS: Taigi tegul apsimeta mes tik norite pasirinkti teksto 2, tiesa? 582 00:24:14,030 --> 00:24:16,530 Taigi mes tikrai negali padaryti, kad su id. 583 00:24:16,530 --> 00:24:19,620 Na, mes galime padaryti, kad su id, tačiau ji neturi ID. 584 00:24:19,620 --> 00:24:22,490 Galėčiau pridėti dar vieną, bet tegul apsimeta kad aš nenorėjau pridėti vieną 585 00:24:22,490 --> 00:24:24,910 ar jis jau turi ką nors kita. 586 00:24:24,910 --> 00:24:26,516 Aš negaliu padaryti, kad su tuo. 587 00:24:26,516 --> 00:24:28,870 Žymė yra tikrai ne vienintelis, tiesa? 588 00:24:28,870 --> 00:24:30,670 Ir nei yra klasė. 589 00:24:30,670 --> 00:24:32,314 Bet jūs galite suderinti šiuos dalykus. 590 00:24:32,314 --> 00:24:35,230 Tarkime, mes norėjome padaryti kažką kuri taikoma tik dalykų, kurie 591 00:24:35,230 --> 00:24:39,420 turi klasės specialiųjų ir kurios klasės gana. 592 00:24:39,420 --> 00:24:48,150 >> Taigi, ką jūs galite padaryti, yra main.css, galite pasakyti, tegul pirmas ištrinti. 593 00:24:48,150 --> 00:24:50,240 Galite derinti jų. 594 00:24:50,240 --> 00:24:51,430 Taigi jūs galite padaryti .special. 595 00:24:51,430 --> 00:24:52,110 Nėra vietos. 596 00:24:52,110 --> 00:24:54,770 Tiesiog .special.pretty. 597 00:24:54,770 --> 00:25:00,550 Ką tai reiškia, kad yra kažkas, kuris yra tiek ypatingas ir gana. 598 00:25:00,550 --> 00:25:01,900 Ar tai prasminga? 599 00:25:01,900 --> 00:25:04,190 Ir jei mes einame čia ką jūs ketinate pamatyti 600 00:25:04,190 --> 00:25:09,734 yra ši taisyklė taikoma tik antrasis, kuri turi tiek iš tų. 601 00:25:09,734 --> 00:25:11,400 Ir jūs galite padaryti, kad daug dalykų. 602 00:25:11,400 --> 00:25:13,270 Galite say-- tegul apsimesti, aš tik norėjau 603 00:25:13,270 --> 00:25:18,300 daryti dalykus, kurių klasę gana ir kuris taip pat yra dalis žymė. 604 00:25:18,300 --> 00:25:19,920 Taigi p.pretty. 605 00:25:19,920 --> 00:25:23,585 Tarkime, kad turėjau kažkas gana TAG kūno. 606 00:25:23,585 --> 00:25:25,850 Gerai? 607 00:25:25,850 --> 00:25:28,490 Galiu paleisti tai ir aš matome, kad tai tik 608 00:25:28,490 --> 00:25:32,720 ketina kreiptis į dalykus, kurie punktai su klasės gana. 609 00:25:32,720 --> 00:25:35,650 Ir jūs galite sujungti šias, Iš esmės, kaip daugelis, kaip jūs norite. 610 00:25:35,650 --> 00:25:38,580 Taigi, galite tiesiog įdėti juos kartu. 611 00:25:38,580 --> 00:25:39,604 Ar tai prasminga? 612 00:25:39,604 --> 00:25:41,770 ALLISON Buchholtz-AS: Taigi tai kokios yra daugiau naudingas 613 00:25:41,770 --> 00:25:45,490 kai Tomas sakė anksčiau, gal turite labai sudėtingą svetainę, 614 00:25:45,490 --> 00:25:48,050 ir jūs jau turite daug Šių taisyklių raštu, 615 00:25:48,050 --> 00:25:51,170 ir jums tiesiog reikia sujungti du iš anksčiau. 616 00:25:51,170 --> 00:25:55,350 Kaip vietoj raštu visumą Naujas selektorių ir jį pakeisti ten, 617 00:25:55,350 --> 00:25:58,592 galite tiesiog sujungti juos kur sutampa. 618 00:25:58,592 --> 00:26:00,670 >> TOMAS REIMERS: Arba jūs gali rasti out-- kartais 619 00:26:00,670 --> 00:26:04,290 ten viena klasė, kuri daro Šrifto spalva kaip mėlyna, 620 00:26:04,290 --> 00:26:06,740 ir ten dar klasė, kuri daro fono mėlyna. 621 00:26:06,740 --> 00:26:07,840 Ir tai tiesiog neveiks. 622 00:26:07,840 --> 00:26:10,924 Taigi rašote ypatingas atvejis, kur, like-- bet jei jis turi tiek, ką jūs 623 00:26:10,924 --> 00:26:13,548 ketina padaryti, tai jūs ketinate padaryti šį vieną tokį mėlyną atspalvį 624 00:26:13,548 --> 00:26:15,310 ir tai vienas tai kitas atspalvis mėlyna. 625 00:26:15,310 --> 00:26:15,580 Teisė? 626 00:26:15,580 --> 00:26:17,955 >> ALLISON Buchholtz-AS: Geras tiems išimčių rūšių. 627 00:26:17,955 --> 00:26:21,220 TOMAS REIMERS: Taigi, norint galvoti apie problemas 628 00:26:21,220 --> 00:26:25,000 kad gali kilti, kai jūs juos sujungti. 629 00:26:25,000 --> 00:26:27,020 Nemokama. 630 00:26:27,020 --> 00:26:29,692 Taigi atgal į mūsų pristatymas. 631 00:26:29,692 --> 00:26:31,400 ALLISON Buchholtz-AS: Mes beveik ten. 632 00:26:31,400 --> 00:26:34,022 TOMAS REIMERS: Ir tai sustojo prijungti. 633 00:26:34,022 --> 00:26:36,494 ALLISON Buchholtz-AS: O, ne. 634 00:26:36,494 --> 00:26:39,125 ALLISON Buchholtz-AS: CS ne biuro, interneto krinta. 635 00:26:39,125 --> 00:26:40,360 Oi, ironija. 636 00:26:40,360 --> 00:26:45,620 >> TOMAS REIMERS: Taigi, laimei, mes galime pateikti be interneto, manau, 637 00:26:45,620 --> 00:26:47,380 nes mes turime visas skaidres čia. 638 00:26:47,380 --> 00:26:49,304 Taigi pakalbėkime apie santykiai žymes. 639 00:26:49,304 --> 00:26:50,470 ALLISON Buchholtz-AS: Teisė. 640 00:26:50,470 --> 00:26:52,660 Taigi tiesiog rūšies vyksta nuo to, ką pasakė Tomas 641 00:26:52,660 --> 00:26:54,180 tai tik dar vienas būdas tai padaryti. 642 00:26:54,180 --> 00:26:57,840 Taigi, mes turime tam tikrą tėvų selektorius su vaikų selektorių. 643 00:26:57,840 --> 00:27:02,815 Taigi, šiame pavyzdyje čia, mes kai korpusas su klasės naršymo juostoje, mygtuko klasė. 644 00:27:02,815 --> 00:27:03,315 Ak. 645 00:27:03,315 --> 00:27:03,990 >> TOMAS REIMERS: Oi, atsiprašau. 646 00:27:03,990 --> 00:27:06,180 >> ALLISON Buchholtz-AS: Ir iš esmės, ką tai reiškia 647 00:27:06,180 --> 00:27:11,070 yra pasirinkti visus vaikams, pavyzdžiui, visų šių parinktuvams rūšių, 648 00:27:11,070 --> 00:27:13,040 per šį patronuojančios selektorių. 649 00:27:13,040 --> 00:27:16,004 Ir tie, kurie vieninteliai tai kada nors taikyti. 650 00:27:16,004 --> 00:27:17,755 Aš nežinau, jei jūs turi geresnį būdą of-- 651 00:27:17,755 --> 00:27:19,504 TOMAS REIMERS: Taigi aš atspėti, kaip galvoti 652 00:27:19,504 --> 00:27:22,440 apie tai prisiminti prieš tai, kaip mes tarsi juos kartu. 653 00:27:22,440 --> 00:27:26,340 Ir tada tai reiškia, kad vienas elementas kurie atitinka visus šiuos. 654 00:27:26,340 --> 00:27:29,530 Ką tai sako, aš noriu jums suderinti viską 655 00:27:29,530 --> 00:27:33,220 per some-- Noriu jums rasti rankenėlę. 656 00:27:33,220 --> 00:27:35,670 Ir tada per, kad aš noriu jums atitiktų naujus dalykus. 657 00:27:35,670 --> 00:27:36,170 Teisė? 658 00:27:36,170 --> 00:27:40,900 Taigi CSS, svabiausia rūšiuoti galėtų atitikti šiuos elementus. 659 00:27:40,900 --> 00:27:43,050 Ir jūs galite pabandyti suderinti straipsniai, kaip kitų daiktų. 660 00:27:43,050 --> 00:27:46,510 >> Taigi leiskite tikrųjų pavyzdį, ir mes manome, kad jums paaiškinti. 661 00:27:46,510 --> 00:27:53,090 Taigi tegul apsimeta turime ypatingą, ypatingą gana nepriklausomai. 662 00:27:53,090 --> 00:27:55,690 Ir tada mes turime ryšį, gerai? 663 00:27:55,690 --> 00:27:59,780 664 00:27:59,780 --> 00:28:02,370 Taigi nepamirškite, yra ryšys. 665 00:28:02,370 --> 00:28:03,900 Jis nesiruošia niekur eiti. 666 00:28:03,900 --> 00:28:11,500 Ir mes ketiname suteikti jai klasė nuorodą, I guess. 667 00:28:11,500 --> 00:28:13,335 Leiskite pateikti jį į class-- man idėją. 668 00:28:13,335 --> 00:28:14,460 ALLISON Buchholtz-AS: cool. 669 00:28:14,460 --> 00:28:16,420 TOMAS REIMERS: Coo-- tegul eiti tai klasei gana. 670 00:28:16,420 --> 00:28:16,930 Kodėl gi ne? 671 00:28:16,930 --> 00:28:17,971 >> ALLISON Buchholtz-AS: Gerai. 672 00:28:17,971 --> 00:28:23,040 TOMAS REIMERS: Taigi dabar gana dalykai 673 00:28:23,040 --> 00:28:26,000 ketinate padaryti foną mėlyna, fono spalva lašišos. 674 00:28:26,000 --> 00:28:27,969 Tai turi prasmę. 675 00:28:27,969 --> 00:28:28,760 Ir jei mes darome this-- 676 00:28:28,760 --> 00:28:29,620 >> ALLISON Buchholtz-AS: Ar norite pridėti tekstą 677 00:28:29,620 --> 00:28:31,078 taip pat interneto nuorodą iš tikrųjų rodo? 678 00:28:31,078 --> 00:28:35,088 TOMAS REIMERS: Tai Būtų gerai skambutis. 679 00:28:35,088 --> 00:28:37,921 ALLISON Buchholtz-AS: "Priežastis teisė dabar mes tiesiog gonna get nieko. 680 00:28:37,921 --> 00:28:39,690 TOMAS REIMERS: Taigi tai yra ryšys. 681 00:28:39,690 --> 00:28:42,202 "Tai yra ryšys." 682 00:28:42,202 --> 00:28:45,820 Oh, ir tai vyksta yra dar viena nuorodą. 683 00:28:45,820 --> 00:28:47,280 Leiskite jai suteikti klasė "kietas". 684 00:28:47,280 --> 00:28:50,295 Jūs teisus. 685 00:28:50,295 --> 00:28:50,795 Nemokama. 686 00:28:50,795 --> 00:28:53,590 687 00:28:53,590 --> 00:28:56,010 Taigi dabar mes ketiname patraukti tai. 688 00:28:56,010 --> 00:28:57,269 Mes ketiname mesti vieną. 689 00:28:57,269 --> 00:28:59,060 Mes turime vieną ypatinga žymė, ir mes taip pat 690 00:28:59,060 --> 00:29:01,150 ketinate turėti vieną gana žyma. 691 00:29:01,150 --> 00:29:05,449 Ir dabar ką mes ketiname padaryti, tai mes ketiname padaryti cool-- 692 00:29:05,449 --> 00:29:06,490 ką mes norime, kad ji daryti? 693 00:29:06,490 --> 00:29:10,347 694 00:29:10,347 --> 00:29:12,180 ALLISON Buchholtz-AS: Ar mes galime padaryti didesni? 695 00:29:12,180 --> 00:29:13,800 TOMAS REIMERS: Leiskite jam suteikti sieną. 696 00:29:13,800 --> 00:29:14,840 ALLISON Buchholtz-AS: Mes galime sienos. 697 00:29:14,840 --> 00:29:15,673 TOMAS REIMERS: Taip. 698 00:29:15,673 --> 00:29:18,560 Taigi mes ketiname daryti kažką kaip, sienų is-- ir mes 699 00:29:18,560 --> 00:29:20,971 ketina paaiškinti visa tai per sekundę. 700 00:29:20,971 --> 00:29:21,470 Dėl now-- 701 00:29:21,470 --> 00:29:24,592 >> ALLISON Buchholtz-AS: į lauką modelį. 702 00:29:24,592 --> 00:29:27,300 TOMAS REIMERS: Bet dabar, mes tik ketina suteikti jai sieną. 703 00:29:27,300 --> 00:29:29,580 Taigi, ką tai reiškia, jūs esate ketiname pamatyti šias nuorodas. 704 00:29:29,580 --> 00:29:32,788 Ir jūs ketinate pamatyti, kad jie turi šie, kaip, negraži juoda sienos, kuri 705 00:29:32,788 --> 00:29:33,820 yra kietas. 706 00:29:33,820 --> 00:29:34,500 >> ALLISON Buchholtz-AS: Mūsų svetainė yra toks gana. 707 00:29:34,500 --> 00:29:35,333 >> TOMAS REIMERS: Taip. 708 00:29:35,333 --> 00:29:38,930 Mūsų svetainė yra awesome. 709 00:29:38,930 --> 00:29:41,585 Taigi šie du dalykai yra nuorodos ir jie atrodo. 710 00:29:41,585 --> 00:29:44,160 Dabar galime apsimesti I tik norėjau tai padaryti 711 00:29:44,160 --> 00:29:50,072 jeigu jis nebuvo per kažką kuri turėjo lašišos fone. 712 00:29:50,072 --> 00:29:52,280 Taigi nepamirškite, kad šis turi lašišos fone, 713 00:29:52,280 --> 00:29:54,000 nes tai klasei gana. 714 00:29:54,000 --> 00:29:59,777 >> Bet mes norime pasakyti, kad tik atvėsina kuris yra klasės specialus, ne klasėje 715 00:29:59,777 --> 00:30:02,890 gražus, turi turėti tą sieną. 716 00:30:02,890 --> 00:30:12,549 Na, ką jūs galite padaryti, tai jūs galima sakyti, .special, erdvės, .cool. 717 00:30:12,549 --> 00:30:15,590 Ir ką tai daro, kai jūs manote apie tai, ar jis iš esmės sakydamas, 718 00:30:15,590 --> 00:30:19,530 Gerai, suraskite man viską kuris atitinka ypatinga. 719 00:30:19,530 --> 00:30:24,104 Tada tose žymeles, raskite man viskas, kas gerai. 720 00:30:24,104 --> 00:30:27,270 ALLISON Buchholtz-AS: Taigi dar vienas būdas kad gali būti gera galvoti apie tai, 721 00:30:27,270 --> 00:30:29,810 pareikšti jį atgal į C, yra kaip ir taikymo sritį idėja. 722 00:30:29,810 --> 00:30:34,020 Taigi, kai jūs turite kai kurie selektorių, kaip ir tuos, 723 00:30:34,020 --> 00:30:38,460 kad mes dirbame jau prieš tai, visą savo tinklalapį, visi jūsų HTML 724 00:30:38,460 --> 00:30:40,180 per savo taikymo sritį, tiesa? 725 00:30:40,180 --> 00:30:43,090 Bet kai mes turime tai tėvų ir vaikų santykiai, 726 00:30:43,090 --> 00:30:47,130 tai taip, jei jūs susiaurinimo, kur Jūs ieškote tam tikroje konkrečioje vietoje, 727 00:30:47,130 --> 00:30:50,540 tarsi, kaip, mes ieškome per o specifinė funkcija 728 00:30:50,540 --> 00:30:52,007 visos mūsų failą. 729 00:30:52,007 --> 00:30:55,090 AUDITORIJA: Taigi atsižvelgdamas į tai, būtų tai jau nerūpėjo, jei mes turėjome changed-- 730 00:30:55,090 --> 00:30:56,423 ALLISON Buchholtz-AS: užsakymas? 731 00:30:56,423 --> 00:30:59,320 AUDITORIJA: --Draugai klasė CSS į .cool, erdvė, .special? 732 00:30:59,320 --> 00:31:01,153 ALLISON Buchholtz-AS: Taip, nes tada 733 00:31:01,153 --> 00:31:04,420 sakyčiau, apimtis jį viskas, kas turi atvėsti, 734 00:31:04,420 --> 00:31:07,235 ir tada pažvelgti, kas has-- I reiškia, kaip, šiuo atveju, 735 00:31:07,235 --> 00:31:08,860 Aš nemanau, kad tai būtų pakeitęs. 736 00:31:08,860 --> 00:31:10,318 >> TOMAS REIMERS: Jei mes pasakė, ką? 737 00:31:10,318 --> 00:31:10,906 Atsiprašau. 738 00:31:10,906 --> 00:31:12,660 >> ALLISON Buchholtz-AS: jei mes sritis, kad ji atvėsti ir tada 739 00:31:12,660 --> 00:31:14,550 ieškoti dalykų iš ypatinga, tai būtų ta pati, iš tikrųjų. 740 00:31:14,550 --> 00:31:16,260 >> TOMAS REIMERS: Taigi ji negali būti. 741 00:31:16,260 --> 00:31:16,590 >> ALLISON Buchholtz-AS: jis ne? 742 00:31:16,590 --> 00:31:17,590 Oi, oi gerai. 743 00:31:17,590 --> 00:31:18,090 Aš esu neteisus. 744 00:31:18,090 --> 00:31:21,480 >> TOMAS REIMERS: Taigi priežastis tai different-- bendra mistake-- 745 00:31:21,480 --> 00:31:27,140 yra tai, kad dabar tik ryšys yra kietas, tiesa? 746 00:31:27,140 --> 00:31:32,176 Manau, mano klausimas jums vaikinai yra kas Šiame puslapyje yra suderinta .cool? 747 00:31:32,176 --> 00:31:35,984 748 00:31:35,984 --> 00:31:38,340 Yra du žodžius čia, tiesa? 749 00:31:38,340 --> 00:31:39,770 Kuris tai vienas ir šis. 750 00:31:39,770 --> 00:31:40,590 Abi rungtynės kietas. 751 00:31:40,590 --> 00:31:42,200 Jokia kita daro. 752 00:31:42,200 --> 00:31:46,460 Taigi, jei jūs sakėte, .cool, erdvė, .special, ką jūs ketinate pasakyti, 753 00:31:46,460 --> 00:31:48,824 per šias žymeles, kas yra ypatinga? 754 00:31:48,824 --> 00:31:49,865 ALLISON Buchholtz-AS: Hm. 755 00:31:49,865 --> 00:31:51,800 Štai ką it-- dešinę. 756 00:31:51,800 --> 00:31:52,310 Nes tai kaip tik kažką čia. 757 00:31:52,310 --> 00:31:53,310 >> TOMAS REIMERS: Taigi jis atrenka nieko. 758 00:31:53,310 --> 00:31:56,530 >> ALLISON Buchholtz-AS: kadangi su ypatinga, mes per šias žymeles čia. 759 00:31:56,530 --> 00:31:57,971 >> TOMAS REIMERS: Tie ir tie. 760 00:31:57,971 --> 00:31:58,512 AUDITORIJA: Gerai. 761 00:31:58,512 --> 00:31:58,920 Taigi tie žymes nuo laivapriekio velniop? 762 00:31:58,920 --> 00:31:59,740 >> TOMAS REIMERS: Taip. 763 00:31:59,740 --> 00:32:01,150 Ar tai prasminga? 764 00:32:01,150 --> 00:32:03,685 Kaip tai iš esmės bando susiaurinti taikymo sritį. 765 00:32:03,685 --> 00:32:04,810 ALLISON Buchholtz-AS: Taip. 766 00:32:04,810 --> 00:32:06,870 Manau, kad tai tikriausiai Paprasčiausias būdas galvoti apie tai. 767 00:32:06,870 --> 00:32:09,270 >> TOMAS REIMERS: Taigi, mes nustatėme, kad šis ir mes radome tai tiek derinama ypatinga. 768 00:32:09,270 --> 00:32:11,400 Ir tada mes klausia, per šie vaikinai, kas gerai? 769 00:32:11,400 --> 00:32:12,941 Ir per šį vieną, tai vienas kietas. 770 00:32:12,941 --> 00:32:14,500 Per šį vieną, nieko kietas. 771 00:32:14,500 --> 00:32:16,250 Taigi, tai yra tik tag, kad išlieka. 772 00:32:16,250 --> 00:32:20,112 >> ALLISON Buchholtz-AS: kadangi kietas yra tik šiose po žymės ten. 773 00:32:20,112 --> 00:32:21,070 TOMAS REIMERS: Būtent. 774 00:32:21,070 --> 00:32:22,403 Ir kas ypatinga per tuos? 775 00:32:22,403 --> 00:32:22,930 Nieko. 776 00:32:22,930 --> 00:32:25,270 Dabar, ką aš pasakysiu yra jei ten buvo ne erdvė, 777 00:32:25,270 --> 00:32:29,880 Jūs esate klausia, kas kietas ir special-- ar kas gana ir ypatinga, tiesa? 778 00:32:29,880 --> 00:32:35,370 Jei pasakyti .special.pretty, tai pati, kaip .pretty.special. 779 00:32:35,370 --> 00:32:39,220 >> Nes tai, ką pašalinti erdvę yra klausia, kai jūs sakote .special, 780 00:32:39,220 --> 00:32:40,970 Jūs esate klausia, gerai, kurie iš jų yra ypatinga? 781 00:32:40,970 --> 00:32:43,780 Ir tada iš tų, kurie iš jų yra taip pat gražus, 782 00:32:43,780 --> 00:32:47,010 kuris yra tas pats, gramatiškai, kaip klausia, kas gražus, 783 00:32:47,010 --> 00:32:49,500 ir tada iš tų, kas taip pat ypatingas? 784 00:32:49,500 --> 00:32:50,000 Teisė? 785 00:32:50,000 --> 00:32:53,099 Tai skirtumas kas per kas. 786 00:32:53,099 --> 00:32:53,640 AUDITORIJA: Gerai. 787 00:32:53,640 --> 00:32:54,473 TOMAS REIMERS: Taip. 788 00:32:54,473 --> 00:32:56,670 789 00:32:56,670 --> 00:32:58,030 Nuostabus. 790 00:32:58,030 --> 00:33:00,426 Taigi atsižvelgdamas į tai then-- 791 00:33:00,426 --> 00:33:01,800 >> ALLISON Buchholtz-AS: Manau, mūsų paskutinis dalykas yra (išgalvotas britišku akcentu) 792 00:33:01,800 --> 00:33:02,510 dėžutės modelis. 793 00:33:02,510 --> 00:33:05,992 >> TOMAS REIMERS: box-- [Chuckles] Aš myliu kelią Allison sako, kad. 794 00:33:05,992 --> 00:33:06,950 Taigi langelį modelio dalykas. 795 00:33:06,950 --> 00:33:09,644 >> ALLISON Buchholtz-AS: Tiesiog dėžutė, Aš būsiu tavo dėžutė modelis. 796 00:33:09,644 --> 00:33:11,310 TOMAS REIMERS: Taigi pakalbėkime apie tai. 797 00:33:11,310 --> 00:33:14,070 Taigi dabar mes praleido daug laiko kalbėti apie selektoriai. 798 00:33:14,070 --> 00:33:16,944 Iki šiol, vaikinai tikriausiai, panašiai, meistrai selectors-- žinote, 799 00:33:16,944 --> 00:33:21,510 kaip tiksliai pasirinkti turinį, norite manipuliuoti ekrane. 800 00:33:21,510 --> 00:33:24,740 >> Taigi dabar klausimas, kaip tiksliai galite manipuliuoti? 801 00:33:24,740 --> 00:33:27,010 Taigi, manau, svarbiausias būdas galvoti apie tai 802 00:33:27,010 --> 00:33:30,294 yra gerai, kas tiksliai yra CSS elementas? 803 00:33:30,294 --> 00:33:32,585 Mes praleido daug laiko kalbame apie, tai, kas yra žyma, 804 00:33:32,585 --> 00:33:36,140 ar kas yra svarbiausias atstovavimas žymos? 805 00:33:36,140 --> 00:33:39,870 806 00:33:39,870 --> 00:33:45,170 >> Geras būdas galvoti apie tai yra, kokios formos yra lašišos? 807 00:33:45,170 --> 00:33:47,295 Kas forma, kaip, lašišos spalvos fone? 808 00:33:47,295 --> 00:33:47,880 >> AUDITORIJA: Tai stačiakampis. 809 00:33:47,880 --> 00:33:49,040 >> TOMAS REIMERS: Tai stačiakampis, tiesa? 810 00:33:49,040 --> 00:33:50,956 >> ALLISON Buchholtz-AS: Nebuvo apgauti klausimas. 811 00:33:50,956 --> 00:33:51,870 [Juokas] 812 00:33:51,870 --> 00:33:54,670 >> TOMAS REIMERS: Ne bando apgauti jus vaikinai tai vėlai. 813 00:33:54,670 --> 00:33:57,510 Taigi, mes turime šį stačiakampį. 814 00:33:57,510 --> 00:33:59,140 Ir tag p, tiesa? 815 00:33:59,140 --> 00:34:02,280 Taigi, kad suteikia mums gera tikėjimas, kad dalis 816 00:34:02,280 --> 00:34:07,440 vaizduojamas kaip stačiakampis, ne bent iš naršyklės omenyje, kuri 817 00:34:07,440 --> 00:34:08,715 ji yra. 818 00:34:08,715 --> 00:34:11,423 >> ALLISON Buchholtz-AS: Aš turiu galvoje, naršyklės paprastai stačiakampio formos, 819 00:34:11,423 --> 00:34:13,440 todėl prasminga. 820 00:34:13,440 --> 00:34:18,750 >> TOMAS REIMERS: Idėja yra tai, kad visi per CSS žymės 821 00:34:18,750 --> 00:34:21,790 yra vaizduojamas kaip stačiakampis. 822 00:34:21,790 --> 00:34:25,699 Ir kiekvienas stačiakampis turi keturias dalys pagal CSS, gerai? 823 00:34:25,699 --> 00:34:27,830 Jūs turite realią turinį. 824 00:34:27,830 --> 00:34:29,644 Štai kur slypi teksto. 825 00:34:29,644 --> 00:34:30,470 >> ALLISON Buchholtz-AS: Galbūt jūsų nuotrauka. 826 00:34:30,470 --> 00:34:31,303 >> TOMAS REIMERS: Taip. 827 00:34:31,303 --> 00:34:33,860 Turite padding, kuris yra tik kai tarpas natūra. 828 00:34:33,860 --> 00:34:35,085 Tada jūs turite sieną. 829 00:34:35,085 --> 00:34:37,710 Ir tada jūs turite maržą, kuri balta erdvė už tai. 830 00:34:37,710 --> 00:34:39,460 Taigi, kad nėra jokios prasmės visiems, todėl mes 831 00:34:39,460 --> 00:34:42,500 ketiname kalbėti apie tai sekundę. 832 00:34:42,500 --> 00:34:47,570 Taigi čia, ką mes ketiname daryti yra mes ketiname sukurti keletą DIV-ų, gerai? 833 00:34:47,570 --> 00:34:48,420 Atsiprašau, o I-- 834 00:34:48,420 --> 00:34:51,506 >> ALLISON Buchholtz-AS: aš jaučiuosi kaip turėtume mielas vaizdą. 835 00:34:51,506 --> 00:34:52,520 >> TOMAS REIMERS: Mes tikrai turėtų. 836 00:34:52,520 --> 00:34:53,389 >> ALLISON Buchholtz-AS: Jaučiu, kaip visiems 837 00:34:53,389 --> 00:34:54,870 galėtų pasinaudoti mielas vaizdas, yra viskas. 838 00:34:54,870 --> 00:34:56,774 >> TOMAS REIMERS: Ar mes galime visi iš a-- nauda 839 00:34:56,774 --> 00:34:57,648 >> AUDITORIJA: Taip, tikrai. 840 00:34:57,648 --> 00:34:58,790 TOMAS REIMERS: Gerai, gerai. 841 00:34:58,790 --> 00:35:02,254 Taigi, mes turime įdėti mielas nuotrauką kažkur. 842 00:35:02,254 --> 00:35:05,295 ALLISON Buchholtz-AS: aš jaučiuosi kaip mielas triušelis gali būti naudinga dabar. 843 00:35:05,295 --> 00:35:06,190 TOMAS REIMERS: Žinoma. 844 00:35:06,190 --> 00:35:06,950 ALLISON Buchholtz-AS: pabaiga savaitę. 845 00:35:06,950 --> 00:35:07,390 Ar kažką adorab-- 846 00:35:07,390 --> 00:35:08,520 >> TOMAS REIMERS: Kaip bijau kačiukas? 847 00:35:08,520 --> 00:35:09,220 >> ALLISON Buchholtz-AS: Kačiukas irgi veikia. 848 00:35:09,220 --> 00:35:11,300 >> TOMAS REIMERS: Cool, nes ten už tai svetainė. 849 00:35:11,300 --> 00:35:12,300 Tai vadinama PlaceKitten. 850 00:35:12,300 --> 00:35:14,719 ALLISON Buchholtz-AS: Tai puiku. 851 00:35:14,719 --> 00:35:15,510 TOMAS REIMERS: Taip. 852 00:35:15,510 --> 00:35:18,040 ALLISON Buchholtz-AS: Tiesiog, kaip, Placeholder vaizdai Jūsų svetainėje. 853 00:35:18,040 --> 00:35:18,914 TOMAS REIMERS: MM-hm. 854 00:35:18,914 --> 00:35:21,520 Taip pat PlacePuppy. 855 00:35:21,520 --> 00:35:22,832 Ir ten PlaceBacon. 856 00:35:22,832 --> 00:35:24,340 >> ALLISON Buchholtz-AS: PlaceBacon? 857 00:35:24,340 --> 00:35:25,350 Tikrai? 858 00:35:25,350 --> 00:35:28,190 >> TOMAS REIMERS: O, mes neturime turėti prieigą prie interneto čia. 859 00:35:28,190 --> 00:35:29,875 >> ALLISON Buchholtz-AS: [dejuoja] 860 00:35:29,875 --> 00:35:30,375 Tragiška. 861 00:35:30,375 --> 00:35:32,333 TOMAS REIMERS: Priešingu atveju, Norėčiau parodyti jums, vaikinai 862 00:35:32,333 --> 00:35:33,870 Kaip įdėti nuotraukas į savo svetainę. 863 00:35:33,870 --> 00:35:36,370 Mes ketiname bandyti gauti tai darbo, kol mes turime eiti. 864 00:35:36,370 --> 00:35:38,660 Bet dabar, mes tiesiog ketiname kalbėti spalvų tada. 865 00:35:38,660 --> 00:35:39,820 Mes norime įdėti nuotraukas kittens-- 866 00:35:39,820 --> 00:35:40,210 >> ALLISON Buchholtz-AS: Mes padarėme. 867 00:35:40,210 --> 00:35:43,110 >> TOMAS REIMERS: --Draugai internetą nustatytos metu viduryje. 868 00:35:43,110 --> 00:35:47,820 Taigi, mes turime du DIV-ų, ir mes ketina suteikti jiems du adresus. 869 00:35:47,820 --> 00:35:51,380 870 00:35:51,380 --> 00:35:56,760 Mes ketiname jį vadiname "Pirmasis" ir "antrasis". 871 00:35:56,760 --> 00:36:01,184 Taigi id = "pirmas". 872 00:36:01,184 --> 00:36:02,850 Ir mes ketiname suteikti jiems dvi spalvas. 873 00:36:02,850 --> 00:36:08,424 Taigi, kaip mes pasirinkti kažką su iš "pirmasis" id? 874 00:36:08,424 --> 00:36:09,840 ALLISON Buchholtz-AS: Dot arba maišos? 875 00:36:09,840 --> 00:36:10,730 AUDITORIJA: Sharp. 876 00:36:10,730 --> 00:36:12,940 TOMAS REIMERS: Sharp tobula. 877 00:36:12,940 --> 00:36:14,950 Sharp maišos, nepriklausomai we-- 878 00:36:14,950 --> 00:36:15,680 >> ALLISON Buchholtz-AS: Daug dalykų, kuriuos vadina jį. 879 00:36:15,680 --> 00:36:16,430 >> TOMAS REIMERS: Gerai. 880 00:36:16,430 --> 00:36:19,800 Mes ketiname atsiskaityti hashtag ir kad tai, ką mes ketiname eiti su. 881 00:36:19,800 --> 00:36:20,300 Gerai? 882 00:36:20,300 --> 00:36:20,735 >> ALLISON Buchholtz-AS: hashtag. 883 00:36:20,735 --> 00:36:22,340 >> TOMAS REIMERS: Taigi grotelėmis pirmasis. 884 00:36:22,340 --> 00:36:24,506 >> ALLISON Buchholtz-AS: Taigi galite Čivināšana seminar-- 885 00:36:24,506 --> 00:36:27,582 grotelėmis CSS, grotelėmis kietas. 886 00:36:27,582 --> 00:36:29,040 TOMAS REIMERS: hashtag Nuostabumo. 887 00:36:29,040 --> 00:36:30,730 ALLISON Buchholtz-AS: Hashtag Nuostabumo, taip. 888 00:36:30,730 --> 00:36:31,480 TOMAS REIMERS: Gerai. 889 00:36:31,480 --> 00:36:33,660 Taigi, mes turime "pirmasis" ir "antrasis". 890 00:36:33,660 --> 00:36:37,697 Taigi, pirmiausia, mes ketiname turėti fono spalva raudona. 891 00:36:37,697 --> 00:36:39,030 ALLISON Buchholtz-AS: Uh, storosios žarnos. 892 00:36:39,030 --> 00:36:40,281 TOMAS REIMERS: Yup. 893 00:36:40,281 --> 00:36:42,281 ALLISON Buchholtz-AS: Aš būsiu tavo vietoje, tikrintuvas. 894 00:36:42,281 --> 00:36:43,960 TOMAS REIMERS: Allison "gavo mane. 895 00:36:43,960 --> 00:36:45,830 Background-spalva blue-- 896 00:36:45,830 --> 00:36:46,810 >> TOMAS REIMERS: Violetinė! 897 00:36:46,810 --> 00:36:47,726 >> TOMAS REIMERS: Violetinė. 898 00:36:47,726 --> 00:36:48,830 ALLISON Buchholtz-AS: Taip. 899 00:36:48,830 --> 00:36:50,630 Purple mano mėgstamiausia spalva, ir mes dar naudojo. 900 00:36:50,630 --> 00:36:51,546 >> TOMAS REIMERS: Violetinė. 901 00:36:51,546 --> 00:36:53,361 ALLISON Buchholtz-AS: Violetinė. 902 00:36:53,361 --> 00:36:53,860 Tai veikia. 903 00:36:53,860 --> 00:36:56,482 904 00:36:56,482 --> 00:36:59,880 >> TOMAS REIMERS: Taigi mes teks du DIV-ų. 905 00:36:59,880 --> 00:37:01,654 Jie bus visiškai tuščia. 906 00:37:01,654 --> 00:37:03,070 Mes tikriausiai turėtų turėti tam tikrą tekstą. 907 00:37:03,070 --> 00:37:05,580 908 00:37:05,580 --> 00:37:09,815 Taigi "pirmasis" bus "labas". 909 00:37:09,815 --> 00:37:10,940 Ir "antroji" bus say-- 910 00:37:10,940 --> 00:37:11,110 >> ALLISON Buchholtz-AS: Sudie. 911 00:37:11,110 --> 00:37:12,514 >> AUDITORIJA: - "pasaulyje". 912 00:37:12,514 --> 00:37:14,122 Sveiki, sudie. 913 00:37:14,122 --> 00:37:16,580 ALLISON Buchholtz-AS: Mačiau juos į koncertą kitą savaitę. 914 00:37:16,580 --> 00:37:17,705 TOMAS REIMERS: "The Beatles"? 915 00:37:17,705 --> 00:37:20,242 ALLISON Buchholtz-AS: Dėl Reals. 916 00:37:20,242 --> 00:37:21,200 Jie ne tai, kad didelis. 917 00:37:21,200 --> 00:37:24,084 918 00:37:24,084 --> 00:37:24,750 Man nepatinka tai. 919 00:37:24,750 --> 00:37:26,060 >> TOMAS REIMERS: Turime "Labas" ir "Goodbye". 920 00:37:26,060 --> 00:37:29,102 Ir vėl, CSS yra tiesiog nuostabus, nes jis pripažįsta savo spalvas. 921 00:37:29,102 --> 00:37:30,810 Nereikia net nerimauti, kad jie egzistuoja. 922 00:37:30,810 --> 00:37:33,194 Jie. 923 00:37:33,194 --> 00:37:35,130 >> ALLISON Buchholtz-AS: jie egzistuoja. 924 00:37:35,130 --> 00:37:39,560 >> TOMAS REIMERS: Taigi CSS manau turi 255 žodžiai kalbėti apie spalvą. 925 00:37:39,560 --> 00:37:42,986 Jei galite galvoti apie spalvą ribų tie 255, kaip, aš būsiu sužavėtas. 926 00:37:42,986 --> 00:37:44,110 ALLISON Buchholtz-AS: Taip. 927 00:37:44,110 --> 00:37:45,560 Manau vaikinai gali turėti tiesiog būna iškart po. 928 00:37:45,560 --> 00:37:47,727 >> TOMAS REIMERS: Taigi čia pamatysite turime dvi dėžės 929 00:37:47,727 --> 00:37:49,143 tiesiai ant kito viršaus, teisę? 930 00:37:49,143 --> 00:37:50,200 Sveiki atsisveikinti. 931 00:37:50,200 --> 00:37:51,460 >> ALLISON Buchholtz-AS: Nėra erdvė tarp jų. 932 00:37:51,460 --> 00:37:53,390 Jie tiesiog smooshed tiesiai ant kito viršaus. 933 00:37:53,390 --> 00:37:55,973 >> TOMAS REIMERS: Taigi pirmas dalykas, Manau, turėtume kalbėti apie 934 00:37:55,973 --> 00:38:02,960 yra tegul taip pat say-- taip. 935 00:38:02,960 --> 00:38:08,020 Taigi CSS atstovauja juos kaip rūšies dėžes. 936 00:38:08,020 --> 00:38:10,100 Ir, kaip dėžės, jie turi turinį. 937 00:38:10,100 --> 00:38:14,540 Ir turinys dabar yra tarsi HELLO arba sudie ir viskas. 938 00:38:14,540 --> 00:38:15,040 Gerai? 939 00:38:15,040 --> 00:38:19,790 >> Taigi vienas iš pirmųjų dalykų, kurį galite padaryti, tai galite pridėti padding. 940 00:38:19,790 --> 00:38:25,610 Apmušalas sako, kiek vietos ji turėtų palikti kiekvienoje pusėje. 941 00:38:25,610 --> 00:38:29,200 Taigi leiskite pasakyti, kad aš noriu pasakyti 10 taškų kiekvienoje pusėje. 942 00:38:29,200 --> 00:38:31,234 Aš perpjauti, kad per sekundę. 943 00:38:31,234 --> 00:38:33,150 ALLISON Buchholtz-AS: Visi šie dalykai čia 944 00:38:33,150 --> 00:38:36,980 ketinate būti daugiausia taškų dėl seminaro poilsio. 945 00:38:36,980 --> 00:38:40,980 Jūs ketinate pamatyti, kad jis turi kai aplink jį erdvė, tiesa? 946 00:38:40,980 --> 00:38:46,360 Taigi, ką jūs nematote čia yra ten tai nematomas rūšiuoti išklojimui 947 00:38:46,360 --> 00:38:49,600 kiekvienoje pusėje, kurioje teigiama, kaip, Gerai, jūs turite savo dėžutę content-- 948 00:38:49,600 --> 00:38:51,680 >> ALLISON Buchholtz-AS: Ar norite tiesiog atsigriebti tikrinti elementą? 949 00:38:51,680 --> 00:38:53,659 >> TOMAS REIMERS: Taip, tai gera idėja. 950 00:38:53,659 --> 00:38:56,700 ALLISON Buchholtz-AS: Taip, manau, kad apžiūrėti elementas yra geras būdas 951 00:38:56,700 --> 00:39:01,280 išsiaiškinti, jei kas nors vyksta negerai, kažkas netikėto nutinka, 952 00:39:01,280 --> 00:39:04,570 tikrinti etiketes ir pamatyti, ką tai kaip perrašyti yra naudinga. 953 00:39:04,570 --> 00:39:05,940 >> TOMAS REIMERS: Taigi, aš nesu įsitikinęs, jei jus vaikinai galite pamatyti šią spalvą. 954 00:39:05,940 --> 00:39:06,470 Ar galite? 955 00:39:06,470 --> 00:39:10,120 Pamatysite šį padding ant krašto rūšiuoti. 956 00:39:10,120 --> 00:39:13,410 Ir tada pamatysite tikrasis kiekis mėlyna, tiesa? 957 00:39:13,410 --> 00:39:16,820 Taigi, kad labai pagrindai dėžutės modelis. 958 00:39:16,820 --> 00:39:17,674 Turite turinį. 959 00:39:17,674 --> 00:39:18,590 Tada jūs turite padding. 960 00:39:18,590 --> 00:39:20,440 >> AUDITORIJA: Kodėl ne jūs tiesiog naudoti langelį viduje the-- 961 00:39:20,440 --> 00:39:21,606 >> ALLISON Buchholtz-AS: Teisė. 962 00:39:21,606 --> 00:39:24,745 Nes jis tiesiog pasirinkdami elementas dabar. 963 00:39:24,745 --> 00:39:26,050 >> TOMAS REIMERS: Yup. 964 00:39:26,050 --> 00:39:27,060 Kiti dalykai. 965 00:39:27,060 --> 00:39:29,780 Taigi pakalbėkime apie tai apdaila komandą sekundę. 966 00:39:29,780 --> 00:39:36,380 Taigi CSS, matavimai reikia turėti vienetą. 967 00:39:36,380 --> 00:39:39,740 Taigi, pirmiausia turite sumą. 968 00:39:39,740 --> 00:39:41,460 Taigi šiuo atveju, mes pasakė 10. 969 00:39:41,460 --> 00:39:44,780 Ir tada šalia vienas mes sakė yra taškų, px. 970 00:39:44,780 --> 00:39:49,160 Kitos tuos, kurie jums gali turėti, yra dalykų, pavyzdžiui, centimetrais, coliais. 971 00:39:49,160 --> 00:39:51,367 Jūs galite daryti tai, ko norite, kas 10 cm? 972 00:39:51,367 --> 00:39:52,700 Ir tai bus juokinga. 973 00:39:52,700 --> 00:39:52,990 >> ALLISON Buchholtz-AS: Oi, berniukas. 974 00:39:52,990 --> 00:39:53,460 >> AUDITORIJA: Oho. 975 00:39:53,460 --> 00:39:54,460 >> TOMAS IR ALLISON: Taip. 976 00:39:54,460 --> 00:39:57,840 TOMAS REIMERS: Taigi, kad viskas apdaila. 977 00:39:57,840 --> 00:39:59,255 Aš ruošiuosi grįžti į pikselių. 978 00:39:59,255 --> 00:40:01,754 >> ALLISON Buchholtz-AS: Pikseliai linkę būti, pavyzdžiui, standarto. 979 00:40:01,754 --> 00:40:04,589 Žiūrėdami daug svetainių, jie dažniausiai dirba pikselių. 980 00:40:04,589 --> 00:40:07,755 TOMAS REIMERS: Taigi jūs einate pamatyti arba pixels-- kitus tie, kuriuos matote 981 00:40:07,755 --> 00:40:13,952 yra em, kuri yra viena iš EM lygus šrifto aukščio 982 00:40:13,952 --> 00:40:15,160 kurį šiuo metu naudojate. 983 00:40:15,160 --> 00:40:16,201 >> ALLISON Buchholtz-AS: mm. 984 00:40:16,201 --> 00:40:17,574 985 00:40:17,574 --> 00:40:20,740 TOMAS REIMERS: Tai geras būdas pasakyti, kaip, noriu tiek pat vietos, kaip mano šriftu 986 00:40:20,740 --> 00:40:21,514 yra atsižvelgiant. 987 00:40:21,514 --> 00:40:23,180 ALLISON Buchholtz-AS: Ar nežinote, kad. 988 00:40:23,180 --> 00:40:25,747 Jūs išmoksite kažką naujo kiekvieną dieną. 989 00:40:25,747 --> 00:40:27,955 TOMAS REIMERS: Yra daug matavimų CS. 990 00:40:27,955 --> 00:40:29,260 Aš siūlau jums surasti juos. 991 00:40:29,260 --> 00:40:32,122 Dėl visų jūsų atvejais, manau, taškų turėtų būti pakankamas. 992 00:40:32,122 --> 00:40:33,830 Ir jie taip pat tai, ką jūs ketinate pamatyti 993 00:40:33,830 --> 00:40:36,520 pavyzdžiuose dauguma daroma internetu. 994 00:40:36,520 --> 00:40:38,320 Taigi mes palikti jį tuo pikselių. 995 00:40:38,320 --> 00:40:42,420 >> Jūs taip pat gali turėčiau say-- taip apdaila rinkiniai visi iš paddings. 996 00:40:42,420 --> 00:40:49,789 Jūs taip pat galite padaryti kažką panašaus "Padding-top" tiesiog set-- 997 00:40:49,789 --> 00:40:52,080 ALLISON Buchholtz-AS: Gal mes gauti mūsų "labas" atgal. 998 00:40:52,080 --> 00:40:55,480 TOMAS REIMERS: --to tiesiog nustatyti apdaila viršuje ir nieko daugiau. 999 00:40:55,480 --> 00:40:59,560 Taigi keturi komandos padding-top, apdaila dugno, apdaila kairę, 1000 00:40:59,560 --> 00:41:00,310 ir padding-dešinę. 1001 00:41:00,310 --> 00:41:02,470 >> ALLISON Buchholtz-AS: Kaip galite tikėtis už dėžutę. 1002 00:41:02,470 --> 00:41:03,530 >> TOMAS REIMERS: Taip. 1003 00:41:03,530 --> 00:41:05,240 Nieko pernelyg kvailai ten. 1004 00:41:05,240 --> 00:41:08,230 Ar tai prasminga? 1005 00:41:08,230 --> 00:41:11,990 Taigi tai yra apdaila. 1006 00:41:11,990 --> 00:41:14,110 Aš ruošiuosi nustatyti visi kad paddings atgal į 10. 1007 00:41:14,110 --> 00:41:17,010 Ir tada aš ruošiuosi pereiti prie sienos. 1008 00:41:17,010 --> 00:41:21,130 >> Taigi, kas siena yra sienos yra keista komanda. 1009 00:41:21,130 --> 00:41:24,450 Tai užtrunka rūšiuoti trijų dalykų vienu metu. 1010 00:41:24,450 --> 00:41:28,930 Taigi pirmasis yra kaip didelis jums noriu, kad ji būtų kaip matavimo. 1011 00:41:28,930 --> 00:41:30,662 Vėlgi, aš tik naudojant taškų. 1012 00:41:30,662 --> 00:41:32,620 Ir paskutinis dalykas, kurį aš Reikia pridurti, kad matavimų 1013 00:41:32,620 --> 00:41:35,270 yra vienas dalykas, kuris nereikia vienetas yra 0. 1014 00:41:35,270 --> 00:41:37,390 Tai tikrai neteisinga, duoti 0 A vienetą, 1015 00:41:37,390 --> 00:41:41,940 nes 0 yra 0 visoje colių, taškų, centimetrais, nesvarbu. 1016 00:41:41,940 --> 00:41:43,960 Visa tai tiesiog reiškia 0, tiesa? 1017 00:41:43,960 --> 00:41:46,710 Taigi, pirmiausia jūs suteikiate jai matavimą. 1018 00:41:46,710 --> 00:41:48,650 >> Tada jūs suteikiate jai stilių. 1019 00:41:48,650 --> 00:41:49,869 Taigi, aš ruošiuosi pasakyti "kietas". 1020 00:41:49,869 --> 00:41:51,410 Ir mes kalbame apie tai, ką tai reiškia. 1021 00:41:51,410 --> 00:41:54,290 Ir tada galiausiai, jūs suteikiate jai spalvą. 1022 00:41:54,290 --> 00:41:56,850 Taigi, aš ruošiuosi pasakyti "juoda". 1023 00:41:56,850 --> 00:41:59,637 Ir tai yra viskas, mes dabar matęs, išskyrus stiliaus, 1024 00:41:59,637 --> 00:42:00,720 bet mes kalbame apie tai. 1025 00:42:00,720 --> 00:42:04,120 Taigi jūs vaikinai mačiau matavimus, ir jūs matėte spalvas. 1026 00:42:04,120 --> 00:42:10,410 O kas atsitinka, yra mes gauname tai gražus juodos sienos aplink jį, ar ne? 1027 00:42:10,410 --> 00:42:11,620 Jūs vaikinai pamatyti, kaip mes padarėme, kad? 1028 00:42:11,620 --> 00:42:12,760 >> AUDITORIJA: Taip. 1029 00:42:12,760 --> 00:42:14,850 >> TOMAS REIMERS: cool. 1030 00:42:14,850 --> 00:42:17,370 Taigi, kas tai yra? 1031 00:42:17,370 --> 00:42:19,160 Taigi, visų pirma, tai vienas pikselis. 1032 00:42:19,160 --> 00:42:20,880 Štai akivaizdu pakankamai, tiesa? 1033 00:42:20,880 --> 00:42:23,254 Kaip, tai vienas pikselis storio. 1034 00:42:23,254 --> 00:42:26,170 Arba tai būtų vienas pikselis, bet aš Mastelis, todėl šiek tiek daugiau 1035 00:42:26,170 --> 00:42:26,490 kad ne. 1036 00:42:26,490 --> 00:42:27,967 >> ALLISON Buchholtz-AS: Ir mes turime tai juokinga rezoliucija televizija. 1037 00:42:27,967 --> 00:42:29,460 >> TOMAS REIMERS: Taip. 1038 00:42:29,460 --> 00:42:33,640 Jūs galite padaryti tai didesnė, mažesnis, nesvarbu. 1039 00:42:33,640 --> 00:42:35,630 Taigi čia dviejų taškų sienos. 1040 00:42:35,630 --> 00:42:38,810 Pamatysite, kad tai dvigubai storesnis. 1041 00:42:38,810 --> 00:42:40,172 Kitas dalykas, kurį turime, yra spalva. 1042 00:42:40,172 --> 00:42:41,130 Tai nėra įdomu. 1043 00:42:41,130 --> 00:42:42,710 Nesiruošiu kalbėti apie tai, tikrai. 1044 00:42:42,710 --> 00:42:45,110 >> ALLISON Buchholtz-AS: Bet stilius gali būti tik šiek tiek įdomu. 1045 00:42:45,110 --> 00:42:45,980 >> TOMAS REIMERS: Taip. 1046 00:42:45,980 --> 00:42:48,560 Taigi stilių, yra keletas iš jų kad matau naudojamas dažnai. 1047 00:42:48,560 --> 00:42:55,690 Pirmasis kietas, šalia One punktyras, o paskutinis yra punktyrinės. 1048 00:42:55,690 --> 00:42:59,290 Ir čia yra punktyras. 1049 00:42:59,290 --> 00:43:02,980 Jūs pamatysite, kad jie iš taškų krūva, tiesa? 1050 00:43:02,980 --> 00:43:09,030 Geras būdas rūšiuoti gauti gražus sieną vyksta, brūkšnelių, taip pat gana populiarus. 1051 00:43:09,030 --> 00:43:11,580 1052 00:43:11,580 --> 00:43:13,600 >> ALLISON Buchholtz-AS: Ir tada, žinoma, aš 1053 00:43:13,600 --> 00:43:16,660 įsitikinęs, kad yra daug kitų stilius, kad jūs galite gauti. 1054 00:43:16,660 --> 00:43:20,000 Ir mes turime didelį rinkinį ryšiai už jus vaikinai pabaigoje 1055 00:43:20,000 --> 00:43:23,470 į rūšies žiūrinėti ir ieškoti daugiau cool CSS. 1056 00:43:23,470 --> 00:43:25,954 >> TOMAS REIMERS: Ir tada Paskutinis dalykas, mes 1057 00:43:25,954 --> 00:43:27,870 ketiname kalbėti apie dėžutė modeliai nekilnojamojo greitai. 1058 00:43:27,870 --> 00:43:30,070 Oh, ir tada sienos, lygiai taip pat kaip išklojimui, 1059 00:43:30,070 --> 00:43:33,270 jūs taip pat turite dalykų, pavyzdžiui, sienos kairėje, border-right, border-top, 1060 00:43:33,270 --> 00:43:37,590 border-bottom, kuris leidžia jums gauti tam tikru sienos. 1061 00:43:37,590 --> 00:43:40,650 Taigi čia tik sienos paliko apibrėžtas. 1062 00:43:40,650 --> 00:43:43,060 Ar tai prasminga? 1063 00:43:43,060 --> 00:43:46,170 >> ALLISON Buchholtz-AS: Tai kietas būdas pabrėžti dalykus arba pridėti 1064 00:43:46,170 --> 00:43:47,545 linijos tarp skirtingų elementų. 1065 00:43:47,545 --> 00:43:48,670 TOMAS REIMERS: Absoliučiai. 1066 00:43:48,670 --> 00:43:50,940 Taigi, kad mūsų sienos. 1067 00:43:50,940 --> 00:43:52,790 Ir paskutinis marža. 1068 00:43:52,790 --> 00:43:55,892 Marža lyg apdaila išskyrus tai ne within-- 1069 00:43:55,892 --> 00:43:57,975 ALLISON Buchholtz-AS: Tai ne aplink savo elementą 1070 00:43:57,975 --> 00:44:00,840 bet iš tikrųjų aplink visą dėžutė, kad mes matome. 1071 00:44:00,840 --> 00:44:02,770 >> TOMAS REIMERS: Taip. 1072 00:44:02,770 --> 00:44:04,090 Allison sakė, kad puikiai. 1073 00:44:04,090 --> 00:44:07,550 Tai nėra, kaip viduje savo elementas, tai aplink visą dėžutę. 1074 00:44:07,550 --> 00:44:10,900 Tai reiškia, kad tokie dalykai kaip background netaikoma į jį. 1075 00:44:10,900 --> 00:44:13,550 Ir ji iš esmės teigia, patinka, aš nenoriu nieko 1076 00:44:13,550 --> 00:44:15,230 Šioje daug vietos man. 1077 00:44:15,230 --> 00:44:17,470 Taigi, kaip čia mes turime 10 taškų skirtumą. 1078 00:44:17,470 --> 00:44:23,100 Taigi nieko per 10 taškų turėtų būti šalia manęs. 1079 00:44:23,100 --> 00:44:26,210 Štai kokios jos vietos, bet kokios ne. 1080 00:44:26,210 --> 00:44:29,215 Taigi, kad labai pagrindai dėžutės modelis. 1081 00:44:29,215 --> 00:44:30,090 Ar tai prasminga? 1082 00:44:30,090 --> 00:44:33,830 1083 00:44:33,830 --> 00:44:34,550 Cool, kietas. 1084 00:44:34,550 --> 00:44:35,800 ALLISON Buchholtz-AS: Nuostabus. 1085 00:44:35,800 --> 00:44:37,890 Taigi, dabar aš manau, kad mes tiesiog turime šaunių išteklius 1086 00:44:37,890 --> 00:44:41,220 kad mes priimsime jus vaikinai per labai greitai. 1087 00:44:41,220 --> 00:44:44,815 Ir mes taip pat actually--, mes turime internetą dar? 1088 00:44:44,815 --> 00:44:47,860 >> TOMAS Reimers: Leiskite pamatyti, jei aš galiu atidaryti up-- 1089 00:44:47,860 --> 00:44:50,040 leiskite man tiesiog pamatyti, jei aš galima gauti internetu greitai 1090 00:44:50,040 --> 00:44:53,317 o Allison pasakoja apie viską Allison nori kalbėti apie. 1091 00:44:53,317 --> 00:44:55,150 ALLISON Buchholtz-AS: Taigi basically-- aš ne 1092 00:44:55,150 --> 00:44:57,930 žino, ką dar galiu pasakyti šiuo klausimu. 1093 00:44:57,930 --> 00:45:01,340 Bet tai tik keletas tikrai geras ištekliai. 1094 00:45:01,340 --> 00:45:04,629 Tai yra tie, kurie Tomas ir aš naudojamas 1095 00:45:04,629 --> 00:45:06,420 ir kad mes iš tikrųjų naudojamas prep už tai. 1096 00:45:06,420 --> 00:45:09,940 W3Schools yra vienas, kad jums vaikinai turėjo matęs. 1097 00:45:09,940 --> 00:45:12,440 Rekomenduojame jį daug dalykų, kurių CSS. 1098 00:45:12,440 --> 00:45:15,060 Aš žinau, aš rekomenduoju jį mano skyriuje visą laiką. 1099 00:45:15,060 --> 00:45:21,050 >> Vienas iš svarbiausių dalykų yra tai, kad leidžia jums rūšies netvarka su CSS 1100 00:45:21,050 --> 00:45:23,830 ir pamatyti pakeitimus akimirksniu, tai, 1101 00:45:23,830 --> 00:45:25,920 kaip, dukart langas peržiūrėti, kad ji turi. 1102 00:45:25,920 --> 00:45:29,980 Taigi jūs neturite jaudintis sukurti savo tinklalapį, 1103 00:45:29,980 --> 00:45:33,090 arba steigti VHOST jūsų vietos prietaisas ir vietinio kompiuterio, 1104 00:45:33,090 --> 00:45:34,980 ir gauti visi, kad kita darbo. 1105 00:45:34,980 --> 00:45:36,830 Jis yra integruotas į dešinę per puslapį. 1106 00:45:36,830 --> 00:45:39,042 >> Ir ji tai tiek pamokos, kad galite 1107 00:45:39,042 --> 00:45:40,750 pereiti mokytis daugiau apie selektoriai, 1108 00:45:40,750 --> 00:45:44,610 arba sužinoti apie manipuliuoti jūsų šrifto, ar fonas arba įvaizdį. 1109 00:45:44,610 --> 00:45:46,990 Ir jūs turite tai tekančio rezultatai, kad jūs 1110 00:45:46,990 --> 00:45:49,310 neturi daryti bet kitas prep darbas. 1111 00:45:49,310 --> 00:45:51,060 Taigi, aš myliu W3Schools. 1112 00:45:51,060 --> 00:45:51,960 Tai Pasakų. 1113 00:45:51,960 --> 00:45:52,670 Ar tai veikia? 1114 00:45:52,670 --> 00:45:52,950 >> TOMAS REIMERS: Taip. 1115 00:45:52,950 --> 00:45:53,720 Ne, tai ne. 1116 00:45:53,720 --> 00:45:55,636 Ar norite man pabandyti ir perkraukite savo kompiuterį? 1117 00:45:55,636 --> 00:45:56,410 Arba mes norime to-- 1118 00:45:56,410 --> 00:46:01,490 >> ALLISON Buchholtz-AS: Aš turiu galvoje, gerai, tai taip pat bus internete. 1119 00:46:01,490 --> 00:46:02,740 Visos skaidrės bus internete. 1120 00:46:02,740 --> 00:46:05,470 Taigi aš tiesiog labai rekomenduoju daryti tai. 1121 00:46:05,470 --> 00:46:07,880 >> Tai puiku, kaip tik kaip apgauti lape. 1122 00:46:07,880 --> 00:46:10,690 Tai tiesiog visi pagrindinė komandas, kad jūs turite. 1123 00:46:10,690 --> 00:46:13,070 Tai puiku, kai esate pirmasis pradedate savo svetainėje. 1124 00:46:13,070 --> 00:46:15,080 Nes gal ne nori patekti į visas 1125 00:46:15,080 --> 00:46:17,355 nekilnojamojo Kasdieniai smėlinis dizainas sunkiųjų daiktų. 1126 00:46:17,355 --> 00:46:20,230 Jums tiesiog reikia formatuoti taip, kad šios rūšies prasmę ir valią 1127 00:46:20,230 --> 00:46:21,490 padaryti šiuo metu. 1128 00:46:21,490 --> 00:46:23,580 Ir jei jūs tikrai norite gauti į jį, aš žinau, 1129 00:46:23,580 --> 00:46:27,240 tai yra, pavyzdžiui, vienas iš Tomas mėgstamos nuorodos. 1130 00:46:27,240 --> 00:46:30,130 Mums buvo naudojant jį prep, ir tai Pasakų. 1131 00:46:30,130 --> 00:46:33,030 Tai iš Mozilla Kūrėjas. 1132 00:46:33,030 --> 00:46:36,490 >> TOMAS REIMERS: Taigi Mozilla yra žmonės, kurie Firefox. 1133 00:46:36,490 --> 00:46:40,290 Ir tai tik jų pačių kūrėjas nuoroda, kuri, manau, yra nuostabus. 1134 00:46:40,290 --> 00:46:44,870 Ir tai yra nuostabu sąrašas išteklius. 1135 00:46:44,870 --> 00:46:45,530 Taigi, mes have-- 1136 00:46:45,530 --> 00:46:48,060 >> ALLISON Buchholtz-AS: Ir tada paskutinė pastaba yra 1137 00:46:48,060 --> 00:46:50,120 kai bandote sukurti savo svetainę, 1138 00:46:50,120 --> 00:46:53,550 semtis įkvėpimo iš dalykų kad jūs manote yra gana. 1139 00:46:53,550 --> 00:46:56,340 Tikrinimas elementą, tikrinti kodą 1140 00:46:56,340 --> 00:46:59,370 gali būti itin naudinga bando išsiaiškinti, 1141 00:46:59,370 --> 00:47:02,080 kaip stiliaus savo svetainę. 1142 00:47:02,080 --> 00:47:04,540 >> Dažnai jaučiuosi kaip geriausias būdas, be to, eksperimentavimo, 1143 00:47:04,540 --> 00:47:06,290 tiesiog pažvelgti į dalykų, kurie yra gana. 1144 00:47:06,290 --> 00:47:09,810 Manau, tai tikrai sunku tiesiog rūšies dizainas dalykų savo, 1145 00:47:09,810 --> 00:47:11,090 ypač iš pradžių. 1146 00:47:11,090 --> 00:47:14,740 Taigi, prašome pažvelgti į interneto svetaines kad jums patinka žiūri. 1147 00:47:14,740 --> 00:47:16,880 Išsiaiškinti, ką daro jiems patrauklūs jums. 1148 00:47:16,880 --> 00:47:19,170 Ir tada nedvejodami pabandyti ir atkartoti, kad. 1149 00:47:19,170 --> 00:47:20,410 >> TOMAS REIMERS: Teisė. 1150 00:47:20,410 --> 00:47:23,120 Net kaip interneto svetainėse kaip šis, jūs galite pamatyti 1151 00:47:23,120 --> 00:47:25,460 ten tikrai viršuje div. 1152 00:47:25,460 --> 00:47:29,920 Ir tada jūs turite kitą per div čia, o tai atitinka CSS Nuostabumo. 1153 00:47:29,920 --> 00:47:32,480 Ir tada jūs turite nuorodų krūva čia. 1154 00:47:32,480 --> 00:47:34,770 Jei tikrai tik patikrinti elementai, galite rūšiuoti 1155 00:47:34,770 --> 00:47:38,520 pradėsite matyti ką svetaines atrodo, ir kaip aš galiu 1156 00:47:38,520 --> 00:47:40,493 atkurti, kad jei aš norėjau. 1157 00:47:40,493 --> 00:47:41,890 Ar tai prasminga? 1158 00:47:41,890 --> 00:47:43,670 Taigi, mes turime tik tris minutes pradžią. 1159 00:47:43,670 --> 00:47:46,380 Taigi klausimų? 1160 00:47:46,380 --> 00:47:47,650 Bet iš jų? 1161 00:47:47,650 --> 00:47:48,350 Taip. 1162 00:47:48,350 --> 00:47:50,780 >> AUDITORIJA: Dėl spalvos stačiakampis, kaip jūs 1163 00:47:50,780 --> 00:47:53,499 have-- jei tu nenori vyksta per visą puslapį, galima 1164 00:47:53,499 --> 00:47:56,400 jūs turite tai eiti per tik pusė puslapio ar tiesiog teksto? 1165 00:47:56,400 --> 00:47:59,660 >> TOMAS REIMERS: Taip, absoliučiai. 1166 00:47:59,660 --> 00:48:02,780 Taigi leiskite man pamatyti realiai. 1167 00:48:02,780 --> 00:48:04,670 Turiu dvi idėjas. 1168 00:48:04,670 --> 00:48:07,265 Taigi, visų pirma, jūs Taip pat galite naudoti procentų. 1169 00:48:07,265 --> 00:48:08,140 >> AUDITORIJA: Tikrai? 1170 00:48:08,140 --> 00:48:11,260 >> ALLISON Buchholtz-AS: Taigi kažkas ieškoti yra santykinė pozicija. 1171 00:48:11,260 --> 00:48:13,385 Tai kažkas, kad mes neturi laiko gauti į, 1172 00:48:13,385 --> 00:48:16,392 bet tai, ką aš tikrai Rekomenduojame vaikinai patikrinti. 1173 00:48:16,392 --> 00:48:17,580 >> TOMAS REIMERS: Taigi procentų. 1174 00:48:17,580 --> 00:48:21,524 Ir pamatyti, kaip mes padarėme ją tiesiog 50% pločio? 1175 00:48:21,524 --> 00:48:24,190 ALLISON Buchholtz-AS: Jei jums iš tikrųjų žino pikselių skaičių, 1176 00:48:24,190 --> 00:48:25,780 galite tiksliau kad taip. 1177 00:48:25,780 --> 00:48:27,200 Jūs galite dėlioti su juo. 1178 00:48:27,200 --> 00:48:27,700 Bet 50%. 1179 00:48:27,700 --> 00:48:31,970 Jei mes dydį mūsų naršyklę, tai, kad jis mažesnis. 1180 00:48:31,970 --> 00:48:35,250 >> TOMAS REIMERS: Na, tai Iš esmės 50% dabar, manau. 1181 00:48:35,250 --> 00:48:38,820 Tai 50%, tada marža buvo pridėta, kad. 1182 00:48:38,820 --> 00:48:40,100 CSS turi Photoshop aikštelė. 1183 00:48:40,100 --> 00:48:43,195 Taigi dabar tai 50% puslapio plotį. 1184 00:48:43,195 --> 00:48:46,860 Bet atsiminkite, kad jūs turite 10 pikselių nuimti iš kiekvienos pusės. 1185 00:48:46,860 --> 00:48:49,700 Taigi, jei jums buvo perkelti, kad prieš paliktas kraštas naršyklėje, 1186 00:48:49,700 --> 00:48:51,550 tada jis būtų atrodo kaip 50%. 1187 00:48:51,550 --> 00:48:53,884 Vėlgi, kaip ir sakiau, CSS būti iš atspėti-ir-Check daug. 1188 00:48:53,884 --> 00:48:56,049 Kaip, manote, kad kažkas yra ketina elgtis vienaip, 1189 00:48:56,049 --> 00:48:57,805 bet jis elgiasi visiškai kitaip. 1190 00:48:57,805 --> 00:48:59,420 >> ALLISON Buchholtz-AS: Ir jūs tik gauti protingesni, 1191 00:48:59,420 --> 00:49:02,020 ir jūs tiesiog gauti geriau intuicija jai, kaip jums judėti į priekį. 1192 00:49:02,020 --> 00:49:02,730 >> TOMAS REIMERS: Ir tai gauna blogiau ir blogiau. 1193 00:49:02,730 --> 00:49:03,496 Taigi, tai tikrai tik varžybos. 1194 00:49:03,496 --> 00:49:05,454 >> ALLISON Buchholtz-AS: Tai super vilčių. 1195 00:49:05,454 --> 00:49:07,070 Mes norime, kad jie patinka CSS. 1196 00:49:07,070 --> 00:49:08,810 >> TOMAS REIMERS: CSS yra nuostabus. 1197 00:49:08,810 --> 00:49:10,354 Atminkite, kad. 1198 00:49:10,354 --> 00:49:11,020 Kiti klausimai? 1199 00:49:11,020 --> 00:49:14,297 >> ALLISON Buchholtz-AS: vienas dalykas. 1200 00:49:14,297 --> 00:49:14,880 Kitoks? 1201 00:49:14,880 --> 00:49:15,140 Nemokama. 1202 00:49:15,140 --> 00:49:15,690 >> TOMAS REIMERS: Nuostabus. 1203 00:49:15,690 --> 00:49:18,523 >> ALLISON Buchholtz-AS: Na, jei jums vaikinai turite kokių nors klausimų vėliau, 1204 00:49:18,523 --> 00:49:20,919 mes visada prieinama, kaip už įprastą. 1205 00:49:20,919 --> 00:49:22,960 Jūs tikriausiai pamatyti keletą mums galutinių projektų 1206 00:49:22,960 --> 00:49:24,280 ir tikrai ne hackathon. 1207 00:49:24,280 --> 00:49:25,200 >> TOMAS REIMERS: Absoliučiai. 1208 00:49:25,200 --> 00:49:25,720 Ir mugėje. 1209 00:49:25,720 --> 00:49:26,560 >> ALLISON Buchholtz-AS: Ir mugėje. 1210 00:49:26,560 --> 00:49:26,840 O. 1211 00:49:26,840 --> 00:49:28,130 >> TOMAS REIMERS: Laukiame matau visus savo awesome-- 1212 00:49:28,130 --> 00:49:29,420 >> ALLISON Buchholtz-AS: Pamatysime visi jūsų awesome svetainių 1213 00:49:29,420 --> 00:49:30,572 kad bus gražus. 1214 00:49:30,572 --> 00:49:32,780 TOMAS REIMERS: Jūs visada galite pamatyti, kaip, svetaines 1215 00:49:32,780 --> 00:49:36,234 kurie turėjo, kaip, gerą CSS ir tada kaip tie, kurie nebandė daryti CSS. 1216 00:49:36,234 --> 00:49:39,150 ALLISON Buchholtz-AS: Taip, dar dalykas, dar vienas dalykas, pažvelgti į 1217 00:49:39,150 --> 00:49:40,445 yra Bootstrapping. 1218 00:49:40,445 --> 00:49:41,805 Taigi Bootstrap yra puikus. 1219 00:49:41,805 --> 00:49:42,240 >> TOMAS REIMERS: "Google", kad jei you-- 1220 00:49:42,240 --> 00:49:43,573 >> ALLISON Buchholtz-AS: "Google" ji. 1221 00:49:43,573 --> 00:49:44,340 Tai Pasakų. 1222 00:49:44,340 --> 00:49:45,620 Jums patiks jį. 1223 00:49:45,620 --> 00:49:48,000 O dabar, kad jūs turite bazinį supratimą apie CSS, 1224 00:49:48,000 --> 00:49:50,340 jis bus padaryti daug daugiau prasmės. 1225 00:49:50,340 --> 00:49:50,890 Nuostabus. 1226 00:49:50,890 --> 00:49:51,480 Ačiū, vaikinai. 1227 00:49:51,480 --> 00:49:53,330 >> TOMAS REIMERS: Labai ačiū. 1228 00:49:53,330 --> 00:49:54,219