1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:04,500 >> [Muusika mängib] 3 00:00:04,500 --> 00:00:10,099 4 00:00:10,099 --> 00:00:12,224 ALLISON Buchholtz-AU: Nii me põhiliselt lihtsalt läheb 5 00:00:12,224 --> 00:00:14,629 teile hooletussejäetud CSS, sest me teame, 6 00:00:14,629 --> 00:00:16,420 et ta ei ole kaetud kõigis osades. 7 00:00:16,420 --> 00:00:20,090 Ja me tõesti tahad teha kindel, et teil kutid on seda tööriista teie käsutuses, 8 00:00:20,090 --> 00:00:24,790 sest tal on võime teha oma veebilehed vaadata palju ilusam. 9 00:00:24,790 --> 00:00:28,660 >> Ja kui sa oled hoone veebilehel, siis sa ilmselt tahad teha see ilus. 10 00:00:28,660 --> 00:00:31,372 Ma mõtlen, et sa ei pea, aga ma soovitan seda. [Naerab] 11 00:00:31,372 --> 00:00:35,430 Kui soovite, et kasutajad seda kasutada, võite tahan teha natuke [kuuldamatu]. 12 00:00:35,430 --> 00:00:39,130 Nii et me läheme proovida ja teile lihtsalt mõned põhilised tööriistad ja mõistmist, 13 00:00:39,130 --> 00:00:42,340 nii et kui sa minema ja sa oled uurides asju CSS, 14 00:00:42,340 --> 00:00:45,902 see ei ole täielik jama, nagu CSS mõnikord olla. 15 00:00:45,902 --> 00:00:47,240 >> TOMAS Reimers: Jah. 16 00:00:47,240 --> 00:00:49,930 Allison ütles, et see päris hästi. 17 00:00:49,930 --> 00:00:53,250 Nii et ma arvan, et esimene asi, mida me peaks algama ongi CSS? 18 00:00:53,250 --> 00:00:55,750 Nii CSS on fantastiline. 19 00:00:55,750 --> 00:00:56,250 CSS-- 20 00:00:56,250 --> 00:00:58,320 >> ALLISON Buchholtz-AU: Ongi nimi meie seminar. 21 00:00:58,320 --> 00:00:58,434 >> TOMAS Reimers: Jah. 22 00:00:58,434 --> 00:01:00,130 See on tõesti oluline, et saate aru, et selleks ajaks. 23 00:01:00,130 --> 00:01:03,090 Kui teil on ainult ära võtta ühe asi, see, et CSS kui awesome. 24 00:01:03,090 --> 00:01:06,180 Kaks on CSS tähistab Cascading Style Sheets. 25 00:01:06,180 --> 00:01:10,380 Nii keskmes, CSS on style sheet, mis tähendab, 26 00:01:10,380 --> 00:01:13,200 see võimaldab teil stiil veebilehel. 27 00:01:13,200 --> 00:01:16,609 Ja siis, mida see tähendab, et see on võimalus lisada stiilis oma veebilehed. 28 00:01:16,609 --> 00:01:18,900 Nii stiili all mõistame kõike see pole structural-- 29 00:01:18,900 --> 00:01:24,350 nii asjad värvid, taust pildid, piiride, nagu, polster, 30 00:01:24,350 --> 00:01:25,040 marginaale. 31 00:01:25,040 --> 00:01:27,310 Me räägime sellest, mida kõik, mis tähendab natuke. 32 00:01:27,310 --> 00:01:30,110 >> Nii oleme lihtsalt läinud edasi ja avada need mõlemad üles gedit. 33 00:01:30,110 --> 00:01:32,680 Nii et see on index.html. 34 00:01:32,680 --> 00:01:34,800 Ja see on main.css. 35 00:01:34,800 --> 00:01:36,829 Nii main.css pole midagi. 36 00:01:36,829 --> 00:01:38,412 ALLISON Buchholtz-AU: No stiilis siiani. 37 00:01:38,412 --> 00:01:39,245 TOMAS Reimers: Puudub. 38 00:01:39,245 --> 00:01:42,577 Ja nagu te näete, et see on kole kohas. 39 00:01:42,577 --> 00:01:44,160 ALLISON Buchholtz-AU: See on lihtsalt tavaline. 40 00:01:44,160 --> 00:01:45,820 TOMAS Reimers: Jah. 41 00:01:45,820 --> 00:01:49,150 Jah, see ei ole kole, see on lihtsalt minimalistlik. 42 00:01:49,150 --> 00:01:53,430 Ja siis on meil siin index.html. 43 00:01:53,430 --> 00:01:55,729 Ja nii kiire sulgege HTML, Allison, 44 00:01:55,729 --> 00:01:57,270 tahad lihtsalt rääkida lehel? 45 00:01:57,270 --> 00:01:58,395 >> ALLISON Buchholtz-AU: Jah. 46 00:01:58,395 --> 00:02:01,100 Nii et ilmselt on meil HTML tag, mis lihtsalt nimed HTML faili. 47 00:02:01,100 --> 00:02:07,080 Meil on päis siin, CSS Awesomeness, misjärjekorras kui sa lähed tagasi. 48 00:02:07,080 --> 00:02:07,720 Kus see on? 49 00:02:07,720 --> 00:02:09,136 >> TOMAS Reimers: Oh. 50 00:02:09,136 --> 00:02:10,301 Jah, näed. 51 00:02:10,301 --> 00:02:12,092 ALLISON Buchholtz-AU: Ja teate kaudu 52 00:02:12,092 --> 00:02:14,120 on selle kaardi kaudu õigus siin. 53 00:02:14,120 --> 00:02:17,130 Ja siis "Hello, world!" on teksti, et meil on lihtsalt 54 00:02:17,130 --> 00:02:19,620 väljapanek veebis lehekülg, mis on-- tagasi minna. 55 00:02:19,620 --> 00:02:21,290 Tagasi. 56 00:02:21,290 --> 00:02:24,287 Kumb on lihtsalt meie keha siin-- lihttekstina. 57 00:02:24,287 --> 00:02:26,120 Ka üks asi teate, kui te vaatate siin 58 00:02:26,120 --> 00:02:29,410 Tomas sisse up need kaks meie slide. 59 00:02:29,410 --> 00:02:32,035 Nii kaua, kui teil on kõik need kolm, sa oled hea. 60 00:02:32,035 --> 00:02:34,044 Nad võivad olla mis tahes, et nad tahavad. 61 00:02:34,044 --> 00:02:39,368 Mis on kõige olulisem just seda teil on kõik need kolm asja. 62 00:02:39,368 --> 00:02:40,340 >> TOMAS Reimers: Cool. 63 00:02:40,340 --> 00:02:41,111 Lisa doc tüüp? 64 00:02:41,111 --> 00:02:42,235 ALLISON Buchholtz-AU: Jah. 65 00:02:42,235 --> 00:02:43,068 TOMAS Reimers: Jah. 66 00:02:43,068 --> 00:02:43,769 Külm. 67 00:02:43,769 --> 00:02:46,102 ALLISON Buchholtz-AU: Ilmselt minu mikrofoni ei meeldi mulle. 68 00:02:46,102 --> 00:02:49,650 TOMAS Reimers: Oh, anna meile sec lihtsalt samas Allison lülitub välja oma mikrofon. 69 00:02:49,650 --> 00:02:50,500 Nii et jah. 70 00:02:50,500 --> 00:02:52,030 Nii et meil on meie peamine lehel. 71 00:02:52,030 --> 00:02:53,890 See on selline unstyled. 72 00:02:53,890 --> 00:02:54,780 Meil ei ole palju. 73 00:02:54,780 --> 00:02:57,110 Me peame lihtsalt põhimõtteliselt teksti. 74 00:02:57,110 --> 00:02:59,470 Meil on stiili lehed. 75 00:02:59,470 --> 00:03:00,220 Meil on pealkiri. 76 00:03:00,220 --> 00:03:04,020 Nii lihtsalt paljaste konditustatud komponentide teha veebilehel. 77 00:03:04,020 --> 00:03:08,880 >> Nii sealt, olgem rääkida, mida CSS on 78 00:03:08,880 --> 00:03:11,270 ja kuidas see välja näeb ja kõike seda. 79 00:03:11,270 --> 00:03:12,047 Nii selle-- 80 00:03:12,047 --> 00:03:13,755 ALLISON Buchholtz-AU: Tagasi slaidid. 81 00:03:13,755 --> 00:03:15,200 TOMAS Reimers: Tagasi slaidid. 82 00:03:15,200 --> 00:03:17,240 Ja Allison on võimalik üle võtta. 83 00:03:17,240 --> 00:03:18,720 >> ALLISON Buchholtz-AU: Woo. 84 00:03:18,720 --> 00:03:19,220 OK. 85 00:03:19,220 --> 00:03:22,360 Nii et teie CSS faili sa lähed on 86 00:03:22,360 --> 00:03:25,010 Palju neid asju nimetatakse valijad. 87 00:03:25,010 --> 00:03:27,420 See oleks lihtsalt alusel oma CSS faili. 88 00:03:27,420 --> 00:03:29,480 See on lihtsalt saab olema palju, palju neid. 89 00:03:29,480 --> 00:03:30,780 Nii valijat. 90 00:03:30,780 --> 00:03:32,649 See on lihtsalt üldine anatoomiat. 91 00:03:32,649 --> 00:03:35,190 Me läheme läbi näited, sest kui sa poisid kunagi 92 00:03:35,190 --> 00:03:38,400 vaatasin minu jagu, ma tunnen nagu asju abstraktselt 93 00:03:38,400 --> 00:03:39,400 tõesti ei mõtet. 94 00:03:39,400 --> 00:03:41,110 See aitab alati näha näiteid. 95 00:03:41,110 --> 00:03:42,420 >> Nii et meil on mõned valijat. 96 00:03:42,420 --> 00:03:49,120 See saab olema mõned tunnus mida me tahame stiilis pöörduda. 97 00:03:49,120 --> 00:03:52,220 Ja siis me saame mingit reeglid ja väärtused. 98 00:03:52,220 --> 00:03:55,680 Nii valijad, et võite näha võiks olla midagi sellist keha, 99 00:03:55,680 --> 00:04:00,262 või lõike P, või päis, või mis iganes, 100 00:04:00,262 --> 00:04:02,000 mida iganes sa tahad oma HTML olema. 101 00:04:02,000 --> 00:04:03,570 >> Nii et kui meil keha. 102 00:04:03,570 --> 00:04:06,985 Ja meil on mõned reeglina mis vastab see 103 00:04:06,985 --> 00:04:09,610 mida teie stiil seostub. 104 00:04:09,610 --> 00:04:12,720 Nii et kui meil taustavärvi ja fondi paksuseks. 105 00:04:12,720 --> 00:04:16,200 Nii et see on muutu taustal midagi 106 00:04:16,200 --> 00:04:19,640 mis tahes body meie HTML faili. 107 00:04:19,640 --> 00:04:22,810 Ja see annan see see helesinine väärtus. 108 00:04:22,810 --> 00:04:24,820 >> Nii et see läheb teha taust helesinine. 109 00:04:24,820 --> 00:04:28,660 Ja siis midagi jooksul keha on läheb on fondi paksuseks julge. 110 00:04:28,660 --> 00:04:31,142 Nii, et see lihtsalt läheb julge kõik meie teksti. 111 00:04:31,142 --> 00:04:32,970 Ja see on vaid üks valijat. 112 00:04:32,970 --> 00:04:34,680 Aga te oleksite väga paljud neist. 113 00:04:34,680 --> 00:04:38,730 Ja kui me ei kavatse näidata hiljem natuke rohkem sellest, kuidas 114 00:04:38,730 --> 00:04:40,709 et tööd ja rohkem näiteid seal. 115 00:04:40,709 --> 00:04:41,750 Midagi, mida soovite lisada? 116 00:04:41,750 --> 00:04:42,499 >> TOMAS Reimers: No. 117 00:04:42,499 --> 00:04:43,500 Allison sain aru. 118 00:04:43,500 --> 00:04:46,144 Me lihtsalt läheb tükeldada Näiteks siin meie näiteks kohas. 119 00:04:46,144 --> 00:04:47,310 Nii saab tegelikult seda. 120 00:04:47,310 --> 00:04:48,620 See on täiuslik. 121 00:04:48,620 --> 00:04:54,460 Nii et ma lähen lihtsalt kopeeri ja kleebi et otse meie main.css. 122 00:04:54,460 --> 00:04:56,530 Ja ma lähen salvestada. 123 00:04:56,530 --> 00:04:59,190 Ja siis me käivitada. 124 00:04:59,190 --> 00:05:01,600 Nii pool tähele, üks Kõige masendav asju 125 00:05:01,600 --> 00:05:04,490 on, kui sa ei Faili salvestamiseks ja siis, nagu, laadige leht, 126 00:05:04,490 --> 00:05:07,450 ja nagu, miks ei ole muutus toimub? 127 00:05:07,450 --> 00:05:07,950 See juhtub. 128 00:05:07,950 --> 00:05:14,230 Nii et siin me nägime, et tegime veebisait helesinine taust 129 00:05:14,230 --> 00:05:16,560 ja mõned rasvases kirjas teksti. 130 00:05:16,560 --> 00:05:20,730 >> Tahaksin ka mainida, kui te poisid on küsimusi midagi 131 00:05:20,730 --> 00:05:23,622 me teeme, palun võtke tasuta lõpetada ja küsi meilt. 132 00:05:23,622 --> 00:05:25,330 Oleme täiesti nõus väljale küsimustele. 133 00:05:25,330 --> 00:05:27,951 134 00:05:27,951 --> 00:05:31,930 >> ALLISON Buchholtz-AU: Ilmselgelt on CSS, kõik põhineb ise. 135 00:05:31,930 --> 00:05:34,107 Nii et kui üks asi ei mõtet nüüd oleme 136 00:05:34,107 --> 00:05:35,690 ei taha, et raba sind hiljem. 137 00:05:35,690 --> 00:05:38,390 138 00:05:38,390 --> 00:05:41,930 >> TOMAS Reimers: Nii lähme selline lahkama seda. 139 00:05:41,930 --> 00:05:44,210 Nii et ärge te soovite alustada valitavad siin? 140 00:05:44,210 --> 00:05:45,979 >> ALLISON Buchholtz-AU: Jah. 141 00:05:45,979 --> 00:05:48,270 Nagu ma ütlesin enne, body on lihtsalt meie valijat siin. 142 00:05:48,270 --> 00:05:50,950 Kui me läheme tagasi üle meie index-- ah. 143 00:05:50,950 --> 00:05:53,245 >> TOMAS Reimers: Milline ma lihtsalt suletud. 144 00:05:53,245 --> 00:05:54,530 Anna mulle teine. 145 00:05:54,530 --> 00:05:58,286 Nii Fail, Open, index.html. 146 00:05:58,286 --> 00:05:59,410 ALLISON Buchholtz-AU: Cool. 147 00:05:59,410 --> 00:06:02,710 Nii et kui te märkate siin, me on need keha sildid, eks? 148 00:06:02,710 --> 00:06:06,270 Nii valijat lihtsalt vastab sildid, mis me räägime. 149 00:06:06,270 --> 00:06:07,670 Nii keha siin. 150 00:06:07,670 --> 00:06:10,315 Mida me tahame öelda, everything-- saame minna tagasi? 151 00:06:10,315 --> 00:06:12,065 Ma soovin, et saaksin lihtsalt nagu puudutage ekraani. 152 00:06:12,065 --> 00:06:14,410 Oleks nii palju jahedam. 153 00:06:14,410 --> 00:06:17,150 >> Nii midagi neis keha sildid, mis me nägime 154 00:06:17,150 --> 00:06:19,637 oli lihtsalt, nagu, teksti, ja keha üldiselt 155 00:06:19,637 --> 00:06:20,970 viitab, nagu, tausta. 156 00:06:20,970 --> 00:06:22,720 Kui sa kunagi tahad muuta tausta, 157 00:06:22,720 --> 00:06:25,090 et saab olema ka body. 158 00:06:25,090 --> 00:06:27,120 Just on need reeglid kohaldamine. 159 00:06:27,120 --> 00:06:32,040 >> Nii et kui me olime minna index.html and-- tegelikult, 160 00:06:32,040 --> 00:06:33,840 me saame midagi väljaspool keha? 161 00:06:33,840 --> 00:06:37,340 Kui meil oleks nagu, jalus või midagi, siis ei kehti see. 162 00:06:37,340 --> 00:06:40,900 Aga midagi jooksul Nende keha silte läheb 163 00:06:40,900 --> 00:06:44,960 mõjutab see organ valijat, et oleme teinud. 164 00:06:44,960 --> 00:06:47,405 Nii et kui sa olid tüüpi midagi muud there-- 165 00:06:47,405 --> 00:06:49,400 >> TOMAS Reimers: lähme sõidame, et kodus. 166 00:06:49,400 --> 00:06:55,330 Nii et kui meil oli div-- nii see on lihtsalt üks tag saab olla. 167 00:06:55,330 --> 00:06:56,350 Ma lähen sulgeda. 168 00:06:56,350 --> 00:06:58,280 Või teeme seda lõiku. 169 00:06:58,280 --> 00:07:01,430 Nii p tähistab lõikes. 170 00:07:01,430 --> 00:07:02,560 Ja selles lõigus. 171 00:07:02,560 --> 00:07:05,650 Ja siis ma ütlen: "See on tekst." 172 00:07:05,650 --> 00:07:06,369 Külm. 173 00:07:06,369 --> 00:07:09,160 Ja siis ma tegin seda reeglit kohaldatakse lõikes asemel keha. 174 00:07:09,160 --> 00:07:12,390 175 00:07:12,390 --> 00:07:17,320 Näete, kuidas seda kohaldatakse ainult vastmoodustatud lõikes, paremale, 176 00:07:17,320 --> 00:07:18,892 ei kogu asi. 177 00:07:18,892 --> 00:07:20,090 Kas on mõtet? 178 00:07:20,090 --> 00:07:21,840 >> ALLISON Buchholtz-AU: Nii et see on kõik keha, 179 00:07:21,840 --> 00:07:24,450 aga nüüd meie valijat lihtsalt vastab lõikes. 180 00:07:24,450 --> 00:07:27,050 Nii et me lihtsalt julge ja sinine selle konkreetse lõigu 181 00:07:27,050 --> 00:07:30,760 sest see on ainus asi, mis on ümbritsetud p tag. 182 00:07:30,760 --> 00:07:35,349 >> TOMAS Reimers: Kas on mõtet omamoodi kuidas asjad endasse muud asjad? 183 00:07:35,349 --> 00:07:38,140 ALLISON Buchholtz-AU: Ka lihtsalt öelda, nagu, üks parimaid viise 184 00:07:38,140 --> 00:07:40,889 et tõesti rahul CSS on lihtsalt teha asju nagu see, 185 00:07:40,889 --> 00:07:42,050 lihtsalt proovida. 186 00:07:42,050 --> 00:07:46,700 See on väga lihtne kirjutada midagi välja lüüa Värskenda ja vaata, mis juhtub. 187 00:07:46,700 --> 00:07:48,940 Ja nagu enamik CS, eksperimenteerimine võib sageli 188 00:07:48,940 --> 00:07:51,790 kaasa palju parem intuitiivne mõistmine. 189 00:07:51,790 --> 00:07:54,432 Seda enam, et kui meist lihtsalt, nagu, räägin sinuga. 190 00:07:54,432 --> 00:07:58,350 >> TOMAS Reimers: Absoluutselt 100% nõus selles küsimuses. 191 00:07:58,350 --> 00:08:02,430 Kui me läheme tagasi selle, alustame Anatoomilised täpselt, mida need kaks teha. 192 00:08:02,430 --> 00:08:04,550 Nii et meil on kaks reeglit selle kohta. 193 00:08:04,550 --> 00:08:07,420 Nii esimene on tausta värvi. 194 00:08:07,420 --> 00:08:10,590 Ja te näete, et me oleme määratud selle võrdne väärtus, helesinine. 195 00:08:10,590 --> 00:08:15,009 >> Nii CSS, CSS on omamoodi väga lahtine, kuidas 196 00:08:15,009 --> 00:08:16,300 sa oled lubatud määratleda värvi. 197 00:08:16,300 --> 00:08:17,800 Nii saab määratleda neid nimepidi. 198 00:08:17,800 --> 00:08:20,650 Võite teha ka midagi "punane". 199 00:08:20,650 --> 00:08:25,270 Ja siis kui me läheme tagasi selle, näete, et taust on punane. 200 00:08:25,270 --> 00:08:29,040 Samuti saate really-- Ma arvan, et sa võite üsna loominguline seda, 201 00:08:29,040 --> 00:08:29,540 ei saa sa oled? 202 00:08:29,540 --> 00:08:31,170 >> ALLISON Buchholtz-AU: I arvad, et saad kasutada hex. 203 00:08:31,170 --> 00:08:31,250 Kas pole? 204 00:08:31,250 --> 00:08:32,083 >> TOMAS Reimers: Jah. 205 00:08:32,083 --> 00:08:32,969 Nii saate hex. 206 00:08:32,969 --> 00:08:34,490 Aga ma olen mõelnud nimi tark. 207 00:08:34,490 --> 00:08:35,385 Kas pole seal? 208 00:08:35,385 --> 00:08:37,260 ALLISON Buchholtz-AU: Seda saab teha üsna vähe. 209 00:08:37,260 --> 00:08:43,350 Päris palju nagu enamik värve, mis sa saab name-- nagu ma arvan, lõhe on üks. 210 00:08:43,350 --> 00:08:45,322 >> TOMAS Reimers: Oleme ürita lõhe. 211 00:08:45,322 --> 00:08:47,530 ALLISON Buchholtz-AU: I arvan chartreuse on olemas. 212 00:08:47,530 --> 00:08:48,050 TOMAS Reimers: Jah. 213 00:08:48,050 --> 00:08:48,550 Vaata? 214 00:08:48,550 --> 00:08:50,080 Nii saad päris loominguline. 215 00:08:50,080 --> 00:08:52,246 >> ALLISON Buchholtz-AU: Sa võib saada päris loominguline. 216 00:08:52,246 --> 00:08:55,750 Like, kui sa ei mõtle värvi nime, see on ilmselt seal. 217 00:08:55,750 --> 00:08:57,840 Kui sa tõesti tahad trahvi detail, võid minna hex. 218 00:08:57,840 --> 00:08:58,673 >> TOMAS Reimers: Jah. 219 00:08:58,673 --> 00:08:59,390 Nii kuueteistkümnendsüsteemis. 220 00:08:59,390 --> 00:09:05,280 Kui te poisid mäletavad seda tagasi vanast pset, Image taastuda 221 00:09:05,280 --> 00:09:08,300 kutid pidi tegelema Nende hex väärtusi. 222 00:09:08,300 --> 00:09:15,280 Ja omamoodi sulgege, mis see on, hex on kolm väärtused salvestatakse see. 223 00:09:15,280 --> 00:09:17,250 Nii et see on kahekaupa sammuga. 224 00:09:17,250 --> 00:09:19,300 Esimesed kaks moodustavad punase väärtus. 225 00:09:19,300 --> 00:09:22,420 Teine tähistab roheline väärtus. 226 00:09:22,420 --> 00:09:25,020 Ja viimane on sinine? 227 00:09:25,020 --> 00:09:30,050 >> Nii FF juhtub esindama kuueteistkümnendsüsteemis 255. 228 00:09:30,050 --> 00:09:35,480 Nii et teil on 255 punane, 255 roheline ja 0 sinine. 229 00:09:35,480 --> 00:09:37,670 Ja väärtuste vahemikus 0 kuni 255. 230 00:09:37,670 --> 00:09:38,350 >> Sihtrühm: Right. 231 00:09:38,350 --> 00:09:41,472 Nii et sisuliselt me ​​võiks otsida Internetis tahes värvi me tahame, 232 00:09:41,472 --> 00:09:43,912 ja selgitada tegelikult-tuntud värvispektri combo, 233 00:09:43,912 --> 00:09:45,130 ja siis me võiks panna selle? 234 00:09:45,130 --> 00:09:46,380 ALLISON Buchholtz-AU: Täpselt. 235 00:09:46,380 --> 00:09:52,900 Nii et teil on päris palju täielikku kontrolli üle värvid, mida lähemal CSS. 236 00:09:52,900 --> 00:09:55,069 Kas me räägime taustapilte hiljem? 237 00:09:55,069 --> 00:09:56,110 Või kas me tahame seda teha? 238 00:09:56,110 --> 00:09:56,240 >> TOMAS Reimers: Jah. 239 00:09:56,240 --> 00:09:57,010 Absoluutselt. 240 00:09:57,010 --> 00:10:00,830 Nii et esimene, vaid näidata, et punane ja roheline on kollane. 241 00:10:00,830 --> 00:10:03,120 Ja kui teil on vaja mõned aidata leida seda, siis 242 00:10:03,120 --> 00:10:05,575 saab Google midagi nagu "värvivalimisdialoogi." 243 00:10:05,575 --> 00:10:07,200 ALLISON Buchholtz-AU: Oh, see on nii hea. 244 00:10:07,200 --> 00:10:09,090 Ma armastan Värvivalija. 245 00:10:09,090 --> 00:10:11,360 >> TOMAS Reimers: colorpicker.com on hea näide. 246 00:10:11,360 --> 00:10:14,580 Ja siin, näete, et teil on täis Photoshop-like värvivalimisdialoogi. 247 00:10:14,580 --> 00:10:14,920 >> ALLISON Buchholtz-AU: Mm-hm. 248 00:10:14,920 --> 00:10:16,980 Samuti lahedaid asju sa oled võib tekitada värvilahendusi 249 00:10:16,980 --> 00:10:18,896 nii et sa ei pea, nagu, minnes värve. 250 00:10:18,896 --> 00:10:22,780 TOMAS Reimers: Ja siis siin on hex väärtus siin. 251 00:10:22,780 --> 00:10:27,800 Nii saad alati leida online põhimõtteliselt kohti saada hex väärtus. 252 00:10:27,800 --> 00:10:31,667 See ei ole mingisugune, et just nagu me vaata värvid maailma numbrid. 253 00:10:31,667 --> 00:10:34,000 See on rohkem, et me minna online ja leida, mis värvi me tahame, 254 00:10:34,000 --> 00:10:36,850 ja siis võta number alla. 255 00:10:36,850 --> 00:10:39,590 Sest see on lihtsalt väga lihtne viis viide asju CS. 256 00:10:39,590 --> 00:10:40,350 >> ALLISON Buchholtz-AU: Ja siis on also-- 257 00:10:40,350 --> 00:10:41,630 Ma unustan täpset nime kohas. 258 00:10:41,630 --> 00:10:43,838 Aga seal on kindlasti, ma arvan, midagi Adobe 259 00:10:43,838 --> 00:10:48,350 mis tekitab värvilahendusi teile, mis on väga lahe, sest sa 260 00:10:48,350 --> 00:10:50,580 definitely-- on mõnikord raske aru saada, 261 00:10:50,580 --> 00:10:53,729 oh, kui ma tahan kasutada seda värvi, milline võiks olla veel üks kasulik üks 262 00:10:53,729 --> 00:10:56,395 kasutada mujal oma saidi, nagu, oleks kena ja sidus. 263 00:10:56,395 --> 00:11:00,430 264 00:11:00,430 --> 00:11:04,260 >> TOMAS Reimers: Allison räägib ükshaaval Adobe nimetatakse Kuler, ma arvan. 265 00:11:04,260 --> 00:11:04,885 See on K-U-L-E-R. 266 00:11:04,885 --> 00:11:06,259 ALLISON Buchholtz-AU: Ma arvan küll. 267 00:11:06,259 --> 00:11:07,610 Ma olen päris kindel, et see üks. 268 00:11:07,610 --> 00:11:11,050 >> TOMAS Reimers: Minu lemmik on alati olnud Color Scheme Designer. 269 00:11:11,050 --> 00:11:13,998 >> ALLISON Buchholtz-AU: Ooh. 270 00:11:13,998 --> 00:11:16,010 >> TOMAS Reimers: Milline on now-- 271 00:11:16,010 --> 00:11:16,860 >> ALLISON Buchholtz-AU: Ah, see on ilus. 272 00:11:16,860 --> 00:11:18,818 >> TOMAS Reimers: Ja sa võib põhimõtteliselt öelda, nagu, 273 00:11:18,818 --> 00:11:21,700 Ma tahan kolme värvi üksteise kõrval. 274 00:11:21,700 --> 00:11:25,030 Ja siis teeme midagi ilusat. 275 00:11:25,030 --> 00:11:29,210 Ja siis saad näiteks mida see tunduda. 276 00:11:29,210 --> 00:11:32,470 Ja siis, kui te hover üle ükskõik neid, see annab sulle hex väärtus. 277 00:11:32,470 --> 00:11:35,010 >> Nii lihtsalt on hea viis alustada mõtlema värvilahendusi 278 00:11:35,010 --> 00:11:39,570 või mis värvi veebilehel võib minna ka koos. 279 00:11:39,570 --> 00:11:45,655 Kuna see võib olla üllatavalt ei ole nii lihtne valida, kui sa arvad. 280 00:11:45,655 --> 00:11:48,280 Ja siis teine ​​lahe asi Olen alati leidnud selle saidi 281 00:11:48,280 --> 00:11:51,480 on kui vajutad näited, siis see näidata, mida näiteks veebilehel 282 00:11:51,480 --> 00:11:54,800 tunduda kasutades, et värvilahendus. 283 00:11:54,800 --> 00:11:56,270 Igatahes. 284 00:11:56,270 --> 00:11:57,863 >> Tagasi tegelik CSS. 285 00:11:57,863 --> 00:12:01,112 ALLISON Buchholtz-AU: Aga loomulikult, me tean, et need viited võivad olla kasulikud. 286 00:12:01,112 --> 00:12:03,195 TOMAS Reimers: Ei, nad Kindlasti võib olla kasulik. 287 00:12:03,195 --> 00:12:04,720 Nii Teine reegel, Allison? 288 00:12:04,720 --> 00:12:05,844 >> ALLISON Buchholtz-AU: Jah. 289 00:12:05,844 --> 00:12:08,280 Teine reegel on lihtsalt vastab meie font. 290 00:12:08,280 --> 00:12:11,520 Nii font kaal on lihtsalt selline of-- nii kaal oleks 291 00:12:11,520 --> 00:12:15,220 kui sa tahad lihtsalt, nagu, normaalne või, nagu, õhem fondid, 292 00:12:15,220 --> 00:12:17,251 või antud juhul, nagu, julge. 293 00:12:17,251 --> 00:12:17,750 Ma unustan. 294 00:12:17,750 --> 00:12:21,557 Mis siis, kui sa tahtsid it-- on olemas õhem ühe kui lihtsalt nagu normaalne? 295 00:12:21,557 --> 00:12:24,140 TOMAS Reimers: Ma tegelikult ei tea, kas seal on õhem üks. 296 00:12:24,140 --> 00:12:24,680 ALLISON Buchholtz-AU: ma unustan. 297 00:12:24,680 --> 00:12:26,300 Nii fondi paksuseks me tavaliselt lihtsalt kasutada julge. 298 00:12:26,300 --> 00:12:29,010 Kui sa tahad saada tõesti arvesse see, me ei kavatse näidata teile. 299 00:12:29,010 --> 00:12:34,317 W3Schools on kõik erinevad asju, mida saate teha fonte. 300 00:12:34,317 --> 00:12:36,900 Aga põhimõtteliselt, kui sa kunagi tahad muuta midagi font, 301 00:12:36,900 --> 00:12:39,330 see on alati saab olema, nagu, font-midagi. 302 00:12:39,330 --> 00:12:43,450 Nii saad nagu, font-family kui sa oled püüab muuta tegelik tüübist. 303 00:12:43,450 --> 00:12:47,390 See oleks font-style, kui te tahad teha see nagu kursiivis, 304 00:12:47,390 --> 00:12:49,710 või kaldkirjas või tühi-tähi. 305 00:12:49,710 --> 00:12:53,570 Või isegi font-color, kui tahtsime seda muuta. 306 00:12:53,570 --> 00:12:55,621 >> TOMAS Reimers: Jah. 307 00:12:55,621 --> 00:12:56,925 Nii et sa ei saa seda muuta. 308 00:12:56,925 --> 00:12:59,360 Ja omamoodi lihtsalt sulgege nüüd, nii et saate 309 00:12:59,360 --> 00:13:01,400 näha, et meil valijat siin. 310 00:13:01,400 --> 00:13:03,000 Meil on need looksulg. 311 00:13:03,000 --> 00:13:06,735 Ja siis on meil reeglid piiritletud semikoolonid. 312 00:13:06,735 --> 00:13:08,100 Kas on mõtet? 313 00:13:08,100 --> 00:13:09,130 Jah? 314 00:13:09,130 --> 00:13:10,500 Külm. 315 00:13:10,500 --> 00:13:13,200 Nii et kui see on good-- 316 00:13:13,200 --> 00:13:14,424 >> ALLISON Buchholtz-AU: Back. 317 00:13:14,424 --> 00:13:17,590 TOMAS Reimers: Räägime konkreetselt umbes millist valijad oleme. 318 00:13:17,590 --> 00:13:19,790 Sest just nüüd me oleme omamoodi lihtsalt näidanud sildid. 319 00:13:19,790 --> 00:13:21,696 Aga kutid ei näe ta usutav. 320 00:13:21,696 --> 00:13:23,570 Ütle, et teil on kaks lõiku lehel ja te 321 00:13:23,570 --> 00:13:26,087 soovite, et oleks võimalik stiili üks, kuid mitte teiste, 322 00:13:26,087 --> 00:13:29,170 sa ei lihtsalt tahan piirata ennast on kasutada erinevaid tegelik HTML 323 00:13:29,170 --> 00:13:33,410 sildid, et anda neile erinevaid stiile. 324 00:13:33,410 --> 00:13:35,995 >> Nii et meil on kolm põhilist tüüpi lülitid. 325 00:13:35,995 --> 00:13:37,120 ALLISON Buchholtz-AU: Jah. 326 00:13:37,120 --> 00:13:39,828 Nii et meil on silt, mis on see, mida oleme rääkinud just nüüd. 327 00:13:39,828 --> 00:13:42,430 Nii et see on selline nagu keha või p. 328 00:13:42,430 --> 00:13:46,280 Ja siis on meil klassis, mis on Kui me defineerime seda meie CSS faili 329 00:13:46,280 --> 00:13:49,907 see on alati saab olema dot olenemata soovite nime oma klassi olema. 330 00:13:49,907 --> 00:13:51,490 Ja see ei kehti mitu asja. 331 00:13:51,490 --> 00:13:54,610 332 00:13:54,610 --> 00:13:57,610 >> Ütle, et on viis punktid ja kaks kolmest neist 333 00:13:57,610 --> 00:14:00,580 tuleb stiilis sama, sa kehtiks klassi ta. 334 00:14:00,580 --> 00:14:03,040 Ja see on just nii me seda teeme. 335 00:14:03,040 --> 00:14:05,600 Anname teile näide kui see tegelikult näitab üles. 336 00:14:05,600 --> 00:14:11,030 Aga kui sul oleks võib-olla mõned tag p, pärast seda, siis oleks kirjutada, 337 00:14:11,030 --> 00:14:14,170 klassi võrdub iganes klassides soovite rakendada seda. 338 00:14:14,170 --> 00:14:19,280 Mida iganes klassi lülitid, mida me tahame taotleda selle konkreetse lõigu 339 00:14:19,280 --> 00:14:21,300 me võiks lihtsalt kirjutada niimoodi. 340 00:14:21,300 --> 00:14:24,080 Muidugi, ma arvan, et näiteks teeb palju konkreetsem. 341 00:14:24,080 --> 00:14:27,270 >> Teine on meil on id, mida me tähistame 342 00:14:27,270 --> 00:14:29,707 koos hash või naela või hashtag. 343 00:14:29,707 --> 00:14:30,790 TOMAS Reimers: Octothorpe. 344 00:14:30,790 --> 00:14:32,430 ALLISON Buchholtz-AU: Octothorpe. 345 00:14:32,430 --> 00:14:34,550 See töötab ka. 346 00:14:34,550 --> 00:14:36,640 Ja see peaks tõesti olema unikaalne. 347 00:14:36,640 --> 00:14:39,880 Nad tuleks kohaldada üksnes üks asi lehel. 348 00:14:39,880 --> 00:14:43,820 Nii et kas see on eraldi lõik, või mõne Loendi elemendi või mis iganes, 349 00:14:43,820 --> 00:14:45,090 see peaks olema unikaalne. 350 00:14:45,090 --> 00:14:48,730 Ja samamoodi, et me lihtsalt öelda, nagu, class = "Klass1 class2" 351 00:14:48,730 --> 00:14:51,577 see võib olla ainult id iganes oleme. 352 00:14:51,577 --> 00:14:52,410 TOMAS Reimers: Jah. 353 00:14:52,410 --> 00:14:54,330 Nii saab kindlasti rääkida umbes näited siin. 354 00:14:54,330 --> 00:14:58,170 Ja ma lihtsalt sukelduda otse tagasi koodi. 355 00:14:58,170 --> 00:15:02,090 Nii vaatame meie HTML. 356 00:15:02,090 --> 00:15:03,960 Ja nii me just nüüd on üks punkt. 357 00:15:03,960 --> 00:15:05,510 See on tekst. 358 00:15:05,510 --> 00:15:09,151 Ma lihtsalt muuta see. "See on tekst 1." 359 00:15:09,151 --> 00:15:11,150 Ja siis me läheme on "See on tekst 2." 360 00:15:11,150 --> 00:15:12,525 >> ALLISON Buchholtz-AU: teine. 361 00:15:12,525 --> 00:15:13,540 TOMAS Reimers: Jah. 362 00:15:13,540 --> 00:15:16,810 Nii on meil nüüd "See on tekst 2" eks? 363 00:15:16,810 --> 00:15:21,560 Ja me näeme, et kui me uuesti Lehe mida me leiame 364 00:15:21,560 --> 00:15:23,067 on me saame find-- 365 00:15:23,067 --> 00:15:24,150 ALLISON Buchholtz-AU: Ooh. 366 00:15:24,150 --> 00:15:24,983 TOMAS Reimers: Jah. 367 00:15:24,983 --> 00:15:27,570 Me leiame "See on Teksti 1 "ja" See on tekst 2. " 368 00:15:27,570 --> 00:15:28,650 >> ALLISON Buchholtz-AU: Ja välja armas kollane värv. 369 00:15:28,650 --> 00:15:31,066 >> TOMAS Reimers: Ja te näete et meie valijat kohe, 370 00:15:31,066 --> 00:15:34,940 mida kohaldatakse P või punktid, mõjutab nii neist, 371 00:15:34,940 --> 00:15:38,700 kuna mõlemad vastavad tingimusel, et nad on nii p tag. 372 00:15:38,700 --> 00:15:40,360 See teeb kokku mõttes. 373 00:15:40,360 --> 00:15:43,340 Seega on küsimus selles, noh, mis Kui me tahtsime ainult saada üks? 374 00:15:43,340 --> 00:15:46,350 Nii täpselt nagu Allison ütles, meil on kaks võimalust seda teha. 375 00:15:46,350 --> 00:15:47,320 Ma lähen alustada id. 376 00:15:47,320 --> 00:15:48,405 >> ALLISON Buchholtz-AU: Alustame id. 377 00:15:48,405 --> 00:15:50,405 >> TOMAS Reimers: Ja nii Nende atribuudid. 378 00:15:50,405 --> 00:15:53,200 Nii atribuudid olemas HTML. 379 00:15:53,200 --> 00:15:55,600 Ja mida nad on midagi, mida sa lisada 380 00:15:55,600 --> 00:15:58,840 sees tag, mis on eraldi tag nimi. 381 00:15:58,840 --> 00:16:01,301 Nii saab olla mitu atribuute. 382 00:16:01,301 --> 00:16:01,800 Jah? 383 00:16:01,800 --> 00:16:03,950 >> ALLISON Buchholtz-AU: Ma lihtsalt lähen öelda, teie näite pset 7, 384 00:16:03,950 --> 00:16:06,650 kui keegi teile püüdma viia asju keskus, 385 00:16:06,650 --> 00:16:08,550 sa võisid kasutada "Text align = center." 386 00:16:08,550 --> 00:16:10,550 Ja te olete märganud, et tõenäoliselt oleks tsentreeritud 387 00:16:10,550 --> 00:16:12,650 oma teksti või teie navigation bar. 388 00:16:12,650 --> 00:16:15,499 Nii et lihtsalt ka atribuudi et võite olla tuttav. 389 00:16:15,499 --> 00:16:18,040 TOMAS Reimers: Seal on hunnik atribuutide et näete. 390 00:16:18,040 --> 00:16:18,539 Jah. 391 00:16:18,539 --> 00:16:21,250 Nagu hea viide pset 7. 392 00:16:21,250 --> 00:16:23,150 Meil on id. 393 00:16:23,150 --> 00:16:25,080 Te saate ka klassi asjad niimoodi. 394 00:16:25,080 --> 00:16:27,250 Ühe tag võib olla palju atribuute. 395 00:16:27,250 --> 00:16:33,140 Nii algab id, olgem teeselda me tahtnud id of-- ma ei tea. 396 00:16:33,140 --> 00:16:35,140 Me nimetame seda erilist, sest see, et me oleme 397 00:16:35,140 --> 00:16:37,867 kavatseb teha julgeid ja rõhutada, ja mida iganes. 398 00:16:37,867 --> 00:16:39,950 ALLISON Buchholtz-AU: See on saab olema super erilist. 399 00:16:39,950 --> 00:16:42,360 TOMAS Reimers: Nii et see üks, meil on id erilist. 400 00:16:42,360 --> 00:16:48,140 Nii, kuidas valida, et siis on in main.css asemel on p tag, 401 00:16:48,140 --> 00:16:51,500 sa #special, OK? 402 00:16:51,500 --> 00:16:55,538 Ja mis valib asi id erilist. 403 00:16:55,538 --> 00:16:57,295 Kas see mõtet kõigile? 404 00:16:57,295 --> 00:16:57,920 Sihtrühm: Jah. 405 00:16:57,920 --> 00:16:59,110 TOMAS Reimers: Cool. 406 00:16:59,110 --> 00:17:04,440 Nüüd, kui me tagasi minna, me see-- whoops. 407 00:17:04,440 --> 00:17:06,240 Jah. 408 00:17:06,240 --> 00:17:09,460 Me näeme, et see ainult valib üks id erilist. 409 00:17:09,460 --> 00:17:10,622 Jah? 410 00:17:10,622 --> 00:17:11,900 Kõlab lahe. 411 00:17:11,900 --> 00:17:12,570 Jah. 412 00:17:12,570 --> 00:17:15,456 >> Sihtrühm: Kas midagi on omistada nii klassi ja id? 413 00:17:15,456 --> 00:17:16,359 >> TOMAS Reimers: Jah. 414 00:17:16,359 --> 00:17:16,900 Sihtrühm: OK. 415 00:17:16,900 --> 00:17:20,887 Ja mis siis juhtub, kui sa siis anna see teatud eeskirjadest CSS, et konflikt? 416 00:17:20,887 --> 00:17:21,970 TOMAS Reimers: Absoluutselt. 417 00:17:21,970 --> 00:17:23,940 Me kindlasti läheb rääkida sellest. 418 00:17:23,940 --> 00:17:31,890 Nii täpselt, mida sa ei saada at, saab ka klassi. 419 00:17:31,890 --> 00:17:36,380 Nii saab teeselda, ma pidin kolm lõiku ja I 420 00:17:36,380 --> 00:17:38,730 tahtsin stiilis esimene kaks, kuid mitte kolmanda. 421 00:17:38,730 --> 00:17:42,850 Noh, teie esimene mõte võib olla, noh, ma võiks lihtsalt anda teine ​​id. 422 00:17:42,850 --> 00:17:45,590 Aga sa ei saa, sest id, täpselt nagu Allison ütles, 423 00:17:45,590 --> 00:17:47,330 See peab olema unikaalne. 424 00:17:47,330 --> 00:17:50,860 >> Nii et selle asemel id, mida saab kasutada on, saab kasutada klassis. 425 00:17:50,860 --> 00:17:57,880 Ja class-- mida see võimaldab sul teha on põhimõtteliselt öelda, 426 00:17:57,880 --> 00:17:59,610 see kuulub osana grupp. 427 00:17:59,610 --> 00:18:02,410 Sel juhul meie grupp nimetatakse Special. 428 00:18:02,410 --> 00:18:06,500 Ja see, mida me teeme, siis on me ei kavatse say-- mitte nael 429 00:18:06,500 --> 00:18:08,070 me ei kavatse kasutada dot. 430 00:18:08,070 --> 00:18:08,740 OK? 431 00:18:08,740 --> 00:18:11,950 Ja teate, et naela ja dot eksisteerivad üksnes CSS faili 432 00:18:11,950 --> 00:18:12,797 ei kuulu HTML. 433 00:18:12,797 --> 00:18:13,880 ALLISON Buchholtz-AU: Jah. 434 00:18:13,880 --> 00:18:15,185 Tähtis vahet. 435 00:18:15,185 --> 00:18:17,510 >> TOMAS Reimers: Mul on oli nii palju vaeva, 436 00:18:17,510 --> 00:18:23,990 sest panin hash HTML ja siis lihtsalt tundsin loll pikka aega. 437 00:18:23,990 --> 00:18:27,470 Vaata, kuidas see valib mõlemad need, kellel selle klassi? 438 00:18:27,470 --> 00:18:28,210 Külm. 439 00:18:28,210 --> 00:18:29,950 >> Nüüd on asjad võib olla mitu klassi. 440 00:18:29,950 --> 00:18:32,790 Oletame, et ma tahtsin teha esimene kaks on taust kollane 441 00:18:32,790 --> 00:18:36,770 ja kaks on värvi sinine. 442 00:18:36,770 --> 00:18:37,270 OK. 443 00:18:37,270 --> 00:18:39,735 Ma tõesti ei tea, miks ma tahaks taha seda teha, aga saan. 444 00:18:39,735 --> 00:18:42,401 >> ALLISON Buchholtz-AU: pruugi soovitatav see oma veebilehel. 445 00:18:42,401 --> 00:18:43,880 Aga meie eesmärkidel, siis teen. 446 00:18:43,880 --> 00:18:46,294 >> TOMAS Reimers: See ei ole hea värvilahendus. 447 00:18:46,294 --> 00:18:49,210 ALLISON Buchholtz-AU: Noh, kollane ja sinine on minu keskkooli värve. 448 00:18:49,210 --> 00:18:50,947 Ma ei tea küll. 449 00:18:50,947 --> 00:18:53,530 TOMAS Reimers: Allison kõrge Koolis oli väga värvilahendus. 450 00:18:53,530 --> 00:18:54,520 [NAER] 451 00:18:54,520 --> 00:18:59,120 Niisiis, mida me nimetame seda Kutsume see-- nii et meil on Special 452 00:18:59,120 --> 00:19:00,030 ja meil on ilus. 453 00:19:00,030 --> 00:19:02,405 Pakun, et see, mida kasutate palju kirjeldavad nimed. 454 00:19:02,405 --> 00:19:05,820 ALLISON Buchholtz-AU: Jah, ma tahan nimetame seda, nagu kollane või sinine. 455 00:19:05,820 --> 00:19:08,314 >> TOMAS Reimers: Me ei ole tõesti tegemist tõelise veebilehel, 456 00:19:08,314 --> 00:19:09,730 mistõttu me ei tee seda. 457 00:19:09,730 --> 00:19:11,521 Aga kui sa tegelikult oli tõeline veebilehel, siis 458 00:19:11,521 --> 00:19:16,220 Võib-olla, nagu, artikli päis, artikli sisu, esimene sõna, 459 00:19:16,220 --> 00:19:21,920 asju, mis võimaldavad sul olema palju kirjeldav. 460 00:19:21,920 --> 00:19:23,550 Need on tõesti nagu muutujaid. 461 00:19:23,550 --> 00:19:28,390 Nad peaksid olema nimetatud viisil, kus saad, like-- jah, kui selline. 462 00:19:28,390 --> 00:19:29,470 Perfect. 463 00:19:29,470 --> 00:19:30,480 >> Nii taustavärvi. 464 00:19:30,480 --> 00:19:35,920 Ja siis me läheme say-- nii kuidas muuta värvi on lihtsalt "värvi." 465 00:19:35,920 --> 00:19:38,412 Ja me ei kavatse teha see sinine. 466 00:19:38,412 --> 00:19:40,150 See on lahe. 467 00:19:40,150 --> 00:19:42,640 Nüüd on meil Esimesed kaks on eriline. 468 00:19:42,640 --> 00:19:45,972 Järgmisena läheb on "class = ilus." 469 00:19:45,972 --> 00:19:49,180 ALLISON Buchholtz-AU: Ja siis saate tahan lisada "päris" keskel üks. 470 00:19:49,180 --> 00:19:49,971 TOMAS Reimers: Jah. 471 00:19:49,971 --> 00:19:52,970 Ja siis keset üks, lisada "päris" Mis juhtub 472 00:19:52,970 --> 00:19:56,880 on sul lihtsalt ruumi. 473 00:19:56,880 --> 00:19:59,800 Nii klassi atribuut on tühikutega eraldatult 474 00:19:59,800 --> 00:20:02,450 kõikide klasside mis kehtivad et tag. 475 00:20:02,450 --> 00:20:02,959 OK? 476 00:20:02,959 --> 00:20:05,750 See ei ole selline, nagu see kuulub mingi eriline klassi, mida nimetatakse 477 00:20:05,750 --> 00:20:07,180 "Special, kosmos, ilus." 478 00:20:07,180 --> 00:20:10,870 See kuulub kaks classes-- eriline ja ilus. 479 00:20:10,870 --> 00:20:12,492 Jah? 480 00:20:12,492 --> 00:20:14,360 Külm. 481 00:20:14,360 --> 00:20:17,010 >> Ja siis kui me vaatame kell, mis juhtub, me oleme 482 00:20:17,010 --> 00:20:21,850 näeme, et esimene on kollasel taustal, must tekst. 483 00:20:21,850 --> 00:20:22,450 Teiseks one-- 484 00:20:22,450 --> 00:20:26,160 >> ALLISON Buchholtz-AU: --has julge kollasel taustal sinine tekst. 485 00:20:26,160 --> 00:20:29,330 Ja meie viimane lihtsalt on sinine tekst, mida me talle pandud. 486 00:20:29,330 --> 00:20:30,870 >> TOMAS Reimers: Lahedad? 487 00:20:30,870 --> 00:20:32,491 Kuidas valijad toimib? 488 00:20:32,491 --> 00:20:32,990 Awesome. 489 00:20:32,990 --> 00:20:34,720 >> ALLISON Buchholtz-AU: Kas me tahame rääkida konflikti nüüd siis? 490 00:20:34,720 --> 00:20:35,780 >> TOMAS Reimers: Nii et jah. 491 00:20:35,780 --> 00:20:36,310 Absoluutselt. 492 00:20:36,310 --> 00:20:38,380 Mis juhtub, kui te on vastuolus, eks? 493 00:20:38,380 --> 00:20:44,740 Teeskleme esimene loob midagi like-- 494 00:20:44,740 --> 00:20:47,240 ALLISON Buchholtz-AU: Maybe see muudab tausta? 495 00:20:47,240 --> 00:20:48,090 TOMAS Reimers: Jah. 496 00:20:48,090 --> 00:20:51,699 Nii et me kavatseme teha "päris" Taustal lõhe. 497 00:20:51,699 --> 00:20:54,740 ALLISON Buchholtz-AU: Sa oled lihtsalt koos kõik suured värvid täna Tomas. 498 00:20:54,740 --> 00:20:55,573 TOMAS Reimers: Jah. 499 00:20:55,573 --> 00:20:58,200 Kuna sain teada saan kasuta lõhe reaalse värvi. 500 00:20:58,200 --> 00:21:00,270 Nii et me ainult kavatse teha. 501 00:21:00,270 --> 00:21:01,770 Ma arvan ka Sunset on tõeline värvi. 502 00:21:01,770 --> 00:21:03,103 Sihtrühm: Sunset on tõeline värv? 503 00:21:03,103 --> 00:21:04,572 ALLISON Buchholtz-AU: Proovime seda. 504 00:21:04,572 --> 00:21:07,735 TOMAS Reimers: Pärast seda demo lihtsalt sellepärast, et juhul, kui see messide up, 505 00:21:07,735 --> 00:21:08,943 Ma ei taha olla silumine. 506 00:21:08,943 --> 00:21:11,580 Seega me teame lõhe on tõeline värvi. 507 00:21:11,580 --> 00:21:15,626 Seega igasugused oletused kohta mis juhtub? 508 00:21:15,626 --> 00:21:17,522 >> ALLISON Buchholtz-AU: Iga mõte? 509 00:21:17,522 --> 00:21:20,002 >> Sihtrühm: [kuuldamatu]. 510 00:21:20,002 --> 00:21:20,920 >> TOMAS Reimers: Jah. 511 00:21:20,920 --> 00:21:22,150 Nii et sa pead seda täpselt õige. 512 00:21:22,150 --> 00:21:24,930 Põhimõtteliselt, see võtab viimane reegel, et see anti. 513 00:21:24,930 --> 00:21:27,860 >> ALLISON Buchholtz-AU: Nii et see on kus kuhjuvate jõustumist. 514 00:21:27,860 --> 00:21:31,080 >> TOMAS Reimers: Nii mäletan, kuidas me oli, et kaskaadlaadistike? 515 00:21:31,080 --> 00:21:33,660 Nii et, et me mingi tähenda et meil on hunnik reeglid 516 00:21:33,660 --> 00:21:37,115 mida kohaldatakse peal üksteist, ja samuti võivad nad esmajärguline üksteisega. 517 00:21:37,115 --> 00:21:39,380 >> ALLISON Buchholtz-AU: Nii olenemata tema allosas 518 00:21:39,380 --> 00:21:41,540 alistab kõike, mis on top. 519 00:21:41,540 --> 00:21:45,842 Sa oleks võinud reeglid, mis täielikult tühista midagi ette. 520 00:21:45,842 --> 00:21:48,300 See on ka põhjus, miks sa tahad olla ettevaatlik, kui sa oled stiil, 521 00:21:48,300 --> 00:21:51,465 nii et sa ei luua reeglid, sa oled lihtsalt täielikult tühistab. 522 00:21:51,465 --> 00:21:53,340 >> TOMAS Reimers: Või äkki ei taha kirjutada reeglid. 523 00:21:53,340 --> 00:21:53,920 >> ALLISON Buchholtz-AU: Või äkki sa teed. 524 00:21:53,920 --> 00:21:54,300 Jah. 525 00:21:54,300 --> 00:21:57,175 >> TOMAS Reimers: Teeskle teil on klassi, mis kehtib enamiku asju, 526 00:21:57,175 --> 00:22:01,220 aga oletame, et soovite muuta taustavärvi punane ja font 527 00:22:01,220 --> 00:22:03,140 kaalu julge enamiku asju, kuid üks, 528 00:22:03,140 --> 00:22:06,098 tahad ainult taustavärvi olema punane aga soovite kõik muud 529 00:22:06,098 --> 00:22:09,990 omadused, mida võiks teha midagi nagu "font-weight = normaalne," 530 00:22:09,990 --> 00:22:12,760 mida siis undo, et julge muutusi. 531 00:22:12,760 --> 00:22:14,480 Jah? 532 00:22:14,480 --> 00:22:17,250 Jällegi on parim viis, ma arvan Allison ütles, et see on lihtsalt harjutada. 533 00:22:17,250 --> 00:22:18,080 >> ALLISON Buchholtz-AU: katsetamist. 534 00:22:18,080 --> 00:22:20,090 >> TOMAS Reimers: Praktika, praktika Praktikas ja katsetada. 535 00:22:20,090 --> 00:22:22,950 Ma tean palju inimesi, kes arvavad, CSS on lihtsalt palju vist-ja-kontrolli 536 00:22:22,950 --> 00:22:25,580 lõpus päeval, kui siis, kui mida sa teha tahad midagi-- nagu, 537 00:22:25,580 --> 00:22:27,663 teil on töötlemata idee, kuid sa ikka ilmselt vaja 538 00:22:27,663 --> 00:22:31,390 seda proovida, et veenduda sa tead, kuidas see välja näeb. 539 00:22:31,390 --> 00:22:34,482 >> Sihtrühm: Kui sa oled kohaldades klassidesse, rohkem kui üks 540 00:22:34,482 --> 00:22:37,339 Samast punktist või sektsiooni, kas see 541 00:22:37,339 --> 00:22:39,505 Ükskõik mis selleks saab kirjuta need jutumärgid? 542 00:22:39,505 --> 00:22:40,992 >> TOMAS Reimers: Ei, üldse mitte. 543 00:22:40,992 --> 00:22:45,764 >> ALLISON Buchholtz-AU: Oluline on Et teie CSS stiili lehed. 544 00:22:45,764 --> 00:22:47,430 Sihtrühm: Kas sa küsimust korrata? 545 00:22:47,430 --> 00:22:50,680 TOMAS Reimers: Oh. 546 00:22:50,680 --> 00:22:53,990 ALLISON Buchholtz-AU: Jooksul klassi, kui sa oled andes klasside 547 00:22:53,990 --> 00:22:56,964 et midagi HTML, ei see oluline, mis järjekorras nad on? 548 00:22:56,964 --> 00:22:58,130 Ei ole oluline, et. 549 00:22:58,130 --> 00:23:02,915 Oluline on järjekorras klassi valijad teie CSS, 550 00:23:02,915 --> 00:23:04,306 jooksul oma stiili lehel. 551 00:23:04,306 --> 00:23:06,982 >> TOMAS Reimers: Sound hea? 552 00:23:06,982 --> 00:23:08,532 >> ALLISON Buchholtz-AU: Lovely. 553 00:23:08,532 --> 00:23:11,539 >> TOMAS Reimers: Ja siis me ei kavatse jätkata mina-- 554 00:23:11,539 --> 00:23:13,330 ALLISON Buchholtz-AU: Mis meil edasi? 555 00:23:13,330 --> 00:23:14,245 Ma unustan. 556 00:23:14,245 --> 00:23:16,087 Oh, meil on lihtsalt näited. 557 00:23:16,087 --> 00:23:17,295 Aga me oleme omamoodi teha neid. 558 00:23:17,295 --> 00:23:18,990 Oleme teinud näiteid sõita. 559 00:23:18,990 --> 00:23:20,540 >> TOMAS Reimers: Saame ühendada valijad kiiresti. 560 00:23:20,540 --> 00:23:22,790 >> ALLISON Buchholtz-AU: Oh, saame ühendada valijad. 561 00:23:22,790 --> 00:23:25,260 TOMAS Reimers: Nii mõned näited on meil 562 00:23:25,260 --> 00:23:29,630 # Dog-- nael või hashtag, või octothorpe, või mis iganes 563 00:23:29,630 --> 00:23:32,050 soovite helistada selle-- terav. 564 00:23:32,050 --> 00:23:34,875 >> ALLISON Buchholtz-AU: Sharp koer. 565 00:23:34,875 --> 00:23:36,470 >> TOMAS Reimers: Siis on .pets. 566 00:23:36,470 --> 00:23:39,059 567 00:23:39,059 --> 00:23:41,600 Midagi id koer, seal on ainult üks koer lehel. 568 00:23:41,600 --> 00:23:43,870 Midagi id kass, seal on ainult üks kass. 569 00:23:43,870 --> 00:23:45,665 See võib olla mitmeid lemmikloomad lehel. 570 00:23:45,665 --> 00:23:47,570 Sellepärast me andsime selle klassi. 571 00:23:47,570 --> 00:23:48,740 Sul on näide sellest, lk. 572 00:23:48,740 --> 00:23:50,490 Ja seejärel nii üks Viimane näide, mis 573 00:23:50,490 --> 00:23:53,790 on midagi, mida me ei rääkinud, on see, mis juhtub, kui sa neid kombineerida. 574 00:23:53,790 --> 00:23:54,580 Nii p.pets. 575 00:23:54,580 --> 00:23:57,510 576 00:23:57,510 --> 00:24:02,950 >> Nii et lähme tagasi kood ja tutvustada another-- yeah. 577 00:24:02,950 --> 00:24:04,290 Nii siia tagasi. 578 00:24:04,290 --> 00:24:04,850 >> ALLISON Buchholtz-AU: I tunne, nagu see on really-- 579 00:24:04,850 --> 00:24:08,105 nagu lihtsalt otsides näiteid on tõesti võimalus õppida seda. 580 00:24:08,105 --> 00:24:09,360 Nii et see, mida me teeme. 581 00:24:09,360 --> 00:24:14,030 >> TOMAS Reimers: Nii saab teeselda, me tahan ainult, et valida teksti 2, eks? 582 00:24:14,030 --> 00:24:16,530 Nii et me ei saa kindlasti teha, et id. 583 00:24:16,530 --> 00:24:19,620 Noh, me võiksime teha, et id, kuid see ei pea id. 584 00:24:19,620 --> 00:24:22,490 Ma võiksin lisada, kuid olgem teeselda et ma ei taha lisada 585 00:24:22,490 --> 00:24:24,910 või see on juba midagi muud. 586 00:24:24,910 --> 00:24:26,516 Ma ei saa seda teha, et. 587 00:24:26,516 --> 00:24:28,870 Tag ei ​​ole kindlasti ainulaadne, eks? 588 00:24:28,870 --> 00:24:30,670 Ja samuti ei ole klassis. 589 00:24:30,670 --> 00:24:32,314 Aga sa võid ühendada need asjad. 590 00:24:32,314 --> 00:24:35,230 Oletame, et me tahtsime teha midagi mis puudutab ainult asju, mis 591 00:24:35,230 --> 00:24:39,420 on klassi eriline ja mis on klassi ilus. 592 00:24:39,420 --> 00:24:48,150 >> Nii, mida saate teha on main.css, sa ei saa öelda, lähme esimese kustutada. 593 00:24:48,150 --> 00:24:50,240 Võite ühendada need. 594 00:24:50,240 --> 00:24:51,430 Nii saad teha Spetsiaalne. 595 00:24:51,430 --> 00:24:52,110 No ruumi. 596 00:24:52,110 --> 00:24:54,770 Just .special.pretty. 597 00:24:54,770 --> 00:25:00,550 Mida see tähendab midagi mis on nii eriline ja ilus. 598 00:25:00,550 --> 00:25:01,900 Kas on mõtet? 599 00:25:01,900 --> 00:25:04,190 Ja kui me läheme siia, mida sa lähed, et näha 600 00:25:04,190 --> 00:25:09,734 on see reegel kehtib ainult teine, mis on need mõlemad. 601 00:25:09,734 --> 00:25:11,400 Ja seda saab teha, et palju asju. 602 00:25:11,400 --> 00:25:13,270 Võite say-- olgem teeselda Tahtsin ainult 603 00:25:13,270 --> 00:25:18,300 teha asju, mis on klassi päris ja mis on ka lõik tag. 604 00:25:18,300 --> 00:25:19,920 Nii p.pretty. 605 00:25:19,920 --> 00:25:23,585 Teeme näo, et ma pidin midagi päris sildi keha. 606 00:25:23,585 --> 00:25:25,850 OK? 607 00:25:25,850 --> 00:25:28,490 Ma saan käivitada see ja ma näeme, et see on ainult 608 00:25:28,490 --> 00:25:32,720 läheb kohaldata asju, mis on lõigud klassi ilus. 609 00:25:32,720 --> 00:25:35,650 Ja saate ühendada need, Ühesõnaga, nii palju kui tahad. 610 00:25:35,650 --> 00:25:38,580 Nii saate lihtsalt panna neid koos. 611 00:25:38,580 --> 00:25:39,604 Kas on mõtet? 612 00:25:39,604 --> 00:25:41,770 ALLISON Buchholtz-AU: Nii selline on kasulikum 613 00:25:41,770 --> 00:25:45,490 kui Tomas ütles varem, võib-olla sul on väga keeruline veebilehel, 614 00:25:45,490 --> 00:25:48,050 ja sul on juba palju Nende eeskirjade kirjutatud, 615 00:25:48,050 --> 00:25:51,170 ja sa lihtsalt vaja ühendada kaks varem. 616 00:25:51,170 --> 00:25:55,350 Nagu asemel kirjalikult kogu uus valijat ja muutes seda seal, 617 00:25:55,350 --> 00:25:58,592 võite lihtsalt ühendada neid, kus see kattub. 618 00:25:58,592 --> 00:26:00,670 >> TOMAS Reimers: Või siis Võib juhtuda, out-- mõnikord 619 00:26:00,670 --> 00:26:04,290 seal on üks klass, mis muudab fonti värvi nagu sinine, 620 00:26:04,290 --> 00:26:06,740 ja seal on teine ​​klass, mis teeb taust sinine. 621 00:26:06,740 --> 00:26:07,840 Ja see lihtsalt ei toimi. 622 00:26:07,840 --> 00:26:10,924 Nii et sa kirjutada erijuhtum, kus like-- aga kui see on nii, siis mis sa oled 623 00:26:10,924 --> 00:26:13,548 lähen tegema, on sa lähed teha see üks selle sinise toon 624 00:26:13,548 --> 00:26:15,310 ja see üks selle teise sinise toon. 625 00:26:15,310 --> 00:26:15,580 Õigus? 626 00:26:15,580 --> 00:26:17,955 >> ALLISON Buchholtz-AU: Hea neile erinevaid erandeid. 627 00:26:17,955 --> 00:26:21,220 TOMAS Reimers: Nii et mõtle probleeme 628 00:26:21,220 --> 00:26:25,000 mis võivad tekkida, kui te neid omavahel kombineerida. 629 00:26:25,000 --> 00:26:27,020 Külm. 630 00:26:27,020 --> 00:26:29,692 Nii tagasi meie esitlus. 631 00:26:29,692 --> 00:26:31,400 ALLISON Buchholtz-AU: Me oleme peaaegu kohal. 632 00:26:31,400 --> 00:26:34,022 TOMAS Reimers: Ja peatunud ühendamist. 633 00:26:34,022 --> 00:26:36,494 ALLISON Buchholtz-AU: Oh, ei. 634 00:26:36,494 --> 00:26:39,125 ALLISON Buchholtz-AU: CS juures office, internet loojub. 635 00:26:39,125 --> 00:26:40,360 Oh, iroonia. 636 00:26:40,360 --> 00:26:45,620 >> TOMAS Reimers: Nii Õnneks võime esitada ilma internet, ma arvan, 637 00:26:45,620 --> 00:26:47,380 sest meil on kõik slaidid siin. 638 00:26:47,380 --> 00:26:49,304 Nii räägime suhe sildid. 639 00:26:49,304 --> 00:26:50,470 ALLISON Buchholtz-AU: Right. 640 00:26:50,470 --> 00:26:52,660 Nii lihtsalt selline läheb off, mida Tomas ütles, 641 00:26:52,660 --> 00:26:54,180 see on lihtsalt üks viis seda teha. 642 00:26:54,180 --> 00:26:57,840 Nii et meil on mõned vanema valijat lapsega valijat. 643 00:26:57,840 --> 00:27:02,815 Nii et selles näites siin, meil on mõned kere klassi navriba, klass nuppu. 644 00:27:02,815 --> 00:27:03,315 Ah. 645 00:27:03,315 --> 00:27:03,990 >> TOMAS Reimers: Oh, vabandust. 646 00:27:03,990 --> 00:27:06,180 >> ALLISON Buchholtz-AU: Ja Põhimõtteliselt, mida see tähendab 647 00:27:06,180 --> 00:27:11,070 on valida kõik lapsed, nagu kõik need mitmesugused lülitid, 648 00:27:11,070 --> 00:27:13,040 selles vanema valijat. 649 00:27:13,040 --> 00:27:16,004 Ja need on ainsad see on kunagi kehti. 650 00:27:16,004 --> 00:27:17,755 Ma ei tea, kui te on parem of-- 651 00:27:17,755 --> 00:27:19,504 TOMAS Reimers: Ma arvan võimalus mõelda 652 00:27:19,504 --> 00:27:22,440 sellest on meeles pidada, enne kui me omamoodi nagu neid koos. 653 00:27:22,440 --> 00:27:26,340 Ja siis see tähendab, et üks element mis sobib kõigi nende. 654 00:27:26,340 --> 00:27:29,530 Mida see ütleb on, ma tahan, et sa vasta kõik 655 00:27:29,530 --> 00:27:33,220 jooksul some-- ma tahan Teil leida valijat. 656 00:27:33,220 --> 00:27:35,670 Ja siis selles, ma tahan teil mängu uusi asju. 657 00:27:35,670 --> 00:27:36,170 Õigus? 658 00:27:36,170 --> 00:27:40,900 Nii CSS, see kõik on umbes omamoodi on võimalik sobitada neid punkte. 659 00:27:40,900 --> 00:27:43,050 Ja te võite proovida sobitada objektide muud teemad. 660 00:27:43,050 --> 00:27:46,510 >> Nii saab tegelikult teha näiteks ja me arvame, et tulen selgitada. 661 00:27:46,510 --> 00:27:53,090 Nii saab teeselda, meil on eriline, erilist päris, mida iganes. 662 00:27:53,090 --> 00:27:55,690 Ja siis on meil link, OK? 663 00:27:55,690 --> 00:27:59,780 664 00:27:59,780 --> 00:28:02,370 Seega pidage meeles, on seos. 665 00:28:02,370 --> 00:28:03,900 Ta ei kavatse kuhugi minna. 666 00:28:03,900 --> 00:28:11,500 Ja me ei kavatse anda talle klassi link, ma arvan. 667 00:28:11,500 --> 00:28:13,335 Anname ta class-- mulle idee. 668 00:28:13,335 --> 00:28:14,460 ALLISON Buchholtz-AU: Cool. 669 00:28:14,460 --> 00:28:16,420 TOMAS Reimers: COO- olgem mine selle klassi ilus. 670 00:28:16,420 --> 00:28:16,930 Miks mitte? 671 00:28:16,930 --> 00:28:17,971 >> ALLISON Buchholtz-AU: OK. 672 00:28:17,971 --> 00:28:23,040 TOMAS Reimers: Nii kohe päris asju 673 00:28:23,040 --> 00:28:26,000 ei kavatse teha tausta sinine, tausta värvi lõhe. 674 00:28:26,000 --> 00:28:27,969 See on mõtet. 675 00:28:27,969 --> 00:28:28,760 Ja kui me teeme see-- 676 00:28:28,760 --> 00:28:29,620 >> ALLISON Buchholtz-AU: Kas soovite teksti lisada 677 00:28:29,620 --> 00:28:31,078 nii hüperlingi tegelikult näitab üles? 678 00:28:31,078 --> 00:28:35,088 TOMAS Reimers: See Oleks hea kõne. 679 00:28:35,088 --> 00:28:37,921 ALLISON Buchholtz-AU: "Põhjus õigus Nüüd me lihtsalt saame midagi. 680 00:28:37,921 --> 00:28:39,690 TOMAS Reimers: Nii et see on link. 681 00:28:39,690 --> 00:28:42,202 "See on link". 682 00:28:42,202 --> 00:28:45,820 Oh, ja see läheb olla üks lüli. 683 00:28:45,820 --> 00:28:47,280 Anname see klass "cool." 684 00:28:47,280 --> 00:28:50,295 Sul on õigus. 685 00:28:50,295 --> 00:28:50,795 Külm. 686 00:28:50,795 --> 00:28:53,590 687 00:28:53,590 --> 00:28:56,010 Nii praegu me ei kavatse rüütama see. 688 00:28:56,010 --> 00:28:57,269 Me läheme viska üks. 689 00:28:57,269 --> 00:28:59,060 Meil on üks erisildi, ja me ka 690 00:28:59,060 --> 00:29:01,150 ei kavatse on üks päris tag. 691 00:29:01,150 --> 00:29:05,449 Ja just nüüd, mida me ei kavatse tegema, on me kavatseme teha cool-- 692 00:29:05,449 --> 00:29:06,490 Mida me tahame seda teha? 693 00:29:06,490 --> 00:29:10,347 694 00:29:10,347 --> 00:29:12,180 ALLISON Buchholtz-AU: Kas me teeme seda suurem? 695 00:29:12,180 --> 00:29:13,800 TOMAS Reimers: Anname see piir. 696 00:29:13,800 --> 00:29:14,840 ALLISON Buchholtz-AU: Võiksime piiri. 697 00:29:14,840 --> 00:29:15,673 TOMAS Reimers: Jah. 698 00:29:15,673 --> 00:29:18,560 Nii et me teeme midagi nagu, piirivalve on-- ja me oleme 699 00:29:18,560 --> 00:29:20,971 läheb selgitada seda kõike teise. 700 00:29:20,971 --> 00:29:21,470 Sest now-- 701 00:29:21,470 --> 00:29:24,592 >> ALLISON Buchholtz-AU: kasti mudel. 702 00:29:24,592 --> 00:29:27,300 TOMAS Reimers: Aga nüüd, me oleme lihtsalt annan selle piiri. 703 00:29:27,300 --> 00:29:29,580 Nii et mida see tähendab, et sa oled näeme neid linke. 704 00:29:29,580 --> 00:29:32,788 Ja sa lähed, et näha, et neil on Nende, nagu, kole mustad ääred, mis 705 00:29:32,788 --> 00:29:33,820 on lahe. 706 00:29:33,820 --> 00:29:34,500 >> ALLISON Buchholtz-AU: Meie kodulehel on nii ilus. 707 00:29:34,500 --> 00:29:35,333 >> TOMAS Reimers: Jah. 708 00:29:35,333 --> 00:29:38,930 Meie veebileht on fantastiline. 709 00:29:38,930 --> 00:29:41,585 Nii et need kaks on lingid ja nad ilmuvad. 710 00:29:41,585 --> 00:29:44,160 Nüüd teeselda I ainult tahtsin seda teha 711 00:29:44,160 --> 00:29:50,072 kui see ei olnud jooksul midagi mis oli tausta lõhe. 712 00:29:50,072 --> 00:29:52,280 Seega pidage meeles, et see üks on taust lõhe 713 00:29:52,280 --> 00:29:54,000 sest see on klassi ilus. 714 00:29:54,000 --> 00:29:59,777 >> Aga me tahame öelda, et ainult jahutab mis klassis eriline, mitte klassis 715 00:29:59,777 --> 00:30:02,890 ilus, peaks olema, et piiri. 716 00:30:02,890 --> 00:30:12,549 Noh, mida saate teha, on teil võib öelda, Spetsiaalne, ruumi, .cool. 717 00:30:12,549 --> 00:30:15,590 Ja mida see teeb, kui te arvate, sellest, kas see on põhimõtteliselt öelda, 718 00:30:15,590 --> 00:30:19,530 OK, leida mulle kõik mis sobib erilist. 719 00:30:19,530 --> 00:30:24,104 Siis nendes sildid, leida mulle kõike, mis on lahe. 720 00:30:24,104 --> 00:30:27,270 ALLISON Buchholtz-AU: Nii muul viisil mis võib olla hea mõelda seda, 721 00:30:27,270 --> 00:30:29,810 viia see tagasi C, on nagu idee ulatust. 722 00:30:29,810 --> 00:30:34,020 Nii et kui teil on Valija, nagu need 723 00:30:34,020 --> 00:30:38,460 et me oleme töötanud enne seda, kogu oma veebilehel, on kõik teie HTML 724 00:30:38,460 --> 00:30:40,180 jääb oma reguleerimisala, eks? 725 00:30:40,180 --> 00:30:43,090 Aga kui meil on need vanema ja lapse suhted, 726 00:30:43,090 --> 00:30:47,130 see on sama kui sa kitsendades kus otsite konkreetse koha, 727 00:30:47,130 --> 00:30:50,540 justkui nagu me otsitavat jooksul spetsiifilist funktsiooni asemel 728 00:30:50,540 --> 00:30:52,007 Meie kogu toimikule. 729 00:30:52,007 --> 00:30:55,090 Sihtrühm: Nii seda silmas pidades, oleks see on Olulised kui meil oleks changed-- 730 00:30:55,090 --> 00:30:56,423 ALLISON Buchholtz-AU: Selleks? 731 00:30:56,423 --> 00:30:59,320 Sihtrühm: --the klassi CSS et .cool, ruumi, Iseloomulikud? 732 00:30:59,320 --> 00:31:01,153 ALLISON Buchholtz-AU: Jah, sest siis 733 00:31:01,153 --> 00:31:04,420 ütleksin, ulatus see kõik, mis on cool, 734 00:31:04,420 --> 00:31:07,235 ja siis vaatame, mida has-- Ma mõtlen, nagu käesoleval juhul, 735 00:31:07,235 --> 00:31:08,860 Ma ei usu, et see oleks muutnud. 736 00:31:08,860 --> 00:31:10,318 >> TOMAS Reimers: Kui me oleksime ütles mida? 737 00:31:10,318 --> 00:31:10,906 Vabandust. 738 00:31:10,906 --> 00:31:12,660 >> ALLISON Buchholtz-AU: Kui me ulatus see jahtuda ja seejärel 739 00:31:12,660 --> 00:31:14,550 otsida asju välja eriline, oleks sama, tegelikult. 740 00:31:14,550 --> 00:31:16,260 >> TOMAS Reimers: Nii ei oleks. 741 00:31:16,260 --> 00:31:16,590 >> ALLISON Buchholtz-AU: See ei oleks? 742 00:31:16,590 --> 00:31:17,590 Oh, oh well. 743 00:31:17,590 --> 00:31:18,090 Olen eksinud. 744 00:31:18,090 --> 00:31:21,480 >> TOMAS Reimers: Nii põhjus see on erinevalt-- ühise mistake-- 745 00:31:21,480 --> 00:31:27,140 on see, et just nüüd ainult link on lahe, eks? 746 00:31:27,140 --> 00:31:32,176 Ma arvan, et minu küsimus teile poisid on, mis sellel leheküljel on kaasnenud .cool? 747 00:31:32,176 --> 00:31:35,984 748 00:31:35,984 --> 00:31:38,340 On kaks sildid siin, eks? 749 00:31:38,340 --> 00:31:39,770 Milline on see üks ja see üks. 750 00:31:39,770 --> 00:31:40,590 Mõlemad vastavad lahe. 751 00:31:40,590 --> 00:31:42,200 Miski muu ei. 752 00:31:42,200 --> 00:31:46,460 Nii et kui sa ütlesid, .cool, kosmos, Spetsiaalne, mida sa lähed öelda, 753 00:31:46,460 --> 00:31:48,824 jooksul neid silte, mis on eriline? 754 00:31:48,824 --> 00:31:49,865 ALLISON Buchholtz-AU: Hm. 755 00:31:49,865 --> 00:31:51,800 Seda it-- õigus. 756 00:31:51,800 --> 00:31:52,310 Sest see on nagu lihtsalt midagi siin. 757 00:31:52,310 --> 00:31:53,310 >> TOMAS Reimers: Nii valib ta midagi. 758 00:31:53,310 --> 00:31:56,530 >> ALLISON Buchholtz-AU: arvestades koos erilist, me oleme nendes sildid siin. 759 00:31:56,530 --> 00:31:57,971 >> TOMAS Reimers: Need ja need. 760 00:31:57,971 --> 00:31:58,512 Sihtrühm: OK. 761 00:31:58,512 --> 00:31:58,920 Nii et need sildid kaldkriipsuga? 762 00:31:58,920 --> 00:31:59,740 >> TOMAS Reimers: Jah. 763 00:31:59,740 --> 00:32:01,150 Kas on mõtet? 764 00:32:01,150 --> 00:32:03,685 Kuidas see on põhimõtteliselt püüab piiratud ulatust. 765 00:32:03,685 --> 00:32:04,810 ALLISON Buchholtz-AU: Jah. 766 00:32:04,810 --> 00:32:06,870 Ma arvan, et see on ilmselt Lihtsaim viis mõelda. 767 00:32:06,870 --> 00:32:09,270 >> TOMAS Reimers: Nii leidsime selle, ja Leidsime selle nii sobitada erilist. 768 00:32:09,270 --> 00:32:11,400 Ja siis palume jooksul need kutid, mis on lahe? 769 00:32:11,400 --> 00:32:12,941 Ja selle ühe, see on lahe. 770 00:32:12,941 --> 00:32:14,500 Selle üks, midagi on lahe. 771 00:32:14,500 --> 00:32:16,250 Nii et see on ainus märgis, mis jääb. 772 00:32:16,250 --> 00:32:20,112 >> ALLISON Buchholtz-AU: arvestades cool on vaid nendes sildid seal. 773 00:32:20,112 --> 00:32:21,070 TOMAS Reimers: Täpselt. 774 00:32:21,070 --> 00:32:22,403 Ja mis erilist nendes? 775 00:32:22,403 --> 00:32:22,930 Mitte midagi. 776 00:32:22,930 --> 00:32:25,270 Nüüd, mida ma ütlen on kui ei olnud ruumi, 777 00:32:25,270 --> 00:32:29,880 sa küsida, mida on lahe ja special-- või mis on ilus ja erilist, eks? 778 00:32:29,880 --> 00:32:35,370 Kui te ütlete .special.pretty, mis on sama .pretty.special. 779 00:32:35,370 --> 00:32:39,220 >> Sest see, mis eemaldades ruumi küsib on, kui sa ütled Spetsiaalne, 780 00:32:39,220 --> 00:32:40,970 küsite, OK, millised on eriline? 781 00:32:40,970 --> 00:32:43,780 Ja seejärel nende, mis need on ka ilus, 782 00:32:43,780 --> 00:32:47,010 mis on sama, grammatiliselt, kui küsitud, mis on ilus, 783 00:32:47,010 --> 00:32:49,500 ja siis need, mis on ka eriline? 784 00:32:49,500 --> 00:32:50,000 Õigus? 785 00:32:50,000 --> 00:32:53,099 See on vahe Mis jooksul, mis on. 786 00:32:53,099 --> 00:32:53,640 Sihtrühm: OK. 787 00:32:53,640 --> 00:32:54,473 TOMAS Reimers: Jah. 788 00:32:54,473 --> 00:32:56,670 789 00:32:56,670 --> 00:32:58,030 Awesome. 790 00:32:58,030 --> 00:33:00,426 Nii seda silmas pidades then-- 791 00:33:00,426 --> 00:33:01,800 >> ALLISON Buchholtz-AU: Ma arvan, et meie viimase asi on (väljamõeldud Briti aktsent) 792 00:33:01,800 --> 00:33:02,510 box mudel. 793 00:33:02,510 --> 00:33:05,992 >> TOMAS Reimers: box-- [chuckles] Mulle meeldib, kuidas Allison ütleb, et. 794 00:33:05,992 --> 00:33:06,950 Nii box mudel asi. 795 00:33:06,950 --> 00:33:09,644 >> ALLISON Buchholtz-AU: Lihtsalt on box, ma tulen teie box mudel. 796 00:33:09,644 --> 00:33:11,310 TOMAS Reimers: Nii räägime sellest. 797 00:33:11,310 --> 00:33:14,070 Nii praegu oleme kulutanud palju aega rääkinud valijad. 798 00:33:14,070 --> 00:33:16,944 Nüüdseks kutid on ilmselt, nagu, meistrid selectors-- sa tead, 799 00:33:16,944 --> 00:33:21,510 kuidas täpselt valida sisu soovite manipuleerida ekraanile. 800 00:33:21,510 --> 00:33:24,740 >> Nüüd on küsimus selles, kuidas täpselt saab manipuleerida seda? 801 00:33:24,740 --> 00:33:27,010 Nii et ma arvan, et kõige elementaarsem kuidas mõelda, et 802 00:33:27,010 --> 00:33:30,294 on hästi, mida täpselt on osa CSS? 803 00:33:30,294 --> 00:33:32,585 Me oleme kulutanud palju aega räägi, mis on tag, 804 00:33:32,585 --> 00:33:36,140 või milline on kõige elementaarsem esindatuse tag? 805 00:33:36,140 --> 00:33:39,870 806 00:33:39,870 --> 00:33:45,170 >> Hea võimalus mõelda see tähendab, et mis kuju on lõhe? 807 00:33:45,170 --> 00:33:47,295 Mis kujuga on, nagu, lõhevärvi taustal? 808 00:33:47,295 --> 00:33:47,880 >> Sihtrühm: See on ristkülik. 809 00:33:47,880 --> 00:33:49,040 >> TOMAS Reimers: See on ristkülik, eks? 810 00:33:49,040 --> 00:33:50,956 >> ALLISON Buchholtz-AU: Ei olnud konksuga küsimus. 811 00:33:50,956 --> 00:33:51,870 [NAER] 812 00:33:51,870 --> 00:33:54,670 >> TOMAS Reimers: Ei taha trikk kutid seda hilja. 813 00:33:54,670 --> 00:33:57,510 Nii et meil on selle ristküliku. 814 00:33:57,510 --> 00:33:59,140 Ja silt on p, eks? 815 00:33:59,140 --> 00:34:02,280 Nii et see annab meile hea veendumust, et lõikes 816 00:34:02,280 --> 00:34:07,440 on esindatud täisnurga vähemalt meeles brauser, mis 817 00:34:07,440 --> 00:34:08,715 see on. 818 00:34:08,715 --> 00:34:11,423 >> ALLISON Buchholtz-AU: Ma mõtlen, brauserid on tavaliselt ristkülikukujuline, 819 00:34:11,423 --> 00:34:13,440 seega on mõistlik. 820 00:34:13,440 --> 00:34:18,750 >> TOMAS Reimers: Idee on siin et kõik sildid CSS 821 00:34:18,750 --> 00:34:21,790 Esindatud on nii ristküliku. 822 00:34:21,790 --> 00:34:25,699 Ja iga ristküliku on neli osad vastavalt CSS, OK? 823 00:34:25,699 --> 00:34:27,830 Sul on tegelik sisu. 824 00:34:27,830 --> 00:34:29,644 See, kui tekst asub. 825 00:34:29,644 --> 00:34:30,470 >> ALLISON Buchholtz-AU: Võib-olla oma pilt. 826 00:34:30,470 --> 00:34:31,303 >> TOMAS Reimers: Jah. 827 00:34:31,303 --> 00:34:33,860 Sul on polster, mis on lihtsalt mingi tühja ruumi. 828 00:34:33,860 --> 00:34:35,085 Siis on piiri. 829 00:34:35,085 --> 00:34:37,710 Ja siis on marginaal, mis valge ruum väljaspool seda. 830 00:34:37,710 --> 00:34:39,460 Nii et ei ole mõtet kellelegi, nii et me oleme 831 00:34:39,460 --> 00:34:42,500 hakka rääkima, et teine. 832 00:34:42,500 --> 00:34:47,570 Nii siin, mida me teeme on me kavatseme luua mõned divs, OK? 833 00:34:47,570 --> 00:34:48,420 Vabandust, kui I-- 834 00:34:48,420 --> 00:34:51,506 >> ALLISON Buchholtz-AU: Ma tunnen me peaks tegema armas pilt. 835 00:34:51,506 --> 00:34:52,520 >> TOMAS Reimers: Me kindlasti peaks. 836 00:34:52,520 --> 00:34:53,389 >> ALLISON Buchholtz-AU: Ma tunnen, et kõik 837 00:34:53,389 --> 00:34:54,870 võiks kasu armas pilt, on kõik. 838 00:34:54,870 --> 00:34:56,774 >> TOMAS Reimers: Kas me kõik kasu a-- 839 00:34:56,774 --> 00:34:57,648 >> Sihtrühm: Jah, kindlasti. 840 00:34:57,648 --> 00:34:58,790 TOMAS Reimers: OK, lahe. 841 00:34:58,790 --> 00:35:02,254 Nii et me peaks tegema armas pilt kusagil. 842 00:35:02,254 --> 00:35:05,295 ALLISON Buchholtz-AU: Ma tunnen armas jänku võib olla kasulik just nüüd. 843 00:35:05,295 --> 00:35:06,190 TOMAS Reimers: Sure. 844 00:35:06,190 --> 00:35:06,950 ALLISON Buchholtz-AU: nädala lõpus. 845 00:35:06,950 --> 00:35:07,390 Kas midagi adorab-- 846 00:35:07,390 --> 00:35:08,520 >> TOMAS Reimers: Kuidas hooaeg kassipoeg? 847 00:35:08,520 --> 00:35:09,220 >> ALLISON Buchholtz-AU: Kassipoeg töötab ka. 848 00:35:09,220 --> 00:35:11,300 >> TOMAS Reimers: Cool, sest seal on saidil eest. 849 00:35:11,300 --> 00:35:12,300 Seda nimetatakse PlaceKitten. 850 00:35:12,300 --> 00:35:14,719 ALLISON Buchholtz-AU: See on tore. 851 00:35:14,719 --> 00:35:15,510 TOMAS Reimers: Jah. 852 00:35:15,510 --> 00:35:18,040 ALLISON Buchholtz-AU: Lihtsalt, nagu, kohatäide pilte oma kodulehel. 853 00:35:18,040 --> 00:35:18,914 TOMAS Reimers: Mm-hm. 854 00:35:18,914 --> 00:35:21,520 Seal on ka PlacePuppy. 855 00:35:21,520 --> 00:35:22,832 Ja seal on PlaceBacon. 856 00:35:22,832 --> 00:35:24,340 >> ALLISON Buchholtz-AU: PlaceBacon? 857 00:35:24,340 --> 00:35:25,350 Kas tõesti? 858 00:35:25,350 --> 00:35:28,190 >> TOMAS Reimers: Oh, me ei internetiühendus siin. 859 00:35:28,190 --> 00:35:29,875 >> ALLISON Buchholtz-AU: [oigeid] 860 00:35:29,875 --> 00:35:30,375 Traagiline. 861 00:35:30,375 --> 00:35:32,333 TOMAS Reimers: Muidu Ma näitan sulle, poisid 862 00:35:32,333 --> 00:35:33,870 kuidas panna pilte oma kodulehel. 863 00:35:33,870 --> 00:35:36,370 Me läheme üritavad seda tööpäeva enne me peame minema. 864 00:35:36,370 --> 00:35:38,660 Aga nüüd, me oleme lihtsalt hakka rääkima värvid siis. 865 00:35:38,660 --> 00:35:39,820 Tahame panna pilte kittens-- 866 00:35:39,820 --> 00:35:40,210 >> ALLISON Buchholtz-AU: Me tegime. 867 00:35:40,210 --> 00:35:43,110 >> TOMAS Reimers: --the internet maha hetkel on. 868 00:35:43,110 --> 00:35:47,820 Nii et meil on kaks divs, ja me oleme annan neile kahele IDd. 869 00:35:47,820 --> 00:35:51,380 870 00:35:51,380 --> 00:35:56,760 Me läheme seda kutsuda "Esimese" ja "teise". 871 00:35:56,760 --> 00:36:01,184 Nii id = "esimene". 872 00:36:01,184 --> 00:36:02,850 Ja me ei kavatse anda neile kaks värvi. 873 00:36:02,850 --> 00:36:08,424 Niisiis, kuidas me valida midagi ID-of "esimene"? 874 00:36:08,424 --> 00:36:09,840 ALLISON Buchholtz-AU: Dot või hash? 875 00:36:09,840 --> 00:36:10,730 Sihtrühm: Sharp. 876 00:36:10,730 --> 00:36:12,940 TOMAS Reimers: Sharp, täiuslik. 877 00:36:12,940 --> 00:36:14,950 Sharp, hash, olenemata we-- 878 00:36:14,950 --> 00:36:15,680 >> ALLISON Buchholtz-AU: Palju asju nimetada seda. 879 00:36:15,680 --> 00:36:16,430 >> TOMAS Reimers: OK. 880 00:36:16,430 --> 00:36:19,800 Me läheme arveldada hashtag ja see on, mida me ei kavatse minna. 881 00:36:19,800 --> 00:36:20,300 OK? 882 00:36:20,300 --> 00:36:20,735 >> ALLISON Buchholtz-AU: hashtag. 883 00:36:20,735 --> 00:36:22,340 >> TOMAS Reimers: Nii hashtag esimene. 884 00:36:22,340 --> 00:36:24,506 >> ALLISON Buchholtz-AU: Nii saate piiksuma seminar-- 885 00:36:24,506 --> 00:36:27,582 hashtag CSS, hashtag lahe. 886 00:36:27,582 --> 00:36:29,040 TOMAS Reimers: hashtag Awesomeness. 887 00:36:29,040 --> 00:36:30,730 ALLISON Buchholtz-AU: Hashtag Awesomeness, jah. 888 00:36:30,730 --> 00:36:31,480 TOMAS Reimers: OK. 889 00:36:31,480 --> 00:36:33,660 Nii et meil on "esimene" ja "teine". 890 00:36:33,660 --> 00:36:37,697 Nii et esimene, me ei kavatse olla taustavärvi punane. 891 00:36:37,697 --> 00:36:39,030 ALLISON Buchholtz-AU: Uh, jämesooles. 892 00:36:39,030 --> 00:36:40,281 TOMAS Reimers: Jah. 893 00:36:40,281 --> 00:36:42,281 ALLISON Buchholtz-AU: Ma tulen teie spot-kontrollija. 894 00:36:42,281 --> 00:36:43,960 TOMAS Reimers: Allison ju mind. 895 00:36:43,960 --> 00:36:45,830 Taust-värvi sinise-- 896 00:36:45,830 --> 00:36:46,810 >> TOMAS Reimers: Purple! 897 00:36:46,810 --> 00:36:47,726 >> TOMAS Reimers: Purple. 898 00:36:47,726 --> 00:36:48,830 ALLISON Buchholtz-AU: Jah. 899 00:36:48,830 --> 00:36:50,630 Purple on mu lemmik värv, ja me ei ole seda veel. 900 00:36:50,630 --> 00:36:51,546 >> TOMAS Reimers: Violet. 901 00:36:51,546 --> 00:36:53,361 ALLISON Buchholtz-AU: Violet. 902 00:36:53,361 --> 00:36:53,860 See toimib. 903 00:36:53,860 --> 00:36:56,482 904 00:36:56,482 --> 00:36:59,880 >> TOMAS Reimers: Nii et me läheb on kaks divs. 905 00:36:59,880 --> 00:37:01,654 Nad tahavad olla täiesti tühi. 906 00:37:01,654 --> 00:37:03,070 Me peaksime ilmselt mingit teksti. 907 00:37:03,070 --> 00:37:05,580 908 00:37:05,580 --> 00:37:09,815 Nii "esimene" saab olema "tere." 909 00:37:09,815 --> 00:37:10,940 Ja "teine" on say-- 910 00:37:10,940 --> 00:37:11,110 >> ALLISON Buchholtz-AU: Goodbye. 911 00:37:11,110 --> 00:37:12,514 >> Sihtrühm: - "maailma." 912 00:37:12,514 --> 00:37:14,122 Tere, hüvasti. 913 00:37:14,122 --> 00:37:16,580 ALLISON Buchholtz-AU: Ma nägin neid kontserdi teisel nädalal. 914 00:37:16,580 --> 00:37:17,705 TOMAS Reimers: The Beatles? 915 00:37:17,705 --> 00:37:20,242 ALLISON Buchholtz-AU: For reaalarvud. 916 00:37:20,242 --> 00:37:21,200 Nad ei ole nii suur. 917 00:37:21,200 --> 00:37:24,084 918 00:37:24,084 --> 00:37:24,750 Mulle ei meeldi see. 919 00:37:24,750 --> 00:37:26,060 >> TOMAS Reimers: Meil ​​on "Tere" ja "hüvasti." 920 00:37:26,060 --> 00:37:29,102 Ja veel, CSS on lihtsalt fantastiline, kuna see kajastab meie värve. 921 00:37:29,102 --> 00:37:30,810 Sa ei pea isegi muretsema, et nad on olemas. 922 00:37:30,810 --> 00:37:33,194 Nad teevad. 923 00:37:33,194 --> 00:37:35,130 >> ALLISON Buchholtz-AU: need on olemas. 924 00:37:35,130 --> 00:37:39,560 >> TOMAS Reimers: Nii CSS Ma arvan, et on 255 sõna rääkida värvi. 925 00:37:39,560 --> 00:37:42,986 Kui sa ei mõtle värvi väljaspool neid 255, nagu ma oleks üllatunud. 926 00:37:42,986 --> 00:37:44,110 ALLISON Buchholtz-AU: Jah. 927 00:37:44,110 --> 00:37:45,560 Ma arvan, et te poisid võivad olla lihtsalt tulevad peale. 928 00:37:45,560 --> 00:37:47,727 >> TOMAS Reimers: Nii et siin, näete meil on kaks kasti 929 00:37:47,727 --> 00:37:49,143 otse üksteise peale, eks? 930 00:37:49,143 --> 00:37:50,200 Tere ja hüvasti. 931 00:37:50,200 --> 00:37:51,460 >> ALLISON Buchholtz-AU: Ei ole ruumi vahel. 932 00:37:51,460 --> 00:37:53,390 Nad lihtsalt smooshed otse üksteise peale. 933 00:37:53,390 --> 00:37:55,973 >> TOMAS Reimers: Nii et esimene asi Ma arvan, et me peaksime rääkima 934 00:37:55,973 --> 00:38:02,960 on olgem ka say-- yeah. 935 00:38:02,960 --> 00:38:08,020 Nii CSS esindab neid omamoodi kastid. 936 00:38:08,020 --> 00:38:10,100 Ja nagu karbid, neil on sisu. 937 00:38:10,100 --> 00:38:14,540 Ja sisu just nüüd on omamoodi HELLO või GOODBYE ja ongi kõik. 938 00:38:14,540 --> 00:38:15,040 OK? 939 00:38:15,040 --> 00:38:19,790 >> Nii et üks esimesi asju, mida saab teha, on teil võimalik lisada padding. 940 00:38:19,790 --> 00:38:25,610 Täidis ütleb, kui palju ruumi see peaks jääma kummalgi küljel. 941 00:38:25,610 --> 00:38:29,200 Ütleme, et ma tahan öelda 10 pikslit kummalgi küljel. 942 00:38:29,200 --> 00:38:31,234 Ja ma lahkama, et teises. 943 00:38:31,234 --> 00:38:33,150 ALLISON Buchholtz-AU: Kõik need asjad siin 944 00:38:33,150 --> 00:38:36,980 hakkavad olema enamasti pikslit ülejäänud seminar. 945 00:38:36,980 --> 00:38:40,980 Sa lähed, et näha, et see on ruumi ümber, eks? 946 00:38:40,980 --> 00:38:46,360 Nii et mida sa ei näe siin seal see nähtamatu omamoodi polster 947 00:38:46,360 --> 00:38:49,600 mõlemal küljel, mis ütleb, nagu, OK, kui olete oma kasti content-- 948 00:38:49,600 --> 00:38:51,680 >> ALLISON Buchholtz-AU: Kas soovid lihtsalt tõmba kontrollida element? 949 00:38:51,680 --> 00:38:53,659 >> TOMAS Reimers: Jah, see on hea mõte. 950 00:38:53,659 --> 00:38:56,700 ALLISON Buchholtz-AU: Ka leian et kontrollida element on hea võimalus 951 00:38:56,700 --> 00:39:01,280 aru saada, kui midagi on kavatse vale, midagi ootamatut juhtub, 952 00:39:01,280 --> 00:39:04,570 kontrollimise sildid ja nähes, mida see on nagu kirjutatakse, on kasulik. 953 00:39:04,570 --> 00:39:05,940 >> TOMAS Reimers: Nii ma ei ole kindel kui kutid saavad näha seda värvi. 954 00:39:05,940 --> 00:39:06,470 Kas sa? 955 00:39:06,470 --> 00:39:10,120 Näete polster on omamoodi serv. 956 00:39:10,120 --> 00:39:13,410 Ja siis näete tegelikku Sisu sinine, eks? 957 00:39:13,410 --> 00:39:16,820 Nii et väga põhitõdesid box mudel. 958 00:39:16,820 --> 00:39:17,674 Sul on sisu. 959 00:39:17,674 --> 00:39:18,590 Siis on polster. 960 00:39:18,590 --> 00:39:20,440 >> Sihtrühm: Miks sa lihtsalt ei kasutada kasti sees the-- 961 00:39:20,440 --> 00:39:21,606 >> ALLISON Buchholtz-AU: Right. 962 00:39:21,606 --> 00:39:24,745 Sest see on lihtsalt valides element kohe. 963 00:39:24,745 --> 00:39:26,050 >> TOMAS Reimers: Jah. 964 00:39:26,050 --> 00:39:27,060 Muud asjad. 965 00:39:27,060 --> 00:39:29,780 Nii räägime, et polster käsu teine. 966 00:39:29,780 --> 00:39:36,380 Nii CSS mõõtmised olema üksus. 967 00:39:36,380 --> 00:39:39,740 Nii et kõigepealt pead summa. 968 00:39:39,740 --> 00:39:41,460 Nii et kui oleme öelnud 10. 969 00:39:41,460 --> 00:39:44,780 Ja siis järgmise me oleme öelnud, on pikslid, px. 970 00:39:44,780 --> 00:39:49,160 Muu need, mida sa võib-olla on asjad sentimeetrit, tolli. 971 00:39:49,160 --> 00:39:51,367 Seda saab teha asju, mis on 10 tolli? 972 00:39:51,367 --> 00:39:52,700 Ja see saab olema naeruväärne. 973 00:39:52,700 --> 00:39:52,990 >> ALLISON Buchholtz-AU: Oh, poiss. 974 00:39:52,990 --> 00:39:53,460 >> Sihtrühm: Vau. 975 00:39:53,460 --> 00:39:54,460 >> Tomas ALLISON: Jah. 976 00:39:54,460 --> 00:39:57,840 TOMAS Reimers: Nii et kõik polster. 977 00:39:57,840 --> 00:39:59,255 Ma lähen tagasi pikslit. 978 00:39:59,255 --> 00:40:01,754 >> ALLISON Buchholtz-AU: pikslid kipuvad olema, nagu, standard. 979 00:40:01,754 --> 00:40:04,589 Kui te vaatate palju veebisaite, nad enamasti töötavad pikslit. 980 00:40:04,589 --> 00:40:07,755 TOMAS Reimers: Nii et sa lähed, et näha kas pixels-- teisi ones näed 981 00:40:07,755 --> 00:40:13,952 on em, mis on üks em on võrdne kõrgus font 982 00:40:13,952 --> 00:40:15,160 mis sa praegu kasutad. 983 00:40:15,160 --> 00:40:16,201 >> ALLISON Buchholtz-AU: Mm. 984 00:40:16,201 --> 00:40:17,574 985 00:40:17,574 --> 00:40:20,740 TOMAS Reimers: See on hea võimalus öelda, nagu ma tahan nii palju ruumi kui minu font 986 00:40:20,740 --> 00:40:21,514 võtab. 987 00:40:21,514 --> 00:40:23,180 ALLISON Buchholtz-AU: Ei tea seda. 988 00:40:23,180 --> 00:40:25,747 Sa õppida midagi uut iga päev. 989 00:40:25,747 --> 00:40:27,955 TOMAS Reimers: On palju mõõtmisi CS. 990 00:40:27,955 --> 00:40:29,260 Ma soovitan teil vaadata neid. 991 00:40:29,260 --> 00:40:32,122 Kõigi oma juhtudel, ma arvan pikslit peaks olema piisav. 992 00:40:32,122 --> 00:40:33,830 Ja nad on ka see, mida sa lähed, et näha 993 00:40:33,830 --> 00:40:36,520 enamikel näited teha võrgus. 994 00:40:36,520 --> 00:40:38,320 Nii me jätta seda pikslit. 995 00:40:38,320 --> 00:40:42,420 >> Võite ka, ma peaks say-- nii polster komplekti kõik pehmendused. 996 00:40:42,420 --> 00:40:49,789 Võite teha ka midagi sellist "Padding-top" lihtsalt set-- 997 00:40:49,789 --> 00:40:52,080 ALLISON Buchholtz-AU: Maybe me jõuame meie "HELLO" tagasi. 998 00:40:52,080 --> 00:40:55,480 TOMAS Reimers: --to loojus polster peal ja ei midagi muud. 999 00:40:55,480 --> 00:40:59,560 Nii neli käsud on padding-top, padding-bottom, padding-vasakule, 1000 00:40:59,560 --> 00:41:00,310 ja polster-paremale. 1001 00:41:00,310 --> 00:41:02,470 >> ALLISON Buchholtz-AU: Just nagu sa eeldaks kasti. 1002 00:41:02,470 --> 00:41:03,530 >> TOMAS Reimers: Jah. 1003 00:41:03,530 --> 00:41:05,240 Midagi liiga hull seal. 1004 00:41:05,240 --> 00:41:08,230 Kas on mõtet? 1005 00:41:08,230 --> 00:41:11,990 Nii et on polster. 1006 00:41:11,990 --> 00:41:14,110 Ma lähen seada kõik pehmendused tagasi 10. 1007 00:41:14,110 --> 00:41:17,010 Ja siis ma lähen edasi liikuda piiri. 1008 00:41:17,010 --> 00:41:21,130 >> Mis piiri on border on imelik käsk. 1009 00:41:21,130 --> 00:41:24,450 See võtab omamoodi kolme asja korraga. 1010 00:41:24,450 --> 00:41:28,930 Nii et esimene on, kui suur sa tahan olla nagu mõõtmine. 1011 00:41:28,930 --> 00:41:30,662 Jällegi, ma kasutan ainult pikslit. 1012 00:41:30,662 --> 00:41:32,620 Ja viimane asi, mida ma peaks lisama mõõtmised 1013 00:41:32,620 --> 00:41:35,270 on üks asi, mis ei vaja seade on 0. 1014 00:41:35,270 --> 00:41:37,390 See on tegelikult vale anda 0 üksus, 1015 00:41:37,390 --> 00:41:41,940 sest 0 on 0 üle tolli, pikslit, sentimeetrit, mis iganes. 1016 00:41:41,940 --> 00:41:43,960 See kõik tähendab lihtsalt 0, eks? 1017 00:41:43,960 --> 00:41:46,710 Nii et kõigepealt annad talle mõõtmine. 1018 00:41:46,710 --> 00:41:48,650 >> Siis annad stiilis. 1019 00:41:48,650 --> 00:41:49,869 Nii et ma ütlen "solid". 1020 00:41:49,869 --> 00:41:51,410 Ja me räägime, mida see tähendab. 1021 00:41:51,410 --> 00:41:54,290 Ja siis lõpuks annad talle värvi. 1022 00:41:54,290 --> 00:41:56,850 Nii et ma ütlen "must". 1023 00:41:56,850 --> 00:41:59,637 Ja need on kõik asjad, mida me oleme nüüd näinud, välja arvatud stiili, 1024 00:41:59,637 --> 00:42:00,720 aga me räägime sellest. 1025 00:42:00,720 --> 00:42:04,120 Nii kutid näinud mõõtmisi, ja sa oled näinud värve. 1026 00:42:04,120 --> 00:42:10,410 Ja mis juhtub on me saame selle kena musta raami ümber, eks? 1027 00:42:10,410 --> 00:42:11,620 Kutid, kuidas me tegime seda? 1028 00:42:11,620 --> 00:42:12,760 >> Sihtrühm: Jah. 1029 00:42:12,760 --> 00:42:14,850 >> TOMAS Reimers: Cool. 1030 00:42:14,850 --> 00:42:17,370 Mis see on? 1031 00:42:17,370 --> 00:42:19,160 Nii esiteks, see on üks piksel. 1032 00:42:19,160 --> 00:42:20,880 See on iseenesestmõistetav, eks? 1033 00:42:20,880 --> 00:42:23,254 Like, see on üks pixel paks. 1034 00:42:23,254 --> 00:42:26,170 Või oleks üks piksel, aga ma olen suumitud, nii et see on natuke rohkem 1035 00:42:26,170 --> 00:42:26,490 kui see. 1036 00:42:26,490 --> 00:42:27,967 >> ALLISON Buchholtz-AU: Ja meil on see naeruväärne resolutsioon TV. 1037 00:42:27,967 --> 00:42:29,460 >> TOMAS Reimers: Jah. 1038 00:42:29,460 --> 00:42:33,640 Võite teha seda suurem, väiksemad, mis iganes. 1039 00:42:33,640 --> 00:42:35,630 Nii et siin on kaks-pixel piiri. 1040 00:42:35,630 --> 00:42:38,810 Näete see on kaks korda nii paks. 1041 00:42:38,810 --> 00:42:40,172 Järgmine asi, sa pead on värviga. 1042 00:42:40,172 --> 00:42:41,130 See ei ole huvitav. 1043 00:42:41,130 --> 00:42:42,710 Ma ei hakka rääkima sellest, tõesti. 1044 00:42:42,710 --> 00:42:45,110 >> ALLISON Buchholtz-AU: Aga stiil võib olla natuke huvitav. 1045 00:42:45,110 --> 00:42:45,980 >> TOMAS Reimers: Jah. 1046 00:42:45,980 --> 00:42:48,560 Nii stiilis, on vähe ones et ma näen, mida tavaliselt kasutatakse. 1047 00:42:48,560 --> 00:42:55,690 Esimene neist on tahke kõrval üks punktiir, ja viimane on katkendliku. 1048 00:42:55,690 --> 00:42:59,290 Ja siin on punktiir. 1049 00:42:59,290 --> 00:43:02,980 Sa näed, et nad hunnik dots, eks? 1050 00:43:02,980 --> 00:43:09,030 Hea võimalus omamoodi saada kena piiri läheb, kriipsud on ka päris populaarne. 1051 00:43:09,030 --> 00:43:11,580 1052 00:43:11,580 --> 00:43:13,600 >> ALLISON Buchholtz-AU: Ja siis muidugi, ma olen 1053 00:43:13,600 --> 00:43:16,660 kindel, et seal on palju muid stiile, et saad. 1054 00:43:16,660 --> 00:43:20,000 Ja meil on suur hulk lingid lõpus kutid 1055 00:43:20,000 --> 00:43:23,470 et selline tutvuma ja vaata veel jahe CSS. 1056 00:43:23,470 --> 00:43:25,954 >> TOMAS Reimers: Ja siis Viimane asi, me oleme 1057 00:43:25,954 --> 00:43:27,870 hakka rääkima box mudelid reaalne kiire. 1058 00:43:27,870 --> 00:43:30,070 Oh, ja siis piiri täpselt nagu polster 1059 00:43:30,070 --> 00:43:33,270 teil ka asjad border-vasakule, border-right, border-top, 1060 00:43:33,270 --> 00:43:37,590 border-bottom, mis võimaldab teil saada konkreetsel piiri. 1061 00:43:37,590 --> 00:43:40,650 Nii et siin on lihtsalt piiri vasakule määratletud. 1062 00:43:40,650 --> 00:43:43,060 Kas see on mõistlik? 1063 00:43:43,060 --> 00:43:46,170 >> ALLISON Buchholtz-AU: See on lahe kuidas rõhutada asju või lisada 1064 00:43:46,170 --> 00:43:47,545 read eri elemente. 1065 00:43:47,545 --> 00:43:48,670 TOMAS Reimers: Absoluutselt. 1066 00:43:48,670 --> 00:43:50,940 Nii et meie piiri. 1067 00:43:50,940 --> 00:43:52,790 Ja viimane marginaal. 1068 00:43:52,790 --> 00:43:55,892 Varu on nagu polster välja arvatud see ei within-- 1069 00:43:55,892 --> 00:43:57,975 ALLISON Buchholtz-AU: See on ei ümber oma element 1070 00:43:57,975 --> 00:44:00,840 kuid tegelikult ümber kogu kast, mis me oleme näinud. 1071 00:44:00,840 --> 00:44:02,770 >> TOMAS Reimers: Jah. 1072 00:44:02,770 --> 00:44:04,090 Allison ütles ta suurepäraselt. 1073 00:44:04,090 --> 00:44:07,550 See ei ole nagu, sees element, see on ümber kogu kasti. 1074 00:44:07,550 --> 00:44:10,900 See tähendab, et asjad taust ei kehti see. 1075 00:44:10,900 --> 00:44:13,550 Ja see põhimõtteliselt ütleb, nagu, ma ei taha midagi 1076 00:44:13,550 --> 00:44:15,230 Selles palju ruumi minu jaoks. 1077 00:44:15,230 --> 00:44:17,470 Nii nagu meil on siin varu 10 pikslit. 1078 00:44:17,470 --> 00:44:23,100 Nii midagi 10 pikslit peaks olema minu kõrval. 1079 00:44:23,100 --> 00:44:26,210 See on omamoodi oma ruumi, kuid sellist ei ole. 1080 00:44:26,210 --> 00:44:29,215 Nii et väga põhitõdesid box mudel. 1081 00:44:29,215 --> 00:44:30,090 Kas on mõtet? 1082 00:44:30,090 --> 00:44:33,830 1083 00:44:33,830 --> 00:44:34,550 Cool, lahe. 1084 00:44:34,550 --> 00:44:35,800 ALLISON Buchholtz-AU: Awesome. 1085 00:44:35,800 --> 00:44:37,890 Nüüd ma arvan, et me lihtsalt on meie cool vahendid 1086 00:44:37,890 --> 00:44:41,220 et me võtame teiega läbi väga kiiresti. 1087 00:44:41,220 --> 00:44:44,815 Ja me actually-- hästi, Kas meil on internet veel? 1088 00:44:44,815 --> 00:44:47,860 >> TOMAS Reimers: Olgem kas ma saan avada up-- 1089 00:44:47,860 --> 00:44:50,040 Lubage mul näha, kas ma saan internet kiiresti 1090 00:44:50,040 --> 00:44:53,317 samas Allison räägib midagi Allison tahab rääkida. 1091 00:44:53,317 --> 00:44:55,150 ALLISON Buchholtz-AU: Nii basically-- ma ei 1092 00:44:55,150 --> 00:44:57,930 tea, mida muud ma ei saa öelda sel hetkel. 1093 00:44:57,930 --> 00:45:01,340 Aga need on vaid mõned tõesti head vahendid. 1094 00:45:01,340 --> 00:45:04,629 Need on need, mis Tomas ja olen kasutanud 1095 00:45:04,629 --> 00:45:06,420 ja et me tegelikult kasutatud prep seda. 1096 00:45:06,420 --> 00:45:09,940 W3Schools on üks, mida poisid oleks näinud. 1097 00:45:09,940 --> 00:45:12,440 Soovitame seda palju asju CSS. 1098 00:45:12,440 --> 00:45:15,060 Ma tean, et ma soovitan seda minu sektsioonis kogu aeg. 1099 00:45:15,060 --> 00:45:21,050 >> Üks suuri asju on see, et võimaldab teil mingi jama CSS 1100 00:45:21,050 --> 00:45:23,830 ja näha muutusi silmapilkselt selles, 1101 00:45:23,830 --> 00:45:25,920 nagu topeltklõps akna vaadata, et tal on. 1102 00:45:25,920 --> 00:45:29,980 Nii et sa ei pea muretsema luua oma veebilehe, 1103 00:45:29,980 --> 00:45:33,090 või luua vhost oma kohaliku seadme ja kohaliku peremehe 1104 00:45:33,090 --> 00:45:34,980 ja saavad kõik see kraam töö. 1105 00:45:34,980 --> 00:45:36,830 See on integreeritud õige lehekülje sees. 1106 00:45:36,830 --> 00:45:39,042 >> Ja see on neid vähe õppetunde, mida saab 1107 00:45:39,042 --> 00:45:40,750 läbida õppida rohkem valijad, 1108 00:45:40,750 --> 00:45:44,610 või õppida manipuleerides oma font või tausta või pildi. 1109 00:45:44,610 --> 00:45:46,990 Ja sa pead neid hetkeline tulemusi, mida 1110 00:45:46,990 --> 00:45:49,310 ei pea tegema muud muud prep töö. 1111 00:45:49,310 --> 00:45:51,060 Ma armastan W3Schools. 1112 00:45:51,060 --> 00:45:51,960 See on vapustav. 1113 00:45:51,960 --> 00:45:52,670 Kas see töötab? 1114 00:45:52,670 --> 00:45:52,950 >> TOMAS Reimers: Jah. 1115 00:45:52,950 --> 00:45:53,720 Ei, see ei ole. 1116 00:45:53,720 --> 00:45:55,636 Kas sa tahad, et ma püüan ja taaskäivitage arvuti? 1117 00:45:55,636 --> 00:45:56,410 Või kas me tahame mina-- 1118 00:45:56,410 --> 00:46:01,490 >> ALLISON Buchholtz-AU: Ma mõtlen, Noh, see on ka internetis. 1119 00:46:01,490 --> 00:46:02,740 Kõik slaidid on võrgus. 1120 00:46:02,740 --> 00:46:05,470 Nii et ma lihtsalt soovitan teeme need. 1121 00:46:05,470 --> 00:46:07,880 >> See on suurepärane, kui lihtsalt nagu petma lehte. 1122 00:46:07,880 --> 00:46:10,690 See on lihtsalt kõik põhilised käsud, et teil on. 1123 00:46:10,690 --> 00:46:13,070 On tore, kui sa oled esimene alustavad oma kodulehel. 1124 00:46:13,070 --> 00:46:15,080 Sest võib-olla te ei taha sattuda kõik 1125 00:46:15,080 --> 00:46:17,355 tõeline Asja tuum disain rasked asjad. 1126 00:46:17,355 --> 00:46:20,230 Sa lihtsalt vaja vormindada viisil sellist mõtet ja tahet 1127 00:46:20,230 --> 00:46:21,490 teha praegu. 1128 00:46:21,490 --> 00:46:23,580 Ja kui sa tõesti tahad sattuda, siis ma tean 1129 00:46:23,580 --> 00:46:27,240 see on, nagu üks Tomas lemmik viited. 1130 00:46:27,240 --> 00:46:30,130 Olime kasutades seda prep, ja see on vapustav. 1131 00:46:30,130 --> 00:46:33,030 See Arendaja Mozilla. 1132 00:46:33,030 --> 00:46:36,490 >> TOMAS Reimers: Nii Mozilla on inimesed, kes teevad Firefox. 1133 00:46:36,490 --> 00:46:40,290 Ja see on lihtsalt oma arendaja viide, mis minu arvates on fantastiline. 1134 00:46:40,290 --> 00:46:44,870 Ja see on imeline allikate loetelu. 1135 00:46:44,870 --> 00:46:45,530 Nii et me have-- 1136 00:46:45,530 --> 00:46:48,060 >> ALLISON Buchholtz-AU: Ja siis viimane noot on 1137 00:46:48,060 --> 00:46:50,120 kui sa üritad disaini oma veebilehel, 1138 00:46:50,120 --> 00:46:53,550 inspiratsiooni ammutama asju mis on teie arvates ilus. 1139 00:46:53,550 --> 00:46:56,340 Ülevaatus element, kontrollimise lähtekoodi 1140 00:46:56,340 --> 00:46:59,370 võib olla super abivalmis proovida välja nuputada 1141 00:46:59,370 --> 00:47:02,080 kuidas stiilis oma kodulehel. 1142 00:47:02,080 --> 00:47:04,540 >> Tihti ma tunnen kõige paremini Muide, lisaks eksperimenteerimist 1143 00:47:04,540 --> 00:47:06,290 lihtsalt vaadata asju, mis on ilus. 1144 00:47:06,290 --> 00:47:09,810 Ma leian, et see on tõesti raske lihtsalt omamoodi kujundada asju ise, 1145 00:47:09,810 --> 00:47:11,090 eriti alguses. 1146 00:47:11,090 --> 00:47:14,740 Nii et palun vaadata veebilehed et sulle meeldib vaadata. 1147 00:47:14,740 --> 00:47:16,880 Joonis välja, mida teeb neid Sulle huvipakkuv. 1148 00:47:16,880 --> 00:47:19,170 Ja siis julgelt proovida ja korrata seda. 1149 00:47:19,170 --> 00:47:20,410 >> TOMAS Reimers: Right. 1150 00:47:20,410 --> 00:47:23,120 Isegi nagu veebilehed niimoodi, näete 1151 00:47:23,120 --> 00:47:25,460 seal on kindlasti div ülaosas. 1152 00:47:25,460 --> 00:47:29,920 Ja siis on veel üks div jooksul siin, mis on CSS Awesomeness. 1153 00:47:29,920 --> 00:47:32,480 Ja siis on hunnik linke siin. 1154 00:47:32,480 --> 00:47:34,770 Kui sa tõesti lihtsalt kontrollida elemente, saate sortida kohta 1155 00:47:34,770 --> 00:47:38,520 alustada näha, mida teha veebilehed nägema ja kuidas ma saan 1156 00:47:38,520 --> 00:47:40,493 uuesti, et kui ma tahtsin. 1157 00:47:40,493 --> 00:47:41,890 Kas on mõtet? 1158 00:47:41,890 --> 00:47:43,670 Nii on meil vaid kolm minutit aega. 1159 00:47:43,670 --> 00:47:46,380 Nii on küsimusi? 1160 00:47:46,380 --> 00:47:47,650 Kõiki neid? 1161 00:47:47,650 --> 00:47:48,350 Jah. 1162 00:47:48,350 --> 00:47:50,780 >> Sihtrühm: For värvi ristkülik, kuidas te 1163 00:47:50,780 --> 00:47:53,499 have-- kui sa ei taha seda läheb kogu lehekülje, võib 1164 00:47:53,499 --> 00:47:56,400 Te olete teinud minna üle ainult pool lehte või teksti? 1165 00:47:56,400 --> 00:47:59,660 >> TOMAS Reimers: Jah, absoluutselt. 1166 00:47:59,660 --> 00:48:02,780 Nii et lubage mul näha tegelikult. 1167 00:48:02,780 --> 00:48:04,670 Mul on kaks ideed. 1168 00:48:04,670 --> 00:48:07,265 Nii kõigepealt, siis saab kasutada ka protsentides. 1169 00:48:07,265 --> 00:48:08,140 >> Sihtrühm: Kas tõesti? 1170 00:48:08,140 --> 00:48:11,260 >> ALLISON Buchholtz-AU: Nii midagi otsida on suhteline positsioneerimine. 1171 00:48:11,260 --> 00:48:13,385 See on midagi, mida me ei ole aega sattuda, 1172 00:48:13,385 --> 00:48:16,392 aga see on midagi, mida ma kindlasti Soovitame poisid end välja. 1173 00:48:16,392 --> 00:48:17,580 >> TOMAS Reimers: Nii protsentides. 1174 00:48:17,580 --> 00:48:21,524 Ja kuidas me tegime seda vaid 50% laiusest? 1175 00:48:21,524 --> 00:48:24,190 ALLISON Buchholtz-AU: Kui te tegelikult teavad pikslite arvu, 1176 00:48:24,190 --> 00:48:25,780 võite olla täpsem, et viis. 1177 00:48:25,780 --> 00:48:27,200 Võite viiul ringi ta. 1178 00:48:27,200 --> 00:48:27,700 Kuid 50%. 1179 00:48:27,700 --> 00:48:31,970 Kui olime suurust meie brauseris See muudaks väiksem. 1180 00:48:31,970 --> 00:48:35,250 >> TOMAS Reimers: Noh, see on põhimõtteliselt 50% praegu, ma arvan. 1181 00:48:35,250 --> 00:48:38,820 See on 50% ja seejärel marginaal on lisatud, et. 1182 00:48:38,820 --> 00:48:40,100 CSS on palju quirks. 1183 00:48:40,100 --> 00:48:43,195 Nii praegu on see 50% lehe laius. 1184 00:48:43,195 --> 00:48:46,860 Kuid pidage meeles, et sa pead 10 pikslit maha võetud igast küljest. 1185 00:48:46,860 --> 00:48:49,700 Nii et kui sa olid liikuda, et vastu vasakust servast brauseris 1186 00:48:49,700 --> 00:48:51,550 siis näeks 50%. 1187 00:48:51,550 --> 00:48:53,884 Jällegi, nagu ma ütlesin, CSS saab olla palju vist-ja-kontrolli. 1188 00:48:53,884 --> 00:48:56,049 Like, sa arvad midagi on läheb käituda ühel viisil, 1189 00:48:56,049 --> 00:48:57,805 kuid see käitub täiesti teistmoodi. 1190 00:48:57,805 --> 00:48:59,420 >> ALLISON Buchholtz-AU: Ja sa saad targemaks, 1191 00:48:59,420 --> 00:49:02,020 ja sa saad paremini intuitsiooni see nagu te liikuda mööda. 1192 00:49:02,020 --> 00:49:02,730 >> TOMAS Reimers: Ja saab halvemaks. 1193 00:49:02,730 --> 00:49:03,496 Nii et see on tõesti ainult välimuse. 1194 00:49:03,496 --> 00:49:05,454 >> ALLISON Buchholtz-AU: See on super julgustav. 1195 00:49:05,454 --> 00:49:07,070 Me tahame, et nad tahaksid CSS. 1196 00:49:07,070 --> 00:49:08,810 >> TOMAS Reimers: CSS on fantastiline. 1197 00:49:08,810 --> 00:49:10,354 Pea seda meeles. 1198 00:49:10,354 --> 00:49:11,020 Muud küsimused? 1199 00:49:11,020 --> 00:49:14,297 >> ALLISON Buchholtz-AU: üks asi. 1200 00:49:14,297 --> 00:49:14,880 Veel midagi? 1201 00:49:14,880 --> 00:49:15,140 Külm. 1202 00:49:15,140 --> 00:49:15,690 >> TOMAS Reimers: Awesome. 1203 00:49:15,690 --> 00:49:18,523 >> ALLISON Buchholtz-AU: Noh, kui sa poisid on küsimusi hiljem 1204 00:49:18,523 --> 00:49:20,919 me oleme alati saadaval iga tavaline. 1205 00:49:20,919 --> 00:49:22,960 Sa ilmselt näha mõnda USA lõplikuks projektid 1206 00:49:22,960 --> 00:49:24,280 ja kindlasti on hackathon. 1207 00:49:24,280 --> 00:49:25,200 >> TOMAS Reimers: Absoluutselt. 1208 00:49:25,200 --> 00:49:25,720 Ja messil. 1209 00:49:25,720 --> 00:49:26,560 >> ALLISON Buchholtz-AU: Ja messil. 1210 00:49:26,560 --> 00:49:26,840 Oh. 1211 00:49:26,840 --> 00:49:28,130 >> TOMAS Reimers: Ootan näidata kogu oma awesome-- 1212 00:49:28,130 --> 00:49:29,420 >> ALLISON Buchholtz-AU: Me näeme kõik oma awesome veebilehed 1213 00:49:29,420 --> 00:49:30,572 mis on ilus. 1214 00:49:30,572 --> 00:49:32,780 TOMAS Reimers: Te võite alati vaata, nagu, veebilehed 1215 00:49:32,780 --> 00:49:36,234 kes oli, nagu, hea CSS ja seejärel nagu need, kes ei ürita CSS. 1216 00:49:36,234 --> 00:49:39,150 ALLISON Buchholtz-AU: Ka teine asi, üks asi veel uurida 1217 00:49:39,150 --> 00:49:40,445 on Bootstrapping. 1218 00:49:40,445 --> 00:49:41,805 Nii Bootstrap on suur. 1219 00:49:41,805 --> 00:49:42,240 >> TOMAS Reimers: Google, et kui sina-- 1220 00:49:42,240 --> 00:49:43,573 >> ALLISON Buchholtz-AU: Google seda. 1221 00:49:43,573 --> 00:49:44,340 See on vapustav. 1222 00:49:44,340 --> 00:49:45,620 Sa armastad seda. 1223 00:49:45,620 --> 00:49:48,000 Ja nüüd, et teil on põhiteadmised CSS, 1224 00:49:48,000 --> 00:49:50,340 see saab teha palju rohkem mõtet. 1225 00:49:50,340 --> 00:49:50,890 Awesome. 1226 00:49:50,890 --> 00:49:51,480 Aitäh, poisid. 1227 00:49:51,480 --> 00:49:53,330 >> TOMAS Reimers: Tänan sind nii palju. 1228 00:49:53,330 --> 00:49:54,219