1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:04,500 >> [Tónlist spila] 3 00:00:04,500 --> 00:00:10,099 4 00:00:10,099 --> 00:00:12,224 ALLISON BUCHHOLTZ-AU: Svo við erum í rauninni bara að fara 5 00:00:12,224 --> 00:00:14,629 að gefa þér samdráttur CSS, vegna þess að við vitum 6 00:00:14,629 --> 00:00:16,420 að það var ekki fjallað í öllum liðum. 7 00:00:16,420 --> 00:00:20,090 Og við viljum virkilega að ganga úr skugga um að þú krakkar hafa þetta tól til ráðstöfunar, 8 00:00:20,090 --> 00:00:24,790 vegna þess að það hefur getu til að gera vefsíður þínar líta miklu fallegri. 9 00:00:24,790 --> 00:00:28,660 >> Og ef þú ert að byggja upp vef, þá þú vilt sennilega að gera það nokkuð. 10 00:00:28,660 --> 00:00:31,372 Ég meina, þú þarft ekki að, en ég vil benda henni. [Hlátur] 11 00:00:31,372 --> 00:00:35,430 Ef þú vilt að notendur til að nota það, þú gætir vilja til að gera það svolítið [inaudible]. 12 00:00:35,430 --> 00:00:39,130 Þannig að við erum að fara að reyna að gefa þér bara sumir undirstöðu verkfæri og skilningur, 13 00:00:39,130 --> 00:00:42,340 þannig að þegar þú ferð út og þú ert rannsaka hluti um CSS, 14 00:00:42,340 --> 00:00:45,902 það er ekki heill gibberish, eins CSS stundum að vera. 15 00:00:45,902 --> 00:00:47,240 >> TOMAS Reimers: Já. 16 00:00:47,240 --> 00:00:49,930 Allison sagði það nokkuð vel. 17 00:00:49,930 --> 00:00:53,250 Svo ég giska á fyrsta sem við ætti að byrja með er það sem er CSS? 18 00:00:53,250 --> 00:00:55,750 Svo er CSS ógnvekjandi. 19 00:00:55,750 --> 00:00:56,250 CSS-- 20 00:00:56,250 --> 00:00:58,320 >> ALLISON BUCHHOLTZ-AU: Það er nafn málstofu okkar. 21 00:00:58,320 --> 00:00:58,434 >> TOMAS Reimers: Já. 22 00:00:58,434 --> 00:01:00,130 Það er mjög mikilvægt að þú skilur að með því þá. 23 00:01:00,130 --> 00:01:03,090 Ef þú tekur aðeins í burtu einn hlutur, er það að CSS ef ógnvekjandi. 24 00:01:03,090 --> 00:01:06,180 Tvö er CSS stendur fyrir Cascading Style Sheets. 25 00:01:06,180 --> 00:01:10,380 Svo á kjarna þess, CSS er stíl blaði, sem þýðir 26 00:01:10,380 --> 00:01:13,200 það gerir þér kleift að stíla á vefsíðu. 27 00:01:13,200 --> 00:01:16,609 Og þá hvað það þýðir, það er leið til að bæta við stíl á vefsíður þínar. 28 00:01:16,609 --> 00:01:18,900 Svo með stíl, er átt við allt það er ekki structural-- 29 00:01:18,900 --> 00:01:24,350 svo hlutir eins litum, bakgrunni myndir, landamæri, eins og, padding, 30 00:01:24,350 --> 00:01:25,040 framlegð. 31 00:01:25,040 --> 00:01:27,310 Við munum tala um hvað allt sem þýðir í smá. 32 00:01:27,310 --> 00:01:30,110 >> Þannig að við höfum bara farið á undan og opnaði bæði af þeim upp í gedit. 33 00:01:30,110 --> 00:01:32,680 Svo er þetta index.html. 34 00:01:32,680 --> 00:01:34,800 Og þetta er main.css. 35 00:01:34,800 --> 00:01:36,829 Svo main.css hefur ekkert. 36 00:01:36,829 --> 00:01:38,412 ALLISON BUCHHOLTZ-AU: No stíl svo langt. 37 00:01:38,412 --> 00:01:39,245 TOMAS Reimers: Ekkert. 38 00:01:39,245 --> 00:01:42,577 Og eins og þú munt sjá, það er mjög ljót síða. 39 00:01:42,577 --> 00:01:44,160 ALLISON BUCHHOLTZ-AU: Það er bara látlaus. 40 00:01:44,160 --> 00:01:45,820 TOMAS Reimers: Já. 41 00:01:45,820 --> 00:01:49,150 Já, er það ekki ljótt, það er bara lægstur. 42 00:01:49,150 --> 00:01:53,430 Og þá hér höfum index.html. 43 00:01:53,430 --> 00:01:55,729 Og svo fyrir a fljótur ágrip af HTML, Allison, 44 00:01:55,729 --> 00:01:57,270 þú vilt bara tala um síðuna? 45 00:01:57,270 --> 00:01:58,395 >> ALLISON BUCHHOLTZ-AU: Já. 46 00:01:58,395 --> 00:02:01,100 Svo augljóslega, höfum við HTML okkar tag, sem bara nöfn HTML skrá. 47 00:02:01,100 --> 00:02:07,080 Við höfum haus okkar hér, með CSS Awesomeness, which-- ef þú ferð til baka. 48 00:02:07,080 --> 00:02:07,720 Hvar er það? 49 00:02:07,720 --> 00:02:09,136 >> TOMAS Reimers: Oh. 50 00:02:09,136 --> 00:02:10,301 Já, getur þú séð. 51 00:02:10,301 --> 00:02:12,092 ALLISON BUCHHOLTZ-AU: Og taka haus 52 00:02:12,092 --> 00:02:14,120 er þetta flipann haus rétt upp hér. 53 00:02:14,120 --> 00:02:17,130 Og svo "Halló, heimur!" er textinn sem við höfum bara 54 00:02:17,130 --> 00:02:19,620 birta á vefnum síðu, sem is-- fara til baka. 55 00:02:19,620 --> 00:02:21,290 Back. 56 00:02:21,290 --> 00:02:24,287 Sem er bara í líkama okkar here-- á texta. 57 00:02:24,287 --> 00:02:26,120 Einnig, eitt við tilkynningar, ef þú lítur hér, 58 00:02:26,120 --> 00:02:29,410 Tomas kveikt upp þessum tveir frá skyggnu okkar. 59 00:02:29,410 --> 00:02:32,035 Svo lengi sem þú hefur allt þrír af þessum, þú ert fínn. 60 00:02:32,035 --> 00:02:34,044 Þeir geta verið í hvaða röð þeir vilja. 61 00:02:34,044 --> 00:02:39,368 Hvað er mikilvægast er bara að þú hefur hvert þessara þriggja hlutum. 62 00:02:39,368 --> 00:02:40,340 >> TOMAS Reimers: Cool. 63 00:02:40,340 --> 00:02:41,111 Bæta við læknir tegund? 64 00:02:41,111 --> 00:02:42,235 ALLISON BUCHHOLTZ-AU: Já. 65 00:02:42,235 --> 00:02:43,068 TOMAS Reimers: Já. 66 00:02:43,068 --> 00:02:43,769 Cool. 67 00:02:43,769 --> 00:02:46,102 ALLISON BUCHHOLTZ-AU: Apparently, MISC-kerfið mínir líkar ekki við mig. 68 00:02:46,102 --> 00:02:49,650 TOMAS Reimers: Oh, gefa okkur sek bara en Allison skiptir út mic hennar. 69 00:02:49,650 --> 00:02:50,500 Svo já. 70 00:02:50,500 --> 00:02:52,030 Þannig að við höfum aðalsíðu okkar. 71 00:02:52,030 --> 00:02:53,890 Það er góður af unstyled. 72 00:02:53,890 --> 00:02:54,780 Við höfum ekki mikið. 73 00:02:54,780 --> 00:02:57,110 Við höfum bara grundvallaratriðum texta. 74 00:02:57,110 --> 00:02:59,470 Við höfum stílblað. 75 00:02:59,470 --> 00:03:00,220 Við höfum titilinn. 76 00:03:00,220 --> 00:03:04,020 Svo bara berum úrbeinað þættir gera vefsíðu. 77 00:03:04,020 --> 00:03:08,880 >> Svo þaðan, við skulum tala um hvað CSS er 78 00:03:08,880 --> 00:03:11,270 og hvað það lítur út eins og allt það. 79 00:03:11,270 --> 00:03:12,047 Svo fyrir that-- 80 00:03:12,047 --> 00:03:13,755 ALLISON BUCHHOLTZ-AU: Aftur til stóð. 81 00:03:13,755 --> 00:03:15,200 TOMAS Reimers: Aftur til skyggnur. 82 00:03:15,200 --> 00:03:17,240 Og Allison getur tekið yfir. 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 Svo í CSS skrá þína, þú ert að fara að hafa 86 00:03:22,360 --> 00:03:25,010 a einhver fjöldi af þessum hlutum sem kallast selectors. 87 00:03:25,010 --> 00:03:27,420 Það verður bara að vera á grundvöllur CSS skrá. 88 00:03:27,420 --> 00:03:29,480 Það er bara að fara að vera hellingur og hellingur af þessu. 89 00:03:29,480 --> 00:03:30,780 Svo val. 90 00:03:30,780 --> 00:03:32,649 Þetta er bara almenn líffærafræði. 91 00:03:32,649 --> 00:03:35,190 Við erum að fara að fara í gegnum dæmi, vegna þess að ef þú krakkar aldrei 92 00:03:35,190 --> 00:03:38,400 horfði kafla mína, mér finnst eins hlutum í abstrakt 93 00:03:38,400 --> 00:03:39,400 í raun ekki skynsamleg. 94 00:03:39,400 --> 00:03:41,110 Það hjálpar alltaf að sjá dæmi. 95 00:03:41,110 --> 00:03:42,420 >> Þannig að við höfum sumir val. 96 00:03:42,420 --> 00:03:49,120 Það er að fara að vera einhver auðkenni fyrir það sem við viljum stíl til að eiga við. 97 00:03:49,120 --> 00:03:52,220 Og þá getum við haft eitthvað setja reglur og gildi. 98 00:03:52,220 --> 00:03:55,680 Svo selectors sem þú gætir séð gæti verið eitthvað eins og líkama, 99 00:03:55,680 --> 00:04:00,262 eða málsgrein með P, eða haus, eða hvað, 100 00:04:00,262 --> 00:04:02,000 hvað sem þú vilt HTML tög til að vera. 101 00:04:02,000 --> 00:04:03,570 >> Þannig að í þessu tilfelli höfum við líkamann. 102 00:04:03,570 --> 00:04:06,985 Og við höfum einhverja reglu, sem samsvarar 103 00:04:06,985 --> 00:04:09,610 að hvað þinn stíll á við. 104 00:04:09,610 --> 00:04:12,720 Þannig að í þessu tilfelli, höfum við bakgrunnslit og letur þyngd. 105 00:04:12,720 --> 00:04:16,200 Þannig að þetta er að fara að breyta bakgrunn neitt 106 00:04:16,200 --> 00:04:19,640 innan hvaða líkami í HTML skjalið okkar. 107 00:04:19,640 --> 00:04:22,810 Og það er að fara að gefa það þetta ljósblár gildi. 108 00:04:22,810 --> 00:04:24,820 >> Svo það er að fara að gera bakgrunnur ljós blár. 109 00:04:24,820 --> 00:04:28,660 Og þá er allt innan líkama fara að hafa þyngd leturs feitletrað. 110 00:04:28,660 --> 00:04:31,142 Svo það er bara að fara að bold er allur texti okkar. 111 00:04:31,142 --> 00:04:32,970 Og þetta er bara eitt val. 112 00:04:32,970 --> 00:04:34,680 En þú gætir hafa mjög margir af þessum. 113 00:04:34,680 --> 00:04:38,730 Og eins og við erum að fara að sýna síðar, svolítið meira í hvernig 114 00:04:38,730 --> 00:04:40,709 að verk og fleiri dæmi þar. 115 00:04:40,709 --> 00:04:41,750 Nokkuð sem þú vilt bæta við? 116 00:04:41,750 --> 00:04:42,499 >> TOMAS Reimers: Nei 117 00:04:42,499 --> 00:04:43,500 Allison fékk það. 118 00:04:43,500 --> 00:04:46,144 Við erum bara að fara að skera upp dæmi hér á síðuna okkar dæmi. 119 00:04:46,144 --> 00:04:47,310 Svo skulum við taka í raun þetta. 120 00:04:47,310 --> 00:04:48,620 Það er fullkominn. 121 00:04:48,620 --> 00:04:54,460 Þannig að ég ætla bara að fara að afrita og líma þessi réttur í main.css skrá okkar. 122 00:04:54,460 --> 00:04:56,530 Og ég ætla að vista það. 123 00:04:56,530 --> 00:04:59,190 Og þá munum við keyra það. 124 00:04:59,190 --> 00:05:01,600 Svo hlið minnispunktur, einn af mest svekkjandi hlutir 125 00:05:01,600 --> 00:05:04,490 er ef þú vistar ekki skrá og þá þú, eins og endurhlaða síðunni, 126 00:05:04,490 --> 00:05:07,450 og eins, hvers vegna er ekki breyting að gerast? 127 00:05:07,450 --> 00:05:07,950 Það gerist. 128 00:05:07,950 --> 00:05:14,230 Svo hér við sáum að við gert okkar website ljós blár bakgrunnur 129 00:05:14,230 --> 00:05:16,560 og sumir feitletruð texta. 130 00:05:16,560 --> 00:05:20,730 >> Ég ætti líka að nefna, ef þig krakkar hafa spurningar um neitt 131 00:05:20,730 --> 00:05:23,622 við erum að gera, þá endilega frjáls til stöðva okkur og spyrja okkur. 132 00:05:23,622 --> 00:05:25,330 Við erum algerlega tilbúin að reitnum spurningum. 133 00:05:25,330 --> 00:05:27,951 134 00:05:27,951 --> 00:05:31,930 >> ALLISON BUCHHOLTZ-AU: Vitanlega, með CSS, allt byggir á sjálfu sér. 135 00:05:31,930 --> 00:05:34,107 Þannig að ef eitt ekki skynsamleg núna, við 136 00:05:34,107 --> 00:05:35,690 vil ekki að að fen þig niður síðar. 137 00:05:35,690 --> 00:05:38,390 138 00:05:38,390 --> 00:05:41,930 >> TOMAS Reimers: Svo skulum konar kryfja þetta. 139 00:05:41,930 --> 00:05:44,210 Svo þú vilt að byrja með val hér? 140 00:05:44,210 --> 00:05:45,979 >> ALLISON BUCHHOLTZ-AU: Já. 141 00:05:45,979 --> 00:05:48,270 Eins og ég var að segja áður, líkami er bara val okkar hér. 142 00:05:48,270 --> 00:05:50,950 Þannig að ef við förum aftur yfir til index-- Ah okkar. 143 00:05:50,950 --> 00:05:53,245 >> TOMAS Reimers: Sem ég lokað bara. 144 00:05:53,245 --> 00:05:54,530 Gefðu mér annað. 145 00:05:54,530 --> 00:05:58,286 Svo skrá, opna, index.html. 146 00:05:58,286 --> 00:05:59,410 ALLISON BUCHHOLTZ-AU: Cool. 147 00:05:59,410 --> 00:06:02,710 Svo ef þú tekur eftir hérna, við hafa þessar líkami tags, ekki satt? 148 00:06:02,710 --> 00:06:06,270 Svo val samsvarar bara að Merki sem við erum að tala um. 149 00:06:06,270 --> 00:06:07,670 Svo líkama hérna. 150 00:06:07,670 --> 00:06:10,315 Svo það sem við erum að segja er everything-- getum við farið aftur? 151 00:06:10,315 --> 00:06:12,065 Ég vildi að ég gæti bara eins snerta skjáinn. 152 00:06:12,065 --> 00:06:14,410 Það myndi vera svo miklu sætari. 153 00:06:14,410 --> 00:06:17,150 >> Svo nokkuð innan þá líkami tags, sem við sáum 154 00:06:17,150 --> 00:06:19,637 var bara, eins og textinn, og líkaminn almennt 155 00:06:19,637 --> 00:06:20,970 vísar til, eins og, bakgrunni. 156 00:06:20,970 --> 00:06:22,720 Ef þú vilt alltaf að breyta bakgrunni, 157 00:06:22,720 --> 00:06:25,090 það er að fara að vera í líkamanum tag. 158 00:06:25,090 --> 00:06:27,120 Bara hefur þessi gilda um þá. 159 00:06:27,120 --> 00:06:32,040 >> Þannig að ef við vorum að fara til index.html and-- raun, 160 00:06:32,040 --> 00:06:33,840 getum við haft eitthvað utan líkamans? 161 00:06:33,840 --> 00:06:37,340 Ef við höfðum, eins og a fótur eða eitthvað, myndi það ekki um þetta. 162 00:06:37,340 --> 00:06:40,900 En allt innan þessi líkami merki er að fara 163 00:06:40,900 --> 00:06:44,960 að verða fyrir áhrifum af þessum líkama val sem við höfum gert. 164 00:06:44,960 --> 00:06:47,405 Svo ef þú varst að slá eitthvað annað there-- 165 00:06:47,405 --> 00:06:49,400 >> TOMAS Reimers: Við skulum aka að heimili. 166 00:06:49,400 --> 00:06:55,330 Þannig að ef við hefðum div-- svo er bara annað merki sem þú getur haft. 167 00:06:55,330 --> 00:06:56,350 Ég ætla að loka henni. 168 00:06:56,350 --> 00:06:58,280 Eða við skulum gera þetta lið. 169 00:06:58,280 --> 00:07:01,430 Svo p stendur fyrir mgr. 170 00:07:01,430 --> 00:07:02,560 Og innan þeirri málsgrein. 171 00:07:02,560 --> 00:07:05,650 Og þá segi ég: "Þetta er texti." 172 00:07:05,650 --> 00:07:06,369 Cool. 173 00:07:06,369 --> 00:07:09,160 Og svo ég gerði þessi regla gilda um a málsgrein í stað líkamans. 174 00:07:09,160 --> 00:07:12,390 175 00:07:12,390 --> 00:07:17,320 Þú munt sjá hvernig það á aðeins við nýstofnað lið, hægri, 176 00:07:17,320 --> 00:07:18,892 ekki allt hlutur. 177 00:07:18,892 --> 00:07:20,090 Er að skynsamleg? 178 00:07:20,090 --> 00:07:21,840 >> ALLISON BUCHHOLTZ-AU: Svo er þetta allt líkami, 179 00:07:21,840 --> 00:07:24,450 en nú val okkar bara samsvarar málsgrein. 180 00:07:24,450 --> 00:07:27,050 Þannig að við höfum bara djörf og blár fyrir þetta tiltekna málsgrein, 181 00:07:27,050 --> 00:07:30,760 vegna þess að þetta er það eina sem sem er umlukið inni í p merkinu. 182 00:07:30,760 --> 00:07:35,349 >> TOMAS Reimers: Er að skynsamleg konar hvernig hlutirnir þjappa aðra hluti? 183 00:07:35,349 --> 00:07:38,140 ALLISON BUCHHOLTZ-AU: Einnig, bara að segja, eins og einn af the bestur lifnaðarhættir 184 00:07:38,140 --> 00:07:40,889 að virkilega fá þægilegri með CSS er bara að gera hlutina eins og þetta, 185 00:07:40,889 --> 00:07:42,050 bara að reyna það út. 186 00:07:42,050 --> 00:07:46,700 Það er mjög einfalt að slá eitthvað út, högg hressa, og sjá hvað gerist. 187 00:07:46,700 --> 00:07:48,940 Og eins og með flest CS, tilraunir getur oft 188 00:07:48,940 --> 00:07:51,790 leiða til mun betri innsæi skilning. 189 00:07:51,790 --> 00:07:54,432 Jafnvel meira svo en okkur bara, eins, að tala við þig. 190 00:07:54,432 --> 00:07:58,350 >> TOMAS Reimers: Absolutely 100% sammála á þeim tímapunkti. 191 00:07:58,350 --> 00:08:02,430 Þannig að ef við förum aftur til þessa, við skulum byrja krufningu nákvæmlega hvað þessir tveir gera. 192 00:08:02,430 --> 00:08:04,550 Þannig að við höfum tvær reglur um þetta. 193 00:08:04,550 --> 00:08:07,420 Svo er sá fyrsti bakgrunnslit. 194 00:08:07,420 --> 00:08:10,590 Og þú sérð að við höfum sett það jafnt í gildi, ljósblátt. 195 00:08:10,590 --> 00:08:15,009 >> Svo í CSS, CSS er tegund af mjög laus um hvernig 196 00:08:15,009 --> 00:08:16,300 þú ert að fá að skilgreina lit. 197 00:08:16,300 --> 00:08:17,800 Svo er hægt að skilgreina þá með nafni. 198 00:08:17,800 --> 00:08:20,650 Þú getur líka gert eitthvað eins og "rauður". 199 00:08:20,650 --> 00:08:25,270 Og þá ef við förum aftur til þessa, þú munt sjá að bakgrunnur er rauður. 200 00:08:25,270 --> 00:08:29,040 Þú getur líka fengið really-- Ég held að þú getur fengið mjög skapandi með þetta, 201 00:08:29,040 --> 00:08:29,540 getur þú ekki? 202 00:08:29,540 --> 00:08:31,170 >> ALLISON BUCHHOLTZ-AU: I held að þú getur notað álög. 203 00:08:31,170 --> 00:08:31,250 Getur þú ekki? 204 00:08:31,250 --> 00:08:32,083 >> TOMAS Reimers: Já. 205 00:08:32,083 --> 00:08:32,969 Svo er hægt að nota álög. 206 00:08:32,969 --> 00:08:34,490 En ég er að hugsa nafn-vitur. 207 00:08:34,490 --> 00:08:35,385 Eru ekki þarna? 208 00:08:35,385 --> 00:08:37,260 ALLISON BUCHHOLTZ-AU: Þú getur gert alveg nokkrar. 209 00:08:37,260 --> 00:08:43,350 Nánast eins og flest litum sem þú getur name-- eins, ég held að lax er einn. 210 00:08:43,350 --> 00:08:45,322 >> TOMAS Reimers: Við ætlum að reyna lax. 211 00:08:45,322 --> 00:08:47,530 ALLISON BUCHHOLTZ-AU: I held Chartreuse er þar. 212 00:08:47,530 --> 00:08:48,050 TOMAS Reimers: Já. 213 00:08:48,050 --> 00:08:48,550 Sjá? 214 00:08:48,550 --> 00:08:50,080 Svo er hægt að fá ansi skapandi. 215 00:08:50,080 --> 00:08:52,246 >> ALLISON BUCHHOLTZ-AU: Þú gæti fengið nokkuð skapandi. 216 00:08:52,246 --> 00:08:55,750 Eins og, ef hægt er að hugsa um að nafn lit, það er líklega þar. 217 00:08:55,750 --> 00:08:57,840 Ef þú vilt virkilega fínn smáatriði, þú getur farið álög. 218 00:08:57,840 --> 00:08:58,673 >> TOMAS Reimers: Já. 219 00:08:58,673 --> 00:08:59,390 Svo sextánskur. 220 00:08:59,390 --> 00:09:05,280 Ef þið muna þetta aftur úr gamla PSET þínu, Image batna, 221 00:09:05,280 --> 00:09:08,300 þú krakkar þurfti að takast á með þessum álög gildi. 222 00:09:08,300 --> 00:09:15,280 Og svoleiðis til að ágrip hvað það er, hex hefur þrjú gildi geymdar í það. 223 00:09:15,280 --> 00:09:17,250 Svo það er í hópum tveggja þrepum. 224 00:09:17,250 --> 00:09:19,300 Fyrstu tvær tákna rauða gildi. 225 00:09:19,300 --> 00:09:22,420 The second einn táknar græna gildi. 226 00:09:22,420 --> 00:09:25,020 Og síðasta er blár? 227 00:09:25,020 --> 00:09:30,050 >> Svo FF gerist að tákna a sextánskur 255. 228 00:09:30,050 --> 00:09:35,480 Svo þú ert 255 rauður, 255 grænn og 0 fyrir blá. 229 00:09:35,480 --> 00:09:37,670 Og gildi á bilinu 0 og 255. 230 00:09:37,670 --> 00:09:38,350 >> Áhorfendur: Hægri. 231 00:09:38,350 --> 00:09:41,472 Svo í raun gætum við leit internetið fyrir hvaða lit sem við viljum, 232 00:09:41,472 --> 00:09:43,912 og bera kennsl á raunverulega þekkt lit litróf greiða, 233 00:09:43,912 --> 00:09:45,130 og þá gátum við sett það í? 234 00:09:45,130 --> 00:09:46,380 ALLISON BUCHHOLTZ-AU: Einmitt. 235 00:09:46,380 --> 00:09:52,900 Svo þú ert nánast fulla stjórn yfir litum sem þú vilt í CSS. 236 00:09:52,900 --> 00:09:55,069 Erum við að fara að tala um bakgrunnsmyndir seinna? 237 00:09:55,069 --> 00:09:56,110 Eða viljum við gera það? 238 00:09:56,110 --> 00:09:56,240 >> TOMAS Reimers: Já. 239 00:09:56,240 --> 00:09:57,010 Algjörlega. 240 00:09:57,010 --> 00:10:00,830 Svo fyrst, bara til að sýna að rauður og grænn er gulur. 241 00:10:00,830 --> 00:10:03,120 Og ef þú þarft einhver hjálp við að finna þetta, þú 242 00:10:03,120 --> 00:10:05,575 getur Google eitthvað eins og "Litaplokkari." 243 00:10:05,575 --> 00:10:07,200 ALLISON BUCHHOLTZ-AU: Oh, það er svo gott. 244 00:10:07,200 --> 00:10:09,090 Ég elska Litaplokkari. 245 00:10:09,090 --> 00:10:11,360 >> TOMAS Reimers: colorpicker.com er gott dæmi. 246 00:10:11,360 --> 00:10:14,580 Og hér, munt þú sjá að þú hefur a fullur Photoshop-eins Litaplokkari. 247 00:10:14,580 --> 00:10:14,920 >> ALLISON BUCHHOLTZ-AU: Mm-HM. 248 00:10:14,920 --> 00:10:16,980 Einnig kaldur hlutur er þú er hægt að búa litaval 249 00:10:16,980 --> 00:10:18,896 þannig að þú þarft ekki, eins, rekst litum. 250 00:10:18,896 --> 00:10:22,780 TOMAS Reimers: Og þá hér er hex gildi hér. 251 00:10:22,780 --> 00:10:27,800 Svo þú getur alltaf fundið á netinu í grundvallaratriðum staðir til að fá álög gildi frá. 252 00:10:27,800 --> 00:10:31,667 Það er ekki að raða um það bara, eins og við sjá liti heimsins í tölum. 253 00:10:31,667 --> 00:10:34,000 Það er meira að við förum á netinu og finna hvaða lit sem við viljum, 254 00:10:34,000 --> 00:10:36,850 og síðan taka tölu niður. 255 00:10:36,850 --> 00:10:39,590 Vegna þess að það er bara mjög auðvelt leið til að tilvísun hlutina í CS. 256 00:10:39,590 --> 00:10:40,350 >> ALLISON BUCHHOLTZ-AU: Og þá er það also-- 257 00:10:40,350 --> 00:10:41,630 Ég gleymi nákvæmlega nafnið á staðnum. 258 00:10:41,630 --> 00:10:43,838 En það er örugglega, ég hugsa, eitthvað frá Adobe 259 00:10:43,838 --> 00:10:48,350 sem býr litaval fyrir þig, sem er mjög flott, því þú 260 00:10:48,350 --> 00:10:50,580 definitely-- það er stundum erfitt að reikna út, 261 00:10:50,580 --> 00:10:53,729 ó, ef ég vil nota þennan lit, hvað gæti verið annar gagnlegur einn 262 00:10:53,729 --> 00:10:56,395 að nota annars staðar á síðuna mína til að, eins, gera það gott og samhangandi. 263 00:10:56,395 --> 00:11:00,430 264 00:11:00,430 --> 00:11:04,260 >> TOMAS Reimers: Allison er að tala um einn af Adobe heitir Kuler, held ég. 265 00:11:04,260 --> 00:11:04,885 Það er K-U-L-E-R. 266 00:11:04,885 --> 00:11:06,259 ALLISON BUCHHOLTZ-AU: Ég held það. 267 00:11:06,259 --> 00:11:07,610 Ég er nokkuð viss um að er einn. 268 00:11:07,610 --> 00:11:11,050 >> TOMAS Reimers: Uppáhalds mitt er alltaf verið 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: Hver er now-- 271 00:11:16,010 --> 00:11:16,860 >> ALLISON BUCHHOLTZ-AU: Ah, þetta er fallegt. 272 00:11:16,860 --> 00:11:18,818 >> TOMAS Reimers: Og þú geta í raun að segja, eins og, 273 00:11:18,818 --> 00:11:21,700 Ég vil þremur litum við hliðina á hvor aðra. 274 00:11:21,700 --> 00:11:25,030 Og þá skulum gera eitthvað gott. 275 00:11:25,030 --> 00:11:29,210 Og þá er hægt að fá dæmi hvað sem kann að virðast. 276 00:11:29,210 --> 00:11:32,470 Og svo ef þú sveima yfir einhverju þá gefur það þér álög gildi. 277 00:11:32,470 --> 00:11:35,010 >> Svo bara eins og góð leið til að byrja hugsa um litaval 278 00:11:35,010 --> 00:11:39,570 eða hvaða liti í viðbót gæti farið vel saman. 279 00:11:39,570 --> 00:11:45,655 Vegna þess að það má furðu ekki eins auðvelt að ná eins og þú heldur. 280 00:11:45,655 --> 00:11:48,280 Og þá er annar kaldur hlutur Ég hef alltaf fundið um þessa síðu 281 00:11:48,280 --> 00:11:51,480 er ef þú högg Dæmi, verður það sýna hvað dæmi vefsíðu 282 00:11:51,480 --> 00:11:54,800 getur litið eins og með að litasamsetningu. 283 00:11:54,800 --> 00:11:56,270 Engu að síður. 284 00:11:56,270 --> 00:11:57,863 >> Aftur til the raunverulegur CSS. 285 00:11:57,863 --> 00:12:01,112 ALLISON BUCHHOLTZ-AU: En vitanlega, við vita þessir tilvísanir gæti verið gagnlegt. 286 00:12:01,112 --> 00:12:03,195 TOMAS Reimers: Nei, þeir örugglega geta vera hjálpsamur. 287 00:12:03,195 --> 00:12:04,720 Svo seinni reglu, Allison? 288 00:12:04,720 --> 00:12:05,844 >> ALLISON BUCHHOLTZ-AU: Já. 289 00:12:05,844 --> 00:12:08,280 Önnur regla er bara samsvarar letur okkar. 290 00:12:08,280 --> 00:12:11,520 Svo er letur þyngd bara góður of-- svo að þyngd myndi 291 00:12:11,520 --> 00:12:15,220 vera ef þú vilt bara, eins og, eðlileg eða, eins og þynnri letur, 292 00:12:15,220 --> 00:12:17,251 eða í þessu tilfelli, eins og, bold. 293 00:12:17,251 --> 00:12:17,750 Ég gleymi. 294 00:12:17,750 --> 00:12:21,557 Hvað er ef þú vildir it-- er a þynnri einn en bara, eins og, eðlilegt? 295 00:12:21,557 --> 00:12:24,140 TOMAS Reimers: Ég er ekki í raun vita ef það er þynnri einn. 296 00:12:24,140 --> 00:12:24,680 ALLISON BUCHHOLTZ-AU: ég gleymi. 297 00:12:24,680 --> 00:12:26,300 Svo letur þyngd við venjulega bara nota fyrir bold. 298 00:12:26,300 --> 00:12:29,010 Ef þú vilt virkilega fá inn það, við erum að fara að sýna þér. 299 00:12:29,010 --> 00:12:34,317 W3Schools hefur allt öðruvísi hlutir sem þú getur gert fyrir letur. 300 00:12:34,317 --> 00:12:36,900 En í grundvallaratriðum, ef þú vilt alltaf til að breyta neinu um letur, 301 00:12:36,900 --> 00:12:39,330 það er alltaf að fara að vera, eins, font-eitthvað. 302 00:12:39,330 --> 00:12:43,450 Svo það verður eins, font-family ef þú ert reyna að breyta í raun gerð. 303 00:12:43,450 --> 00:12:47,390 Það verður font-stíl ef þér langar að gera það eins og cursive, 304 00:12:47,390 --> 00:12:49,710 eða skáletrun, eða whatnot. 305 00:12:49,710 --> 00:12:53,570 Eða jafnvel font-lit, ef við vildum að breyta því. 306 00:12:53,570 --> 00:12:55,621 >> TOMAS Reimers: Yup. 307 00:12:55,621 --> 00:12:56,925 Svo þú getur breytt því. 308 00:12:56,925 --> 00:12:59,360 Og svoleiðis bara að ágrip nú, svo þú getur 309 00:12:59,360 --> 00:13:01,400 sjá að við höfum val upp hér. 310 00:13:01,400 --> 00:13:03,000 Við höfum þessar hrokkið axlabönd. 311 00:13:03,000 --> 00:13:06,735 Og þá höfum við reglur afmarkast með semikommum. 312 00:13:06,735 --> 00:13:08,100 Er að skynsamleg? 313 00:13:08,100 --> 00:13:09,130 Já? 314 00:13:09,130 --> 00:13:10,500 Cool. 315 00:13:10,500 --> 00:13:13,200 Þannig að ef það er 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: Við skulum tala sérstaklega um hvaða selectors við höfum. 318 00:13:17,590 --> 00:13:19,790 'Cause núna höfum við konar bara sýnt tags. 319 00:13:19,790 --> 00:13:21,696 En þið gætu séð það plausible. 320 00:13:21,696 --> 00:13:23,570 Segjum að þú ert með tvær málsgreinar á síðunni og þú 321 00:13:23,570 --> 00:13:26,087 vilja til vera fær til stíl einni en ekki annan, 322 00:13:26,087 --> 00:13:29,170 þú ert ekki bara að takmarka sjálfur að þurfa að nota mismunandi raunverulegan HTML 323 00:13:29,170 --> 00:13:33,410 merki til að gefa þeim mismunandi stíl. 324 00:13:33,410 --> 00:13:35,995 >> Þannig að við að hafa þrjú helstu tegundir selectors. 325 00:13:35,995 --> 00:13:37,120 ALLISON BUCHHOLTZ-AU: Já. 326 00:13:37,120 --> 00:13:39,828 Þannig að við höfum tag, sem er hvað við höfum verið að tala um núna. 327 00:13:39,828 --> 00:13:42,430 Svo er það svona eins og líkamanum eða p. 328 00:13:42,430 --> 00:13:46,280 Og þá höfum við flokk sem er þegar við skilgreinum það í CSS skrá okkar, 329 00:13:46,280 --> 00:13:49,907 það er alltaf að fara að vera punktur, hvað þú vilt að nafn bekknum þínum til að vera. 330 00:13:49,907 --> 00:13:51,490 Og þetta getur sótt til margra hluta. 331 00:13:51,490 --> 00:13:54,610 332 00:13:54,610 --> 00:13:57,610 >> Segjum að þú ert fimm málsgreinum og tveir af þremur þeirra 333 00:13:57,610 --> 00:14:00,580 þarf að vera stíll sama, þú vildi beita bekknum til þess. 334 00:14:00,580 --> 00:14:03,040 Og þetta er bara leiðin sem við gerum það. 335 00:14:03,040 --> 00:14:05,600 Við munum gefa ykkur dæmi um þar sem þetta í raun sýnir sig. 336 00:14:05,600 --> 00:14:11,030 En ef þú hefðir kannski sumir merki p, eftir það, myndir þú skrifa, 337 00:14:11,030 --> 00:14:14,170 flokki jafngildir hvað sem flokkum þú vilt eiga. 338 00:14:14,170 --> 00:14:19,280 Svo hvað flokki selectors sem við viljum að gilda um þessa tilteknu málsgrein, 339 00:14:19,280 --> 00:14:21,300 við gátum bara skrifa svona. 340 00:14:21,300 --> 00:14:24,080 Auðvitað, ég held dæmi mun gera það miklu meira steypu. 341 00:14:24,080 --> 00:14:27,270 >> Hinn við höfum er persónuskilríki, sem við tákna 342 00:14:27,270 --> 00:14:29,707 með kjötkássa eða pund eða 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 Það virkar líka. 346 00:14:34,550 --> 00:14:36,640 Og þetta ætti í raun að vera einstakt. 347 00:14:36,640 --> 00:14:39,880 Þeir ættu einungis við um eitt á síðuna þína. 348 00:14:39,880 --> 00:14:43,820 Svo hvort sem er a sérstakur málsgrein, eða einhver atriði í lista eða hvað, 349 00:14:43,820 --> 00:14:45,090 þetta ætti að vera einstakt. 350 00:14:45,090 --> 00:14:48,730 Og á sama hátt sem við bara segja eins, class = "class1 class2," 351 00:14:48,730 --> 00:14:51,577 þetta getur bara verið persónuskilríki af hvað við höfum. 352 00:14:51,577 --> 00:14:52,410 TOMAS Reimers: Já. 353 00:14:52,410 --> 00:14:54,330 Svo skulum við tala örugglega um dæmi hér. 354 00:14:54,330 --> 00:14:58,170 Og ég ætla bara að fara að kafa beint aftur inn í kóðann. 355 00:14:58,170 --> 00:15:02,090 Svo skulum líta á HTML okkar. 356 00:15:02,090 --> 00:15:03,960 Og svo við núna hafa eina málsgrein. 357 00:15:03,960 --> 00:15:05,510 Þetta er texti. 358 00:15:05,510 --> 00:15:09,151 Ég ætla bara að fara að breyta það. "Þetta er texta 1." 359 00:15:09,151 --> 00:15:11,150 Og þá erum við að fara að hafa a "Þetta er texti 2." 360 00:15:11,150 --> 00:15:12,525 >> ALLISON BUCHHOLTZ-AU: Second einn. 361 00:15:12,525 --> 00:15:13,540 TOMAS Reimers: Yup. 362 00:15:13,540 --> 00:15:16,810 Þannig að við höfum nú "Þetta er texti 2," ekki satt? 363 00:15:16,810 --> 00:15:21,560 Og við erum að fara að sjá að ef við endurhlaða á síðunni, hvað við erum að fara að finna 364 00:15:21,560 --> 00:15:23,067 er að við ætlum að 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: Já. 367 00:15:24,983 --> 00:15:27,570 Við erum að fara að finna "Þetta er textinn 1, "og" Þetta er texti 2. " 368 00:15:27,570 --> 00:15:28,650 >> ALLISON BUCHHOLTZ-AU: Og út yndisleg gulur litur. 369 00:15:28,650 --> 00:15:31,066 >> TOMAS Reimers: Og þú munt sjá að val okkar núna, 370 00:15:31,066 --> 00:15:34,940 sem gildir til p, eða málsgreinar, hefur áhrif á bæði af þeim, 371 00:15:34,940 --> 00:15:38,700 vegna þeirra beggja mæta ástand sem þeir eru bæði p tag. 372 00:15:38,700 --> 00:15:40,360 Það gerir samtals vit. 373 00:15:40,360 --> 00:15:43,340 Svo spurningin er, vel, hvað ef við vildum bara fá einn? 374 00:15:43,340 --> 00:15:46,350 Svo nákvæmlega eins Allison var að segja, höfum við tvær aðrar leiðir til að gera það. 375 00:15:46,350 --> 00:15:47,320 Ég ætla að byrja með persónuskilríki. 376 00:15:47,320 --> 00:15:48,405 >> ALLISON BUCHHOLTZ-AU: Við skulum byrja með persónuskilríki. 377 00:15:48,405 --> 00:15:50,405 >> TOMAS Reimers: Og bæði þeirra eru eiginleikar. 378 00:15:50,405 --> 00:15:53,200 Svo eiginleika eru í HTML. 379 00:15:53,200 --> 00:15:55,600 Og hvað þeir eru er eitthvað sem þú bætir 380 00:15:55,600 --> 00:15:58,840 inni í merkinu sem er aðskilið frá heiti merkisins. 381 00:15:58,840 --> 00:16:01,301 Svo er hægt að hafa margar eigindir. 382 00:16:01,301 --> 00:16:01,800 Já? 383 00:16:01,800 --> 00:16:03,950 >> ALLISON BUCHHOLTZ-AU: Ég var bara að fara að segja frá dæmi þitt frá PSET 7, 384 00:16:03,950 --> 00:16:06,650 ef einhver ykkar reyna að samræma hlutir til miðju, 385 00:16:06,650 --> 00:16:08,550 þú gætir hafa notað "Texti align = center." 386 00:16:08,550 --> 00:16:10,550 Og þú tekið það sennilega ætti að hafa miðju 387 00:16:10,550 --> 00:16:12,650 texta eða siglingar bar þitt. 388 00:16:12,650 --> 00:16:15,499 Svo er það bara líka eiginleiki að þú gætir verið kunnugt. 389 00:16:15,499 --> 00:16:18,040 TOMAS Reimers: Það er fullt eiginleika sem þú munt sjá. 390 00:16:18,040 --> 00:16:18,539 Já. 391 00:16:18,539 --> 00:16:21,250 Eins gott vísan til PSET 7. 392 00:16:21,250 --> 00:16:23,150 Við höfum id. 393 00:16:23,150 --> 00:16:25,080 Þú getur einnig haft flokki, hluti eins og þetta. 394 00:16:25,080 --> 00:16:27,250 Ein tag getur haft marga eiginleika. 395 00:16:27,250 --> 00:16:33,140 Svo byrja með id, við skulum þykjast vér langar að hafa persónuskilríki of-- ég veit ekki. 396 00:16:33,140 --> 00:16:35,140 Við munum kalla það sérstakt, vegna þessa, við erum 397 00:16:35,140 --> 00:16:37,867 fara að gera bold, og undirstrikun og hvað. 398 00:16:37,867 --> 00:16:39,950 ALLISON BUCHHOLTZ-AU: Það er ætla að vera frábær sérstakt. 399 00:16:39,950 --> 00:16:42,360 TOMAS Reimers: Þannig að þetta einn, höfum við id Special. 400 00:16:42,360 --> 00:16:48,140 Svo leið að velja það, þá er, í main.css, frekar en að hafa p tag, 401 00:16:48,140 --> 00:16:51,500 þú #special, OK? 402 00:16:51,500 --> 00:16:55,538 Og það velur hlutur með id sérstakt. 403 00:16:55,538 --> 00:16:57,295 Er þetta skynsamleg fyrir alla? 404 00:16:57,295 --> 00:16:57,920 Áhorfendur: Já. 405 00:16:57,920 --> 00:16:59,110 TOMAS Reimers: Cool. 406 00:16:59,110 --> 00:17:04,440 Svo nú ef við förum aftur, við munum see-- Úpps. 407 00:17:04,440 --> 00:17:06,240 Já. 408 00:17:06,240 --> 00:17:09,460 Við munum sjá að það bara velur einn með id sérstakt. 409 00:17:09,460 --> 00:17:10,622 Já? 410 00:17:10,622 --> 00:17:11,900 Hljómar flott. 411 00:17:11,900 --> 00:17:12,570 Já. 412 00:17:12,570 --> 00:17:15,456 >> Áhorfendur: Getur eitthvað hafa að eigindi bæði flokki og id? 413 00:17:15,456 --> 00:17:16,359 >> TOMAS Reimers: Já. 414 00:17:16,359 --> 00:17:16,900 Áhorfendur: OK. 415 00:17:16,900 --> 00:17:20,887 Og hvað þá gerist ef þú gefur þá það nokkrar reglur í CSS sem átök? 416 00:17:20,887 --> 00:17:21,970 TOMAS Reimers: Algjörlega. 417 00:17:21,970 --> 00:17:23,940 Við erum örugglega að fara að tala um það. 418 00:17:23,940 --> 00:17:31,890 Svo nákvæmlega hvað þú varst að fá á, getur þú einnig að hafa námskeið. 419 00:17:31,890 --> 00:17:36,380 Svo skulum þykjast ég hafði þrjár málsgreinar og ég 420 00:17:36,380 --> 00:17:38,730 langaði til að stíla fyrsta tveir en ekki þriðja. 421 00:17:38,730 --> 00:17:42,850 Jæja, fyrsta hugmyndin getur verið, vel, ég gæti bara gefa seinni kenni. 422 00:17:42,850 --> 00:17:45,590 En þú getur ekki, vegna þess að kenni, nákvæmlega eins Allison var að segja, 423 00:17:45,590 --> 00:17:47,330 þarf að vera einstakt. 424 00:17:47,330 --> 00:17:50,860 >> Þannig að í stað þess að kenni, hvað þú getur notað er hægt að nota bekknum. 425 00:17:50,860 --> 00:17:57,880 Og class-- hvað það gerir þú að gera er í rauninni að segja, 426 00:17:57,880 --> 00:17:59,610 þetta tilheyrir sem hluti af hóp. 427 00:17:59,610 --> 00:18:02,410 Í þessu tilfelli, hópnum okkar heitir Special. 428 00:18:02,410 --> 00:18:06,500 Og það sem við erum að fara að gera þá er við erum að fara að say-- frekar en pund, 429 00:18:06,500 --> 00:18:08,070 við erum að fara að nota punkt. 430 00:18:08,070 --> 00:18:08,740 OK? 431 00:18:08,740 --> 00:18:11,950 Athugið að pund og punktur aðeins til í CSS skrá, 432 00:18:11,950 --> 00:18:12,797 ekki innan HTML. 433 00:18:12,797 --> 00:18:13,880 ALLISON BUCHHOLTZ-AU: Já. 434 00:18:13,880 --> 00:18:15,185 Mikilvægur munur. 435 00:18:15,185 --> 00:18:17,510 >> TOMAS Reimers: Ég hef hafði svo mikið baráttu, 436 00:18:17,510 --> 00:18:23,990 því að ég setti kjötkássa í HTML og þá bara fannst heimskur í langan tíma. 437 00:18:23,990 --> 00:18:27,470 Sjá hvernig það velur bæði af sjálfur með þeim flokki? 438 00:18:27,470 --> 00:18:28,210 Cool. 439 00:18:28,210 --> 00:18:29,950 >> Nú, það getur haft mörg námskeið. 440 00:18:29,950 --> 00:18:32,790 Segjum að ég vildi gera fyrst tveir hafa bakgrunn af gulum 441 00:18:32,790 --> 00:18:36,770 og seinni tveir hafa letur lit blár. 442 00:18:36,770 --> 00:18:37,270 OK. 443 00:18:37,270 --> 00:18:39,735 Ég í raun ekki vita hvers vegna ég myndi langar að gera það, en ég get. 444 00:18:39,735 --> 00:18:42,401 >> ALLISON BUCHHOLTZ-AU: Gæti ekki mælt það fyrir vefsvæðið þitt. 445 00:18:42,401 --> 00:18:43,880 En með tilliti til okkar, munum það gera. 446 00:18:43,880 --> 00:18:46,294 >> TOMAS Reimers: Það er ekki góð litasamsetningu. 447 00:18:46,294 --> 00:18:49,210 ALLISON BUCHHOLTZ-AU: Jæja, gulur og blár eru mínar hár litir skóla. 448 00:18:49,210 --> 00:18:50,947 Ég veit ekki, þó. 449 00:18:50,947 --> 00:18:53,530 TOMAS Reimers: Allison er hár skólinn hafði mikil litasamsetningu. 450 00:18:53,530 --> 00:18:54,520 [Hlátur] 451 00:18:54,520 --> 00:18:59,120 Svo þá það sem við getum kallað er þetta Við skulum kalla this-- þannig að við höfum sérstakt 452 00:18:59,120 --> 00:19:00,030 og við höfum Pretty. 453 00:19:00,030 --> 00:19:02,405 Ég legg til, fyrir þetta, þú nota miklu meira lýsandi nöfn. 454 00:19:02,405 --> 00:19:05,820 ALLISON BUCHHOLTZ-AU: Já, myndi ég kalla þetta, eins og, gulur eða blár. 455 00:19:05,820 --> 00:19:08,314 >> TOMAS Reimers: Við erum ekki virkilega að gera alvöru heimasíðu, 456 00:19:08,314 --> 00:19:09,730 sem er ástæða þess að við erum ekki að gera það. 457 00:19:09,730 --> 00:19:11,521 En ef þú raunverulega hafði alvöru vefsíðu, þú 458 00:19:11,521 --> 00:19:16,220 gæti hafa, eins og grein haus, grein efni, fyrsta orðið, 459 00:19:16,220 --> 00:19:21,920 Svona hlutir, sem leyfa þú að vera miklu meira lýsandi. 460 00:19:21,920 --> 00:19:23,550 Þetta eru í raun bara eins og breytum. 461 00:19:23,550 --> 00:19:28,390 Þeir ættu að vera heitir á þann hátt þar sem þú getur, like-- já, eins og svo. 462 00:19:28,390 --> 00:19:29,470 Perfect. 463 00:19:29,470 --> 00:19:30,480 >> Svo bakgrunnslit. 464 00:19:30,480 --> 00:19:35,920 Og þá erum við að fara að say-- svo leið til að breyta lit er bara "lit". 465 00:19:35,920 --> 00:19:38,412 Og við erum að fara að gera það blátt. 466 00:19:38,412 --> 00:19:40,150 Það er svalt. 467 00:19:40,150 --> 00:19:42,640 Svo nú höfum við Fyrstu tveir hafa sérstakt. 468 00:19:42,640 --> 00:19:45,972 Næsti er að fara að hafa "class = falleg." 469 00:19:45,972 --> 00:19:49,180 ALLISON BUCHHOLTZ-AU: Og þá munt þú langar að bæta við "nokkuð" til miðju einn. 470 00:19:49,180 --> 00:19:49,971 TOMAS Reimers: Yup. 471 00:19:49,971 --> 00:19:52,970 Og þá að miðju einn, að bæta við "nokkuð," hvað gerist 472 00:19:52,970 --> 00:19:56,880 er þú ert bara pláss. 473 00:19:56,880 --> 00:19:59,800 Svo bekknum eigindi er pláss aðskilin lista 474 00:19:59,800 --> 00:20:02,450 af öllum flokkum sem gilda um þessi merki. 475 00:20:02,450 --> 00:20:02,959 OK? 476 00:20:02,959 --> 00:20:05,750 Það er ekki eins og þetta tilheyrir einhvers konar sérstökum flokki sem kallast 477 00:20:05,750 --> 00:20:07,180 "Sérstakt, rúm, falleg." 478 00:20:07,180 --> 00:20:10,870 Það tilheyrir tveimur classes-- sérstakt og falleg. 479 00:20:10,870 --> 00:20:12,492 Já? 480 00:20:12,492 --> 00:20:14,360 Cool. 481 00:20:14,360 --> 00:20:17,010 >> Og þá ef við lítum á hvað gerist, við erum 482 00:20:17,010 --> 00:20:21,850 fara að sjá að fyrsta einn hefur gulur bakgrunnur, svartur texti. 483 00:20:21,850 --> 00:20:22,450 Second one-- 484 00:20:22,450 --> 00:20:26,160 >> ALLISON BUCHHOLTZ-AU: --has bold gulur bakgrunnur með bláum texta. 485 00:20:26,160 --> 00:20:29,330 Og síðasta okkar hefur bara blár texti sem við úthlutað henni. 486 00:20:29,330 --> 00:20:30,870 >> TOMAS Reimers: Cool? 487 00:20:30,870 --> 00:20:32,491 Hvernig selectors vinna? 488 00:20:32,491 --> 00:20:32,990 Awesome. 489 00:20:32,990 --> 00:20:34,720 >> ALLISON BUCHHOLTZ-AU: Viljum við tala um átökin nú þá? 490 00:20:34,720 --> 00:20:35,780 >> TOMAS Reimers: Svo já. 491 00:20:35,780 --> 00:20:36,310 Algjörlega. 492 00:20:36,310 --> 00:20:38,380 Svo gerist það ef þér hafa átök, ekki satt? 493 00:20:38,380 --> 00:20:44,740 Við skulum láta þá fyrstu setur upp eitthvað like-- 494 00:20:44,740 --> 00:20:47,240 ALLISON BUCHHOLTZ-AU: Kannski þetta breytir bakgrunn? 495 00:20:47,240 --> 00:20:48,090 TOMAS Reimers: Já. 496 00:20:48,090 --> 00:20:51,699 Þannig að við erum að fara að gera "fallegri" breyta bakgrunn laxi. 497 00:20:51,699 --> 00:20:54,740 ALLISON BUCHHOLTZ-AU: Þú ert bara með allur the mikill litir dag, Tomas. 498 00:20:54,740 --> 00:20:55,573 TOMAS Reimers: Já. 499 00:20:55,573 --> 00:20:58,200 Þar sem ég fann út að ég get nota lax sem alvöru lit. 500 00:20:58,200 --> 00:21:00,270 Þannig að við erum bara að fara að gera það. 501 00:21:00,270 --> 00:21:01,770 Ég held líka Sunset er alvöru litur. 502 00:21:01,770 --> 00:21:03,103 Áhorfendur: Sunset er alvöru litur? 503 00:21:03,103 --> 00:21:04,572 ALLISON BUCHHOLTZ-AU: Við skulum reyna það. 504 00:21:04,572 --> 00:21:07,735 TOMAS Reimers: Eftir þessa kynningu bara vegna þess að ef það boðberi upp, 505 00:21:07,735 --> 00:21:08,943 Ég vil ekki að vera kembiforrit. 506 00:21:08,943 --> 00:21:11,580 Þannig að við vitum lax er alvöru litur. 507 00:21:11,580 --> 00:21:15,626 Svo allir getspár á hvað er að fara að gerast? 508 00:21:15,626 --> 00:21:17,522 >> ALLISON BUCHHOLTZ-AU: Allir hugmynd? 509 00:21:17,522 --> 00:21:20,002 >> Áhorfendur: [inaudible]. 510 00:21:20,002 --> 00:21:20,920 >> TOMAS Reimers: Já. 511 00:21:20,920 --> 00:21:22,150 Svo þú got það nákvæmlega rétt. 512 00:21:22,150 --> 00:21:24,930 Í grundvallaratriðum, það tekur síðasta regla að það var gefið. 513 00:21:24,930 --> 00:21:27,860 >> ALLISON BUCHHOLTZ-AU: Svo er þetta þar Cascading kemur til framkvæmda. 514 00:21:27,860 --> 00:21:31,080 >> TOMAS Reimers: Svo man hvernig við hafði það Cascading Style Sheets? 515 00:21:31,080 --> 00:21:33,660 Svo eftir að við svona meina að við höfum fullt af reglum 516 00:21:33,660 --> 00:21:37,115 sem gilda ofan á hvor aðra, og þeir geta einnig hunsa hvert annað. 517 00:21:37,115 --> 00:21:39,380 >> ALLISON BUCHHOLTZ-AU: Svo hvað er neðst 518 00:21:39,380 --> 00:21:41,540 hefur forgang hvað er efst. 519 00:21:41,540 --> 00:21:45,842 Þú gætir hafa reglur sem alveg negate eitthvað fyrirfram. 520 00:21:45,842 --> 00:21:48,300 Það er líka hvers vegna þú vilt vera varkár þegar þú ert stíl, 521 00:21:48,300 --> 00:21:51,465 svo þú ert ekki að búa til reglur sem þú ert bara alveg hnekkir. 522 00:21:51,465 --> 00:21:53,340 >> TOMAS Reimers: Eða kannski þú vil að skrifa reglur. 523 00:21:53,340 --> 00:21:53,920 >> ALLISON BUCHHOLTZ-AU: Eða kannski þú. 524 00:21:53,920 --> 00:21:54,300 Já. 525 00:21:54,300 --> 00:21:57,175 >> TOMAS Reimers: Þykjast þú ert a flokki sem gildir flesta hluti, 526 00:21:57,175 --> 00:22:01,220 en við skulum segja að þú viljir breyta bakgrunnslit rautt og letur 527 00:22:01,220 --> 00:22:03,140 þyngd að bold fyrir flest hluti, en fyrir einn, 528 00:22:03,140 --> 00:22:06,098 þú vilt bara bakgrunnslit að vera rautt en þú vilt allar aðrar 529 00:22:06,098 --> 00:22:09,990 eiginleika, getur þú gert eitthvað eins og "font-weight = eðlilegt," 530 00:22:09,990 --> 00:22:12,760 sem myndi þá losa að djörf breyting. 531 00:22:12,760 --> 00:22:14,480 Já? 532 00:22:14,480 --> 00:22:17,250 Aftur, besta leiðin, held ég Allison segir að það, er bara æfa. 533 00:22:17,250 --> 00:22:18,080 >> ALLISON BUCHHOLTZ-AU: Tilraunir. 534 00:22:18,080 --> 00:22:20,090 >> TOMAS Reimers: Practice, æfa, æfa, og tilraun. 535 00:22:20,090 --> 00:22:22,950 Ég þekki fullt af fólki sem finnst CSS er bara fullt af giska-og-stöðva 536 00:22:22,950 --> 00:22:25,580 í lok dagsins, þar sem ef þú vilt gera something-- eins, 537 00:22:25,580 --> 00:22:27,663 þú ert með gróft hugmynd, en þú samt líklega þurfa 538 00:22:27,663 --> 00:22:31,390 að reyna það út að ganga úr skugga um þú veist hvað það lítur út. 539 00:22:31,390 --> 00:22:34,482 >> Áhorfendur: Þegar þú ert að sækja flokkar, fleiri en eitt 540 00:22:34,482 --> 00:22:37,339 til sömu málsgrein eða kafla, gerir það 541 00:22:37,339 --> 00:22:39,505 Sama hvaða röð þú getur slá þá inn í gæsalöppum? 542 00:22:39,505 --> 00:22:40,992 >> TOMAS Reimers: Nei, alls ekki. 543 00:22:40,992 --> 00:22:45,764 >> ALLISON BUCHHOLTZ-AU: Það sem skiptir máli er röð innan CSS stíll lak þinn. 544 00:22:45,764 --> 00:22:47,430 Áhorfendur: Gætirðu endurtaka spurningu? 545 00:22:47,430 --> 00:22:50,680 TOMAS Reimers: Oh. 546 00:22:50,680 --> 00:22:53,990 ALLISON BUCHHOLTZ-AU: Innan flokki, þegar þú ert að gefa flokkum 547 00:22:53,990 --> 00:22:56,964 eitthvað í HTML, gerir það máli hvaða röð þeir eru í? 548 00:22:56,964 --> 00:22:58,130 Það skiptir ekki máli í röð. 549 00:22:58,130 --> 00:23:02,915 Það sem skiptir máli er röð af flokki selectors innan CSS þinn, 550 00:23:02,915 --> 00:23:04,306 innan stíll lak þinn. 551 00:23:04,306 --> 00:23:06,982 >> TOMAS Reimers: Sound gott? 552 00:23:06,982 --> 00:23:08,532 >> ALLISON BUCHHOLTZ-AU: Lovely. 553 00:23:08,532 --> 00:23:11,539 >> TOMAS Reimers: Og þá við erum að fara að halda áfram to-- 554 00:23:11,539 --> 00:23:13,330 ALLISON BUCHHOLTZ-AU: Hvað höfum við næst? 555 00:23:13,330 --> 00:23:14,245 Ég gleymi. 556 00:23:14,245 --> 00:23:16,087 Oh, við höfum bara dæmi. 557 00:23:16,087 --> 00:23:17,295 En við höfum konar gert þeim. 558 00:23:17,295 --> 00:23:18,990 Við höfum gert dæmi á flugu. 559 00:23:18,990 --> 00:23:20,540 >> TOMAS Reimers: Við fáum að sameina selectors fljótlega. 560 00:23:20,540 --> 00:23:22,790 >> ALLISON BUCHHOLTZ-AU: Oh, fáum við að sameina selectors. 561 00:23:22,790 --> 00:23:25,260 TOMAS Reimers: Svo sumir dæmi er að við höfum 562 00:23:25,260 --> 00:23:29,630 # Dog-- pund, eða hashtag, eða octothorpe, eða hvað 563 00:23:29,630 --> 00:23:32,050 þú vilt hringja that-- skarpur. 564 00:23:32,050 --> 00:23:34,875 >> ALLISON BUCHHOLTZ-AU: Sharp hundur. 565 00:23:34,875 --> 00:23:36,470 >> TOMAS Reimers: Síðan sem þú ert .pets. 566 00:23:36,470 --> 00:23:39,059 567 00:23:39,059 --> 00:23:41,600 Eitthvað hefur id hundur, það er bara einn hundur á síðunni. 568 00:23:41,600 --> 00:23:43,870 Eitthvað hefur id köttur, það er aðeins einn köttur. 569 00:23:43,870 --> 00:23:45,665 Það geta margir gæludýr á síðunni. 570 00:23:45,665 --> 00:23:47,570 Þess vegna höfum við gaf það bekkjum. 571 00:23:47,570 --> 00:23:48,740 Þú ert dæmi um p. 572 00:23:48,740 --> 00:23:50,490 Og þá svo einn af síðasta dæmi, sem 573 00:23:50,490 --> 00:23:53,790 er eitthvað sem við höfum ekki talað um, er það sem gerist þegar þú sameina þær. 574 00:23:53,790 --> 00:23:54,580 Svo p.pets. 575 00:23:54,580 --> 00:23:57,510 576 00:23:57,510 --> 00:24:02,950 >> Svo fyrir það, við skulum fara aftur til númer og kynna another-- já. 577 00:24:02,950 --> 00:24:04,290 Svo aftur hér. 578 00:24:04,290 --> 00:24:04,850 >> ALLISON BUCHHOLTZ-AU: I finnst eins og þetta er really-- 579 00:24:04,850 --> 00:24:08,105 eins bara að horfa í gegnum dæmi er í raun leið til að læra þetta. 580 00:24:08,105 --> 00:24:09,360 Svo er það sem við erum að gera. 581 00:24:09,360 --> 00:24:14,030 >> TOMAS Reimers: Svo skulum þykjast vér aðeins vilja til að velja texta 2, rétt? 582 00:24:14,030 --> 00:24:16,530 Þannig að við getum örugglega ekki gera það með persónuskilríki. 583 00:24:16,530 --> 00:24:19,620 Jæja, við gerum það með að persónuskilríki, en það þýðir ekki að hafa persónuskilríki. 584 00:24:19,620 --> 00:24:22,490 Ég gæti bætt einn, en við skulum þykjast að ég vildi ekki að bæta við einum 585 00:24:22,490 --> 00:24:24,910 eða það hefur þegar eitthvað annað. 586 00:24:24,910 --> 00:24:26,516 Ég get ekki gert það með það. 587 00:24:26,516 --> 00:24:28,870 The tag er örugglega ekki einsdæmi, ekki satt? 588 00:24:28,870 --> 00:24:30,670 Og hvorki er í bekknum. 589 00:24:30,670 --> 00:24:32,314 En þú getur sameinað þetta. 590 00:24:32,314 --> 00:24:35,230 Segjum að við vildum gera eitthvað sem gildir aðeins um hluti sem 591 00:24:35,230 --> 00:24:39,420 hafa bekknum sérstakt og sem hafa bekknum falleg. 592 00:24:39,420 --> 00:24:48,150 >> Svo hvað þú getur gert er í main.css, þú getur sagt, við skulum fyrst að eyða þessu. 593 00:24:48,150 --> 00:24:50,240 Þú getur sameinað þessi. 594 00:24:50,240 --> 00:24:51,430 Svo þú getur gert .special. 595 00:24:51,430 --> 00:24:52,110 Engin rúm. 596 00:24:52,110 --> 00:24:54,770 Bara .special.pretty. 597 00:24:54,770 --> 00:25:00,550 Hvað það þýðir er eitthvað sem er bæði sérstakt og falleg. 598 00:25:00,550 --> 00:25:01,900 Er að skynsamleg? 599 00:25:01,900 --> 00:25:04,190 Og ef við förum hér, hvað þú ert að fara að sjá 600 00:25:04,190 --> 00:25:09,734 er þessi regla á aðeins við um second einn, sem hefur bæði af þeim. 601 00:25:09,734 --> 00:25:11,400 Og þú getur gert það fyrir fullt af hlutum. 602 00:25:11,400 --> 00:25:13,270 Þú getur say-- skulum þykjast Ég vildi bara 603 00:25:13,270 --> 00:25:18,300 að gera hluti sem hafa bekknum nokkuð og sem eru einnig lið tag. 604 00:25:18,300 --> 00:25:19,920 Svo p.pretty. 605 00:25:19,920 --> 00:25:23,585 Við skulum láta sem ég hafði eitthvað frekar á tag líkamanum. 606 00:25:23,585 --> 00:25:25,850 OK? 607 00:25:25,850 --> 00:25:28,490 Ég get keyrt þetta og ég má sjá að það er bara 608 00:25:28,490 --> 00:25:32,720 fara að eiga við hluti sem eru málsgreinar með bekknum falleg. 609 00:25:32,720 --> 00:25:35,650 Og þú getur sameinað þessi, grundvallaratriðum, eins og margir eins og þú vilt. 610 00:25:35,650 --> 00:25:38,580 Svo þú getur bara sett þá saman. 611 00:25:38,580 --> 00:25:39,604 Er að skynsamleg? 612 00:25:39,604 --> 00:25:41,770 ALLISON BUCHHOLTZ-AU: Svo af þessu tagi er meira gagni 613 00:25:41,770 --> 00:25:45,490 þegar Tomas var að segja áðan, kannski þú ert með mjög flókinn vef, 614 00:25:45,490 --> 00:25:48,050 og þú hefur nú þegar mikið reglna þessara skrifað, 615 00:25:48,050 --> 00:25:51,170 og þú þarft bara að sameina tvö undan. 616 00:25:51,170 --> 00:25:55,350 Eins stað þess að skrifa í heild Ný val og breyta því þar, 617 00:25:55,350 --> 00:25:58,592 þú getur bara sameina þá þar sem það skarast. 618 00:25:58,592 --> 00:26:00,670 >> TOMAS Reimers: Eða þú gæti fundið out-- stundum 619 00:26:00,670 --> 00:26:04,290 það er einn flokkur sem gerir lit Leturgerðin er eins blátt, 620 00:26:04,290 --> 00:26:06,740 og það er annar flokkur sem gerir bakgrunnur blár. 621 00:26:06,740 --> 00:26:07,840 Og það bara virkar ekki. 622 00:26:07,840 --> 00:26:10,924 Svo þú skrifar sérstakt tilfelli, þar sem, like-- en ef það hefur bæði, hvað þú ert 623 00:26:10,924 --> 00:26:13,548 að fara að gera er að þú ert að fara að gera þetta einn þetta litbrigði af bláum lit 624 00:26:13,548 --> 00:26:15,310 og þetta þetta önnur litbrigði af bláum. 625 00:26:15,310 --> 00:26:15,580 Ekki satt? 626 00:26:15,580 --> 00:26:17,955 >> ALLISON BUCHHOLTZ-AU: Good fyrir þeim tegundum undantekningum. 627 00:26:17,955 --> 00:26:21,220 TOMAS Reimers: Svo til hugsa um vandamál 628 00:26:21,220 --> 00:26:25,000 sem gæti komið upp þegar þú sameina þær. 629 00:26:25,000 --> 00:26:27,020 Cool. 630 00:26:27,020 --> 00:26:29,692 Svo aftur að kynningu okkar. 631 00:26:29,692 --> 00:26:31,400 ALLISON BUCHHOLTZ-AU: Við erum næstum þarna. 632 00:26:31,400 --> 00:26:34,022 TOMAS Reimers: Og það hefur hætt tengingu. 633 00:26:34,022 --> 00:26:36,494 ALLISON BUCHHOLTZ-AU: Oh, nr. 634 00:26:36,494 --> 00:26:39,125 ALLISON BUCHHOLTZ-AU: CS á skrifstofu, internet fer niður. 635 00:26:39,125 --> 00:26:40,360 Ó, kaldhæðni. 636 00:26:40,360 --> 00:26:45,620 >> TOMAS Reimers: Svo sem betur fer, getum við kynna án þess að internetið, held ég, 637 00:26:45,620 --> 00:26:47,380 vegna þess að við höfum öll skyggnur hér. 638 00:26:47,380 --> 00:26:49,304 Svo skulum við tala um tengsl tags. 639 00:26:49,304 --> 00:26:50,470 ALLISON BUCHHOLTZ-AU: Hægri. 640 00:26:50,470 --> 00:26:52,660 Svo bara svona að fara burt af því Tomas sagði, 641 00:26:52,660 --> 00:26:54,180 þetta er bara önnur leið til að gera það. 642 00:26:54,180 --> 00:26:57,840 Þannig að við höfum sumir foreldri selector með barn val. 643 00:26:57,840 --> 00:27:02,815 Svo í þessu dæmi hér, við höfum sumir líkami með bekknum valstiku, flokkur hnappinn. 644 00:27:02,815 --> 00:27:03,315 Ah. 645 00:27:03,315 --> 00:27:03,990 >> TOMAS Reimers: Oh, því miður. 646 00:27:03,990 --> 00:27:06,180 >> ALLISON BUCHHOLTZ-AU: Og grundvallaratriðum, hvað þetta þýðir 647 00:27:06,180 --> 00:27:11,070 er að velja öll börn, eins og allar þessar tegundir af selectors, 648 00:27:11,070 --> 00:27:13,040 innan þessa foreldri val. 649 00:27:13,040 --> 00:27:16,004 Og þeir eru einir það er alltaf að fara að eiga við. 650 00:27:16,004 --> 00:27:17,755 Ég veit ekki hvort þér hafa betri leið of-- 651 00:27:17,755 --> 00:27:19,504 TOMAS Reimers: Svo ég giska á leið til að hugsa 652 00:27:19,504 --> 00:27:22,440 um þetta er að muna áður en hvernig við tegund af eins setja þá saman. 653 00:27:22,440 --> 00:27:26,340 Og þá þýðir að einn þáttur sem passar öllum. 654 00:27:26,340 --> 00:27:29,530 Hvað þetta er að segja er ég vilt þú að passa allt 655 00:27:29,530 --> 00:27:33,220 innan some-- ég vil þú að finna val. 656 00:27:33,220 --> 00:27:35,670 Og þá innan það, ég vil þú að passa nýja hluti. 657 00:27:35,670 --> 00:27:36,170 Ekki satt? 658 00:27:36,170 --> 00:27:40,900 Svo í CSS, það er allt um svona að vera fær um að passa þessa hluti. 659 00:27:40,900 --> 00:27:43,050 Og þú getur prófað að passa atriði innan annarra liða. 660 00:27:43,050 --> 00:27:46,510 >> Svo skulum raunverulega gera dæmi, og við teljum að munum skýra. 661 00:27:46,510 --> 00:27:53,090 Svo skulum þykjast við höfum sérstakt, sérstakt falleg, hvað sem er. 662 00:27:53,090 --> 00:27:55,690 Og þá höfum við tengil, OK? 663 00:27:55,690 --> 00:27:59,780 664 00:27:59,780 --> 00:28:02,370 Svo man, a er tengill. 665 00:28:02,370 --> 00:28:03,900 Það er ekki að fara að fara neitt. 666 00:28:03,900 --> 00:28:11,500 Og við erum að fara að gefa það bekknum tengilinn, held ég. 667 00:28:11,500 --> 00:28:13,335 Við skulum gefa það á class-- gefa mér hugmynd. 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-- skulum fara það bekknum falleg. 670 00:28:16,420 --> 00:28:16,930 Hvers vegna ekki? 671 00:28:16,930 --> 00:28:17,971 >> ALLISON BUCHHOLTZ-AU: OK. 672 00:28:17,971 --> 00:28:23,040 TOMAS Reimers: Svo núna Pretty Things 673 00:28:23,040 --> 00:28:26,000 eru að fara að gera bakgrunn blár, litur laxi. 674 00:28:26,000 --> 00:28:27,969 Það er vit í. 675 00:28:27,969 --> 00:28:28,760 Og ef við gerum this-- 676 00:28:28,760 --> 00:28:29,620 >> ALLISON BUCHHOLTZ-AU: Viltu bæta texta 677 00:28:29,620 --> 00:28:31,078 svo tengil maeta? 678 00:28:31,078 --> 00:28:35,088 TOMAS Reimers: Það væri góð hringja. 679 00:28:35,088 --> 00:28:37,921 ALLISON BUCHHOLTZ-AU: 'Cause rétt nú erum við bara að fá ekkert. 680 00:28:37,921 --> 00:28:39,690 TOMAS Reimers: Þannig að þetta er tengill. 681 00:28:39,690 --> 00:28:42,202 "Þetta er tengill." 682 00:28:42,202 --> 00:28:45,820 Oh, og þetta er að fara að vera annar hlekkur. 683 00:28:45,820 --> 00:28:47,280 Við skulum gefa það í bekknum "kúl." 684 00:28:47,280 --> 00:28:50,295 Þú ert rétt. 685 00:28:50,295 --> 00:28:50,795 Cool. 686 00:28:50,795 --> 00:28:53,590 687 00:28:53,590 --> 00:28:56,010 Svo núna erum við að fara að grípa þetta. 688 00:28:56,010 --> 00:28:57,269 Við erum að fara að kasta einn. 689 00:28:57,269 --> 00:28:59,060 Við höfum einn í sérstakt tag, og við líka 690 00:28:59,060 --> 00:29:01,150 eru að fara að hafa einn í nokkuð merkinu. 691 00:29:01,150 --> 00:29:05,449 Og núna það sem við erum að fara að gera er að við erum að fara að gera cool-- 692 00:29:05,449 --> 00:29:06,490 hvað við viljum að hún geri? 693 00:29:06,490 --> 00:29:10,347 694 00:29:10,347 --> 00:29:12,180 ALLISON BUCHHOLTZ-AU: Getum við gert það stærri? 695 00:29:12,180 --> 00:29:13,800 TOMAS Reimers: Við skulum gefa það a landamæri. 696 00:29:13,800 --> 00:29:14,840 ALLISON BUCHHOLTZ-AU: Við gætum landamæri. 697 00:29:14,840 --> 00:29:15,673 TOMAS Reimers: Já. 698 00:29:15,673 --> 00:29:18,560 Þannig að við erum að fara að gera eitthvað eins, landamæri is-- og við erum 699 00:29:18,560 --> 00:29:20,971 að fara að útskýra þetta allt í annað. 700 00:29:20,971 --> 00:29:21,470 Fyrir now-- 701 00:29:21,470 --> 00:29:24,592 >> ALLISON BUCHHOLTZ-AU: Til kassi líkan. 702 00:29:24,592 --> 00:29:27,300 TOMAS Reimers: En nú erum við bara að fara að gefa það a landamæri. 703 00:29:27,300 --> 00:29:29,580 Svo hvað það þýðir er að þú ert fara að sjá þessa tengla. 704 00:29:29,580 --> 00:29:32,788 Og þú ert að fara að sjá að þeir hafa þessi, eins og ljótu svartur landamæri, sem 705 00:29:32,788 --> 00:29:33,820 er kaldur. 706 00:29:33,820 --> 00:29:34,500 >> ALLISON BUCHHOLTZ-AU: Vefsíða okkar er svo falleg. 707 00:29:34,500 --> 00:29:35,333 >> TOMAS Reimers: Já. 708 00:29:35,333 --> 00:29:38,930 Vefsíða okkar er ógnvekjandi. 709 00:29:38,930 --> 00:29:41,585 Svo þessir tveir eru tenglar, og þeir birtast. 710 00:29:41,585 --> 00:29:44,160 Nú skulum þykjast I aðeins vildi gera þetta 711 00:29:44,160 --> 00:29:50,072 ef það var ekki í einhverju sem hafði bakgrunn laxi. 712 00:29:50,072 --> 00:29:52,280 Svo muna að þessu hefur bakgrunn á laxi, 713 00:29:52,280 --> 00:29:54,000 vegna þess að það er í flokki falleg. 714 00:29:54,000 --> 00:29:59,777 >> En við viljum að segja að aðeins kólnar sem eru í bekknum sérstakt, ekki í flokki 715 00:29:59,777 --> 00:30:02,890 falleg, ættu að hafa strikin. 716 00:30:02,890 --> 00:30:12,549 Jæja, hvað þú getur gert er að má segja, .special, rúm, .cool. 717 00:30:12,549 --> 00:30:15,590 Og hvað það er að gera, þegar þú heldur um það, er það í rauninni að segja, 718 00:30:15,590 --> 00:30:19,530 OK, finna mér allt sem passar sérstakt. 719 00:30:19,530 --> 00:30:24,104 Þá innan þessara tags, finna mér allt sem er flott. 720 00:30:24,104 --> 00:30:27,270 ALLISON BUCHHOLTZ-AU: Svo önnur leið sem gæti verið gott að hugsa um þetta, 721 00:30:27,270 --> 00:30:29,810 færa það aftur til C, er bara eins og the hugmynd af umfangi. 722 00:30:29,810 --> 00:30:34,020 Svo þegar þú ert sumir val, eins og þær 723 00:30:34,020 --> 00:30:38,460 að við höfum verið að vinna í áður en þetta, allt á vefsíðu þinni, öllum HTML 724 00:30:38,460 --> 00:30:40,180 er innan gildissviðs þinni, ekki satt? 725 00:30:40,180 --> 00:30:43,090 En þegar við höfum þetta sambönd foreldra og barns, 726 00:30:43,090 --> 00:30:47,130 það er eins og ef þú ert að minnka niður þar þú ert að leita að tilteknum stað, 727 00:30:47,130 --> 00:30:50,540 eins og ef, eins og við erum að leita innan a sérstakur virka staðinn 728 00:30:50,540 --> 00:30:52,007 af öllu skrá okkar. 729 00:30:52,007 --> 00:30:55,090 Áhorfendur: Svo með það í huga, myndi það hafa máli ef við hefðum changed-- 730 00:30:55,090 --> 00:30:56,423 ALLISON BUCHHOLTZ-AU: The röð? 731 00:30:56,423 --> 00:30:59,320 Áhorfendur: --the bekknum í CSS að .cool, rúm, .special? 732 00:30:59,320 --> 00:31:01,153 ALLISON BUCHHOLTZ-AU: Já, vegna þess að þá 733 00:31:01,153 --> 00:31:04,420 myndi segja, umfang það til allt sem hefur kaldur, 734 00:31:04,420 --> 00:31:07,235 og þá líta á hvaða has-- Ég meina, eins og, í þessu tilfelli, 735 00:31:07,235 --> 00:31:08,860 Ég held ekki að það hefði breytt því. 736 00:31:08,860 --> 00:31:10,318 >> TOMAS Reimers: Ef við hefðum sagt hvað? 737 00:31:10,318 --> 00:31:10,906 Því miður. 738 00:31:10,906 --> 00:31:12,660 >> ALLISON BUCHHOLTZ-AU: Ef við svigrúm henni að kólna og þá 739 00:31:12,660 --> 00:31:14,550 leita að hlutum úr sérstökum, það væri sama, reyndar. 740 00:31:14,550 --> 00:31:16,260 >> TOMAS Reimers: Þannig að það myndi ekki vera. 741 00:31:16,260 --> 00:31:16,590 >> ALLISON BUCHHOLTZ-AU: Það væri ekki? 742 00:31:16,590 --> 00:31:17,590 Oh, ó vel. 743 00:31:17,590 --> 00:31:18,090 Ég er rangt. 744 00:31:18,090 --> 00:31:21,480 >> TOMAS Reimers: Svo ástæðan það er different-- sameiginlegt mistake-- 745 00:31:21,480 --> 00:31:27,140 er það núna bara Tengillinn er kaldur, ekki satt? 746 00:31:27,140 --> 00:31:32,176 Ég giska Spurning mín krakkar er, hvað á þessari síðu er mætt með .cool? 747 00:31:32,176 --> 00:31:35,984 748 00:31:35,984 --> 00:31:38,340 Það eru tvær merkingar hér, ekki satt? 749 00:31:38,340 --> 00:31:39,770 Hver er þetta og þetta. 750 00:31:39,770 --> 00:31:40,590 Bæði passa flott. 751 00:31:40,590 --> 00:31:42,200 Ekkert annað er. 752 00:31:42,200 --> 00:31:46,460 Svo ef þú segir, .cool, rúm, .special, hvað þú ert að fara að segja er, 753 00:31:46,460 --> 00:31:48,824 innan þessara tags, hvað er sérstakt? 754 00:31:48,824 --> 00:31:49,865 ALLISON BUCHHOLTZ-AU: Hm. 755 00:31:49,865 --> 00:31:51,800 Það er það sem it-- rétt. 756 00:31:51,800 --> 00:31:52,310 Vegna þess að það er eins og bara eitthvað hér. 757 00:31:52,310 --> 00:31:53,310 >> TOMAS Reimers: Svo það velur ekkert. 758 00:31:53,310 --> 00:31:56,530 >> ALLISON BUCHHOLTZ-AU: Rétt við sérstakt, við erum á þessum merkjum hér. 759 00:31:56,530 --> 00:31:57,971 >> TOMAS Reimers: Þeir og þeir. 760 00:31:57,971 --> 00:31:58,512 Áhorfendur: OK. 761 00:31:58,512 --> 00:31:58,920 Svo þessir merki frá skástrik? 762 00:31:58,920 --> 00:31:59,740 >> TOMAS Reimers: Já. 763 00:31:59,740 --> 00:32:01,150 Er að skynsamleg? 764 00:32:01,150 --> 00:32:03,685 Hvernig það er í grundvallaratriðum reyna að þrengja gildissvið. 765 00:32:03,685 --> 00:32:04,810 ALLISON BUCHHOLTZ-AU: Já. 766 00:32:04,810 --> 00:32:06,870 Ég held það er líklega Auðveldasta leiðin til að hugsa um það. 767 00:32:06,870 --> 00:32:09,270 >> TOMAS Reimers: Svo við fundum þetta, og Okkur fannst þetta bæði Viðburður sérstakt. 768 00:32:09,270 --> 00:32:11,400 Og þá spyrjum við, innan þessir krakkar, hvað er kaldur? 769 00:32:11,400 --> 00:32:12,941 Og innan þessa einu, kaldur þessa manns. 770 00:32:12,941 --> 00:32:14,500 Innan þessa einn, ekkert er svalt. 771 00:32:14,500 --> 00:32:16,250 Svo er þetta eina merki sem enn. 772 00:32:16,250 --> 00:32:20,112 >> ALLISON BUCHHOLTZ-AU: Nauðsynlegt kaldur er bara innan þessara a tags þar. 773 00:32:20,112 --> 00:32:21,070 TOMAS Reimers: Einmitt. 774 00:32:21,070 --> 00:32:22,403 Og hvað er sérstakt innan þá? 775 00:32:22,403 --> 00:32:22,930 Ekkert. 776 00:32:22,930 --> 00:32:25,270 Nú, það sem ég mun segja er ef það var ekkert pláss, 777 00:32:25,270 --> 00:32:29,880 þú ert að spyrja hvað er flott og special-- eða hvað er falleg og sérstök, ekki satt? 778 00:32:29,880 --> 00:32:35,370 Ef þú segir .special.pretty, það er sama og .pretty.special. 779 00:32:35,370 --> 00:32:39,220 >> Vegna þess að það að fjarlægja rúm er spyrja er, þegar þú segir .special, 780 00:32:39,220 --> 00:32:40,970 þú ert að spyrja, OK, hver sjálfur ert sérstakur? 781 00:32:40,970 --> 00:32:43,780 Og þá af þeim, sem sjálfur ert líka falleg, 782 00:32:43,780 --> 00:32:47,010 sem er sama, málfræðilega, sem spyrja, hvað er falleg, 783 00:32:47,010 --> 00:32:49,500 og þá af þeim, hvað er líka sérstakt? 784 00:32:49,500 --> 00:32:50,000 Ekki satt? 785 00:32:50,000 --> 00:32:53,099 Það er munurinn á hvað er í hvað er. 786 00:32:53,099 --> 00:32:53,640 Áhorfendur: OK. 787 00:32:53,640 --> 00:32:54,473 TOMAS Reimers: Já. 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 Svo með það í huga then-- 791 00:33:00,426 --> 00:33:01,800 >> ALLISON BUCHHOLTZ-AU: Ég held síðast okkar Málið er (í fínum BRITISH Hreim) 792 00:33:01,800 --> 00:33:02,510 kassi líkan. 793 00:33:02,510 --> 00:33:05,992 >> TOMAS Reimers: The box-- [chuckles] Ég elska hvernig Allison segir að. 794 00:33:05,992 --> 00:33:06,950 Þannig að kassi líkan hlutur. 795 00:33:06,950 --> 00:33:09,644 >> ALLISON BUCHHOLTZ-AU: Bara kassi, ég ætla að kassi líkan þínum. 796 00:33:09,644 --> 00:33:11,310 TOMAS Reimers: Svo skulum við tala um það. 797 00:33:11,310 --> 00:33:14,070 Svo núna við höfum eytt miklum tíma að tala um selectors. 798 00:33:14,070 --> 00:33:16,944 Með því að nú eru þið sennilega, eins og, Meistarar selectors-- þú veist, 799 00:33:16,944 --> 00:33:21,510 hvernig á að nákvæmlega velja efni sem þú vilt vinna á skjánum þínum. 800 00:33:21,510 --> 00:33:24,740 >> Svo nú er spurningin, hvernig nákvæmlega getur þú vinna það? 801 00:33:24,740 --> 00:33:27,010 Svo ég held að flestum undirstöðu leið til að hugsa um það 802 00:33:27,010 --> 00:33:30,294 er vel, hvað nákvæmlega er liður í CSS? 803 00:33:30,294 --> 00:33:32,585 Við höfum eytt miklum tíma að tala um, hvað er tag, 804 00:33:32,585 --> 00:33:36,140 eða hvað er the undirstöðu framsetning á merkinu? 805 00:33:36,140 --> 00:33:39,870 806 00:33:39,870 --> 00:33:45,170 >> Góð leið til að hugsa um sem er, hvaða form er lax? 807 00:33:45,170 --> 00:33:47,295 Hvaða form er, eins og er lax-lituðum bakgrunni? 808 00:33:47,295 --> 00:33:47,880 >> Áhorfendur: Það er rétthyrningur. 809 00:33:47,880 --> 00:33:49,040 >> TOMAS Reimers: Það er rétthyrningur, ekki satt? 810 00:33:49,040 --> 00:33:50,956 >> ALLISON BUCHHOLTZ-AU: Var ekki bragð spurning. 811 00:33:50,956 --> 00:33:51,870 [Hlátur] 812 00:33:51,870 --> 00:33:54,670 >> TOMAS Reimers: Ekki reyna að plata ykkur svona seint. 813 00:33:54,670 --> 00:33:57,510 Þannig að við höfum þetta rétthyrningur. 814 00:33:57,510 --> 00:33:59,140 Og tag er p, ekki satt? 815 00:33:59,140 --> 00:34:02,280 Svo gefur það okkur gott trú að ákvæðið 816 00:34:02,280 --> 00:34:07,440 er táknuð sem rétthyrningur, að minnsta amk í huga vafranum, sem 817 00:34:07,440 --> 00:34:08,715 það er. 818 00:34:08,715 --> 00:34:11,423 >> ALLISON BUCHHOLTZ-AU: Ég meina, vafrar eru yfirleitt rétthyrnd, 819 00:34:11,423 --> 00:34:13,440 svo það er vit í. 820 00:34:13,440 --> 00:34:18,750 >> TOMAS Reimers: Hugmyndin hér er að öll af merkjunum innan CSS 821 00:34:18,750 --> 00:34:21,790 eiga fulltrúa sem rétthyrningur. 822 00:34:21,790 --> 00:34:25,699 Og hvert rétthyrningur hefur fjórum hlutar samkvæmt CSS, OK? 823 00:34:25,699 --> 00:34:27,830 Þú hefur í raun efni. 824 00:34:27,830 --> 00:34:29,644 Það er þar sem textinn liggur. 825 00:34:29,644 --> 00:34:30,470 >> ALLISON BUCHHOLTZ-AU: Kannski myndin. 826 00:34:30,470 --> 00:34:31,303 >> TOMAS Reimers: Já. 827 00:34:31,303 --> 00:34:33,860 Þú hefur padding, sem er bara einhvers konar hvítt rúm. 828 00:34:33,860 --> 00:34:35,085 Síðan sem þú ert með landamæri. 829 00:34:35,085 --> 00:34:37,710 Og þá verður þú framlegð, sem er hvítt rúm utan þess. 830 00:34:37,710 --> 00:34:39,460 Svo sem gerir ekkert vit að einhver, þannig að við erum 831 00:34:39,460 --> 00:34:42,500 fara að tala um það fyrir a second. 832 00:34:42,500 --> 00:34:47,570 Svo hérna, hvað við erum að fara að gera er að við erum að fara að búa til nokkrar Divs, OK? 833 00:34:47,570 --> 00:34:48,420 Afsakið mig á meðan I-- 834 00:34:48,420 --> 00:34:51,506 >> ALLISON BUCHHOLTZ-AU: Mér finnst eins og við ættum að setja sætur mynd í. 835 00:34:51,506 --> 00:34:52,520 >> TOMAS Reimers: Við ákveðið að. 836 00:34:52,520 --> 00:34:53,389 >> ALLISON BUCHHOLTZ-AU: Mér finnst eins og allir 837 00:34:53,389 --> 00:34:54,870 gæti notið góðs af a sætur mynd, er allur. 838 00:34:54,870 --> 00:34:56,774 >> TOMAS Reimers: Getum við allt njóta góðs af a-- 839 00:34:56,774 --> 00:34:57,648 >> Áhorfendur: Já, viss. 840 00:34:57,648 --> 00:34:58,790 TOMAS Reimers: OK, flott. 841 00:34:58,790 --> 00:35:02,254 Svo við ættum að setja sætur mynd í somewhere. 842 00:35:02,254 --> 00:35:05,295 ALLISON BUCHHOLTZ-AU: Mér líður eins og sætur kanína gæti verið gagnlegt núna. 843 00:35:05,295 --> 00:35:06,190 TOMAS Reimers: Jú. 844 00:35:06,190 --> 00:35:06,950 ALLISON BUCHHOLTZ-AU: End vikunnar. 845 00:35:06,950 --> 00:35:07,390 Hafa eitthvað adorab-- 846 00:35:07,390 --> 00:35:08,520 >> TOMAS Reimers: Hvernig lota kettlingur? 847 00:35:08,520 --> 00:35:09,220 >> ALLISON BUCHHOLTZ-AU: A kettlingur virkar líka. 848 00:35:09,220 --> 00:35:11,300 >> TOMAS Reimers: Cool, því það er staður fyrir það. 849 00:35:11,300 --> 00:35:12,300 Það heitir PlaceKitten. 850 00:35:12,300 --> 00:35:14,719 ALLISON BUCHHOLTZ-AU: Það er frábært. 851 00:35:14,719 --> 00:35:15,510 TOMAS Reimers: Já. 852 00:35:15,510 --> 00:35:18,040 ALLISON BUCHHOLTZ-AU: Bara fyrir, eins og, Pláss myndir í vefsíðuna þína. 853 00:35:18,040 --> 00:35:18,914 TOMAS Reimers: Mm-HM. 854 00:35:18,914 --> 00:35:21,520 Það er líka PlacePuppy. 855 00:35:21,520 --> 00:35:22,832 Og það er PlaceBacon. 856 00:35:22,832 --> 00:35:24,340 >> ALLISON BUCHHOLTZ-AU: PlaceBacon? 857 00:35:24,340 --> 00:35:25,350 Really? 858 00:35:25,350 --> 00:35:28,190 >> TOMAS Reimers: Oh, eigum við ekki hafa internet hér. 859 00:35:28,190 --> 00:35:29,875 >> ALLISON BUCHHOLTZ-AU: [groans] 860 00:35:29,875 --> 00:35:30,375 Sorglegt. 861 00:35:30,375 --> 00:35:32,333 TOMAS Reimers: Annars Ég myndi sýna ykkur 862 00:35:32,333 --> 00:35:33,870 hvernig á að setja myndir í vefsíðuna þína. 863 00:35:33,870 --> 00:35:36,370 Við erum að fara að reyna að fá þetta vinna áður en við verðum að fara. 864 00:35:36,370 --> 00:35:38,660 En nú erum við bara fara að tala í litum þá. 865 00:35:38,660 --> 00:35:39,820 Við viljum að setja myndir af kittens-- 866 00:35:39,820 --> 00:35:40,210 >> ALLISON BUCHHOLTZ-AU: Við gerðum. 867 00:35:40,210 --> 00:35:43,110 >> TOMAS Reimers: --the internet er niður í bili að vera. 868 00:35:43,110 --> 00:35:47,820 Þannig að við höfum tvær Divs, og við erum að fara að gefa þeim tvo auðkenni. 869 00:35:47,820 --> 00:35:51,380 870 00:35:51,380 --> 00:35:56,760 Við erum að fara að kalla það "Fyrst" og "second." 871 00:35:56,760 --> 00:36:01,184 Svo id = "fyrst." 872 00:36:01,184 --> 00:36:02,850 Og við erum að fara að gefa þeim tvo liti. 873 00:36:02,850 --> 00:36:08,424 Svo hvernig gera við að velja eitthvað með id "fyrsta"? 874 00:36:08,424 --> 00:36:09,840 ALLISON BUCHHOLTZ-AU: Dot eða kjötkássa? 875 00:36:09,840 --> 00:36:10,730 Áhorfendur: Sharp. 876 00:36:10,730 --> 00:36:12,940 TOMAS Reimers: Sharp, fullkominn. 877 00:36:12,940 --> 00:36:14,950 Sharp, kjötkássa, hvað we-- 878 00:36:14,950 --> 00:36:15,680 >> ALLISON BUCHHOLTZ-AU: Fullt af hlutum til að kalla það. 879 00:36:15,680 --> 00:36:16,430 >> TOMAS Reimers: OK. 880 00:36:16,430 --> 00:36:19,800 Við erum að fara að setjast á hashtag, og það er það sem við erum að fara að fara með. 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: Svo hashtag fyrst. 884 00:36:22,340 --> 00:36:24,506 >> ALLISON BUCHHOLTZ-AU: Svo þú getur kvak sem seminar-- 885 00:36:24,506 --> 00:36:27,582 hashtag CSS, hashtag kaldur. 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 Æðisleikastuðull, já. 888 00:36:30,730 --> 00:36:31,480 TOMAS Reimers: OK. 889 00:36:31,480 --> 00:36:33,660 Þannig að við höfum "fyrsta" og "annað". 890 00:36:33,660 --> 00:36:37,697 Svo fyrst, við erum að fara að hafa a litur rauður. 891 00:36:37,697 --> 00:36:39,030 ALLISON BUCHHOLTZ-AU: Uh, ristill. 892 00:36:39,030 --> 00:36:40,281 TOMAS Reimers: Yup. 893 00:36:40,281 --> 00:36:42,281 ALLISON BUCHHOLTZ-AU: Ég ætla að þinn blettur-afgreiðslumaður. 894 00:36:42,281 --> 00:36:43,960 TOMAS Reimers: Allison fékk mér. 895 00:36:43,960 --> 00:36:45,830 Background-litur blue-- 896 00:36:45,830 --> 00:36:46,810 >> TOMAS Reimers: Purple! 897 00:36:46,810 --> 00:36:47,726 >> TOMAS Reimers: Purple. 898 00:36:47,726 --> 00:36:48,830 ALLISON BUCHHOLTZ-AU: Já. 899 00:36:48,830 --> 00:36:50,630 Uppáhalds liturinn minn Purple, og við höfum ekki notað það enn. 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 Það virkar. 903 00:36:53,860 --> 00:36:56,482 904 00:36:56,482 --> 00:36:59,880 >> TOMAS Reimers: Þannig að við erum fara að hafa tvær Divs. 905 00:36:59,880 --> 00:37:01,654 Þeir eru að fara að vera algerlega tóm. 906 00:37:01,654 --> 00:37:03,070 Við ættum líklega að hafa einhvern texta. 907 00:37:03,070 --> 00:37:05,580 908 00:37:05,580 --> 00:37:09,815 Svo "fyrsta" er að fara að vera "HELLO." 909 00:37:09,815 --> 00:37:10,940 Og "annað" mun say-- 910 00:37:10,940 --> 00:37:11,110 >> ALLISON BUCHHOLTZ-AU: Goodbye. 911 00:37:11,110 --> 00:37:12,514 >> Áhorfendur: - "WORLD." 912 00:37:12,514 --> 00:37:14,122 Halló, bless. 913 00:37:14,122 --> 00:37:16,580 ALLISON BUCHHOLTZ-AU: Ég sá þá á tónleikum hinn viku. 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: Fyrir reals. 916 00:37:20,242 --> 00:37:21,200 Þeir eru ekki það mikill. 917 00:37:21,200 --> 00:37:24,084 918 00:37:24,084 --> 00:37:24,750 Ég er ekki eins og það. 919 00:37:24,750 --> 00:37:26,060 >> TOMAS Reimers: Við höfum "Halló" og "bless." 920 00:37:26,060 --> 00:37:29,102 Og aftur, CSS er bara æðisleg, vegna þess að það færir liti okkar. 921 00:37:29,102 --> 00:37:30,810 Ekki þarf að jafnvel áhyggjur af því að þær eru til. 922 00:37:30,810 --> 00:37:33,194 Þeir gera. 923 00:37:33,194 --> 00:37:35,130 >> ALLISON BUCHHOLTZ-AU: Þeir eru. 924 00:37:35,130 --> 00:37:39,560 >> TOMAS Reimers: Svo CSS ég held hefur 255 orð til að tala um litinn. 925 00:37:39,560 --> 00:37:42,986 Ef þú er að hugsa um lit utan þá 255, eins og ég mun vera hrifinn. 926 00:37:42,986 --> 00:37:44,110 ALLISON BUCHHOLTZ-AU: Já. 927 00:37:44,110 --> 00:37:45,560 Ég held að þú krakkar geta haft bara koma í rétt eftir. 928 00:37:45,560 --> 00:37:47,727 >> TOMAS Reimers: Svo hér, þú munt sjá að við höfum tvo kassa 929 00:37:47,727 --> 00:37:49,143 rétt ofan á hvor aðra, ekki satt? 930 00:37:49,143 --> 00:37:50,200 HELLO og bless. 931 00:37:50,200 --> 00:37:51,460 >> ALLISON BUCHHOLTZ-AU: Það er ekki pláss á milli. 932 00:37:51,460 --> 00:37:53,390 Þeir eru bara smooshed rétt ofan á hvern annan. 933 00:37:53,390 --> 00:37:55,973 >> TOMAS Reimers: Svo það fyrsta sem Ég held að við ættum að tala um 934 00:37:55,973 --> 00:38:02,960 er skulum say-- einnig já. 935 00:38:02,960 --> 00:38:08,020 Svo CSS táknar hann sem eins konar kassa. 936 00:38:08,020 --> 00:38:10,100 Og eins og kassa, þeir hafa efni. 937 00:38:10,100 --> 00:38:14,540 Og efni núna er eins konar Hello eða bless og það er það. 938 00:38:14,540 --> 00:38:15,040 OK? 939 00:38:15,040 --> 00:38:19,790 >> Svo einn af the fyrstur hlutur þú getur gert er að þú getur bætt padding. 940 00:38:19,790 --> 00:38:25,610 Padding segir hversu mikið pláss það ætti að fara á hvorri hlið. 941 00:38:25,610 --> 00:38:29,200 Svo skulum segja að ég vil segja 10 punktar á hverri hlið. 942 00:38:29,200 --> 00:38:31,234 Og ég mun kryfja það í annað. 943 00:38:31,234 --> 00:38:33,150 ALLISON BUCHHOLTZ-AU: Allir þessir hlutir hér 944 00:38:33,150 --> 00:38:36,980 eru að fara að vera að mestu leyti í dílar fyrir the hvíla af námskeiðinu. 945 00:38:36,980 --> 00:38:40,980 Þú ert að fara að sjá að það hefur sumir rúm í kringum það, ekki satt? 946 00:38:40,980 --> 00:38:46,360 Svo hvað þú sérð ekki hér er að það er þetta ósýnilega konar padding 947 00:38:46,360 --> 00:38:49,600 á hvorri hlið, sem segir, eins og, OK, þú kassi af content-- 948 00:38:49,600 --> 00:38:51,680 >> ALLISON BUCHHOLTZ-AU: Viltu bara að draga upp að skoða frumefni? 949 00:38:51,680 --> 00:38:53,659 >> TOMAS Reimers: Já, það er góð hugmynd. 950 00:38:53,659 --> 00:38:56,700 ALLISON BUCHHOLTZ-AU: Einnig finnst mér að skoða frumefni er góð leið 951 00:38:56,700 --> 00:39:01,280 að reikna út ef eitthvað er að fara rangt, eitthvað óvænt gerist, 952 00:39:01,280 --> 00:39:04,570 eftirlitsmaður merkin og sjá hvað það er eins og plága er gagnlegt. 953 00:39:04,570 --> 00:39:05,940 >> TOMAS Reimers: Svo ég er ekki viss ef þú krakkar geta séð þennan lit. 954 00:39:05,940 --> 00:39:06,470 Getur þú? 955 00:39:06,470 --> 00:39:10,120 Þú munt sjá þetta padding á einhverskonar brún. 956 00:39:10,120 --> 00:39:13,410 Og þá sérðu í raun efni í bláum, ekki satt? 957 00:39:13,410 --> 00:39:16,820 Svo er það mjög Grunnurinn af kassi líkan. 958 00:39:16,820 --> 00:39:17,674 Þú hefur efni. 959 00:39:17,674 --> 00:39:18,590 Síðan sem þú ert padding. 960 00:39:18,590 --> 00:39:20,440 >> Áhorfendur: Hvers vegna ekki bara nota kassann inni the-- 961 00:39:20,440 --> 00:39:21,606 >> ALLISON BUCHHOLTZ-AU: Hægri. 962 00:39:21,606 --> 00:39:24,745 Vegna þess að það er bara að velja þátturinn núna. 963 00:39:24,745 --> 00:39:26,050 >> TOMAS Reimers: Yup. 964 00:39:26,050 --> 00:39:27,060 Aðrir hlutir. 965 00:39:27,060 --> 00:39:29,780 Svo skulum við tala um það padding stjórn fyrir a second. 966 00:39:29,780 --> 00:39:36,380 Svo í CSS, mælingar þurfa að hafa einingu. 967 00:39:36,380 --> 00:39:39,740 Svo fyrst þú ert magn. 968 00:39:39,740 --> 00:39:41,460 Svo í þessu tilfelli höfum við sagt 10. 969 00:39:41,460 --> 00:39:44,780 Og svo næsta einn við höfum sagt er dílar, px. 970 00:39:44,780 --> 00:39:49,160 Aðrar þær sem þú gætir hafa er hluti eins sentimetrar cm. 971 00:39:49,160 --> 00:39:51,367 Þú getur gert hlutina eins, hvað er 10 cm? 972 00:39:51,367 --> 00:39:52,700 Og það er að fara að vera fáránlegt. 973 00:39:52,700 --> 00:39:52,990 >> ALLISON BUCHHOLTZ-AU: Oh, drengur. 974 00:39:52,990 --> 00:39:53,460 >> Áhorfendur: Whoa. 975 00:39:53,460 --> 00:39:54,460 >> TOMAS AND ALLISON: Já. 976 00:39:54,460 --> 00:39:57,840 TOMAS Reimers: Svo er það allt padding. 977 00:39:57,840 --> 00:39:59,255 Ég ætla að fara aftur til dílar. 978 00:39:59,255 --> 00:40:01,754 >> ALLISON BUCHHOLTZ-AU: Punktar hafa tilhneigingu til að vera, eins og staðall. 979 00:40:01,754 --> 00:40:04,589 Þegar þú horfir á a einhver fjöldi af websites, þeir vinna að mestu í dílum. 980 00:40:04,589 --> 00:40:07,755 TOMAS Reimers: Svo þú ert að fara að sjá annaðhvort pixels-- hinna sem þú sérð 981 00:40:07,755 --> 00:40:13,952 er Em, sem er eitt em er jöfn hæð í letur 982 00:40:13,952 --> 00:40:15,160 sem þú ert að nota. 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: Það er góð leið til að segja, eins, ég vil eins mikið pláss og letur minn 986 00:40:20,740 --> 00:40:21,514 er að taka. 987 00:40:21,514 --> 00:40:23,180 ALLISON BUCHHOLTZ-AU: Fékk ekki vita það. 988 00:40:23,180 --> 00:40:25,747 Þú lærir eitthvað nýtt á hverjum degi. 989 00:40:25,747 --> 00:40:27,955 TOMAS Reimers: There ert a mikið af mælingum í CS. 990 00:40:27,955 --> 00:40:29,260 Ég legg til að þú horfir þá upp. 991 00:40:29,260 --> 00:40:32,122 Í öllum tilvikum þínum, held ég punktar ætti að nægja. 992 00:40:32,122 --> 00:40:33,830 Og þeir eru líka hvað þú ert að fara að sjá 993 00:40:33,830 --> 00:40:36,520 í flestum dæmum gert á netinu. 994 00:40:36,520 --> 00:40:38,320 Þannig að við munum láta það á dílar. 995 00:40:38,320 --> 00:40:42,420 >> Þú getur einnig ætti ég say-- svo padding setur allt á paddings. 996 00:40:42,420 --> 00:40:49,789 Þú getur líka gert eitthvað eins og "Padding-top" bara set-- 997 00:40:49,789 --> 00:40:52,080 ALLISON BUCHHOLTZ-AU: Kannski við munum fá okkar "halló" aftur. 998 00:40:52,080 --> 00:40:55,480 TOMAS Reimers: --to bara láta padding efst og ekkert annað. 999 00:40:55,480 --> 00:40:59,560 Svo fjórum skipanir eru padding-toppur, padding-bottom, padding-vinstri, 1000 00:40:59,560 --> 00:41:00,310 og padding-right. 1001 00:41:00,310 --> 00:41:02,470 >> ALLISON BUCHHOLTZ-AU: Rétt eins og þú vildi búast við kassa. 1002 00:41:02,470 --> 00:41:03,530 >> TOMAS Reimers: Já. 1003 00:41:03,530 --> 00:41:05,240 Ekkert of brjálaður þarna. 1004 00:41:05,240 --> 00:41:08,230 Er að skynsamleg? 1005 00:41:08,230 --> 00:41:11,990 Svo það er padding. 1006 00:41:11,990 --> 00:41:14,110 Ég ætla að setja allar að paddings aftur til 10. 1007 00:41:14,110 --> 00:41:17,010 Og þá er ég að fara að fara á landamærunum. 1008 00:41:17,010 --> 00:41:21,130 >> Svo er það landamæri er landamæri er skrýtið stjórn. 1009 00:41:21,130 --> 00:41:24,450 Það tekur konar þremur hlutum í einu. 1010 00:41:24,450 --> 00:41:28,930 Svo fyrsta er hversu stór þú vil það að vera eins mælingu. 1011 00:41:28,930 --> 00:41:30,662 Aftur, ég er bara að nota punkta. 1012 00:41:30,662 --> 00:41:32,620 Og það síðasta sem ég ætti að bæta við mælingum 1013 00:41:32,620 --> 00:41:35,270 er einn hlutur sem þarf ekki eining er 0. 1014 00:41:35,270 --> 00:41:37,390 Það er í raun rangt að gefa 0 eining, 1015 00:41:37,390 --> 00:41:41,940 því 0 er 0 yfir tommur, dílar, sentimetrar, hvað sem er. 1016 00:41:41,940 --> 00:41:43,960 Það þýðir bara 0, ekki satt? 1017 00:41:43,960 --> 00:41:46,710 Svo fyrst þú gefa það mælingu. 1018 00:41:46,710 --> 00:41:48,650 >> Síðan sem þú gefa það í stíl. 1019 00:41:48,650 --> 00:41:49,869 Þannig að ég ætla að segja "solid". 1020 00:41:49,869 --> 00:41:51,410 Og við munum tala um hvað það þýðir. 1021 00:41:51,410 --> 00:41:54,290 Og þá loks, þú gefa það a litinn. 1022 00:41:54,290 --> 00:41:56,850 Þannig að ég ætla að segja "svartur." 1023 00:41:56,850 --> 00:41:59,637 Og þetta eru allt hlutir sem við höfum nú séð áður, nema fyrir stíl, 1024 00:41:59,637 --> 00:42:00,720 en við munum tala um það. 1025 00:42:00,720 --> 00:42:04,120 Svo þú krakkar hafa séð mælingar, og þú hefur séð liti. 1026 00:42:04,120 --> 00:42:10,410 Og það sem gerist er að við fáum þetta ágætur svartur landamæri kringum það, ekki satt? 1027 00:42:10,410 --> 00:42:11,620 Þú krakkar sjá hvernig við gerðum það? 1028 00:42:11,620 --> 00:42:12,760 >> Áhorfendur: Já. 1029 00:42:12,760 --> 00:42:14,850 >> TOMAS Reimers: Cool. 1030 00:42:14,850 --> 00:42:17,370 Svo er það það? 1031 00:42:17,370 --> 00:42:19,160 Svo fyrst af öllu, er það einn pixla. 1032 00:42:19,160 --> 00:42:20,880 Það er sjálfgefið nóg, ekki satt? 1033 00:42:20,880 --> 00:42:23,254 Eins er það einn pixla þykkur. 1034 00:42:23,254 --> 00:42:26,170 Eða það væri einn pixla, en ég er aðdregna í, svo það er a lítill hluti fleiri 1035 00:42:26,170 --> 00:42:26,490 en það. 1036 00:42:26,490 --> 00:42:27,967 >> ALLISON BUCHHOLTZ-AU: Og við höfum þetta fáránlegt upplausn TV. 1037 00:42:27,967 --> 00:42:29,460 >> TOMAS Reimers: Já. 1038 00:42:29,460 --> 00:42:33,640 Þú getur gert það stærri, minni, hvað sem er. 1039 00:42:33,640 --> 00:42:35,630 Svo hér er tveggja punkta landamæri. 1040 00:42:35,630 --> 00:42:38,810 Þú munt sjá að það er tvisvar sinnum eins og þykkur. 1041 00:42:38,810 --> 00:42:40,172 Næsta sem þú þarft er litur. 1042 00:42:40,172 --> 00:42:41,130 Það er ekki áhugavert. 1043 00:42:41,130 --> 00:42:42,710 Ég ætla ekki að tala um það, í raun. 1044 00:42:42,710 --> 00:42:45,110 >> ALLISON BUCHHOLTZ-AU: En stíl gæti verið bara smá áhugavert. 1045 00:42:45,110 --> 00:42:45,980 >> TOMAS Reimers: Já. 1046 00:42:45,980 --> 00:42:48,560 Svo stíl, það eru nokkrar sjálfur að ég sé að nota almennt. 1047 00:42:48,560 --> 00:42:55,690 Fyrstur er solid, næsta einn er dotted og hljóp á síðasta manns. 1048 00:42:55,690 --> 00:42:59,290 Og hér er dotted. 1049 00:42:59,290 --> 00:43:02,980 Þú munt sjá að þeir eru fullt af punktum, ekki satt? 1050 00:43:02,980 --> 00:43:09,030 Góð leið til að raða í fá gott landamæri fara, eru bandstrik líka nokkuð vinsæll. 1051 00:43:09,030 --> 00:43:11,580 1052 00:43:11,580 --> 00:43:13,600 >> ALLISON BUCHHOLTZ-AU: Og svo auðvitað, ég er 1053 00:43:13,600 --> 00:43:16,660 viss um að það eru fullt annað stíll sem þú getur fengið. 1054 00:43:16,660 --> 00:43:20,000 Og við höfum mikið safn af tenglar í lok fyrir ykkur 1055 00:43:20,000 --> 00:43:23,470 að eins konar lesa og líta á fleiri flott CSS. 1056 00:43:23,470 --> 00:43:25,954 >> TOMAS Reimers: Og þá the síðastur hlutur, við erum 1057 00:43:25,954 --> 00:43:27,870 fara að tala um kassi líkan raunverulegur fljótur. 1058 00:43:27,870 --> 00:43:30,070 Oh, og þá landamæri, nákvæmlega eins og padding, 1059 00:43:30,070 --> 00:43:33,270 þú ert líka hluti eins border-vinstri, border-hægri, border-toppur, 1060 00:43:33,270 --> 00:43:37,590 border-botn, sem leyfa þér að fá á tilteknum landamærunum. 1061 00:43:37,590 --> 00:43:40,650 Svo er hér bara landamerkin vinstri skilgreind. 1062 00:43:40,650 --> 00:43:43,060 Er að vit? 1063 00:43:43,060 --> 00:43:46,170 >> ALLISON BUCHHOLTZ-AU: Það er svalt leið til að leggja áherslu á hluti eða bæta 1064 00:43:46,170 --> 00:43:47,545 línur milli ólíkra þátta. 1065 00:43:47,545 --> 00:43:48,670 TOMAS Reimers: Algjörlega. 1066 00:43:48,670 --> 00:43:50,940 Svo er það landamæri okkar. 1067 00:43:50,940 --> 00:43:52,790 Og framlegð á síðasta manns. 1068 00:43:52,790 --> 00:43:55,892 Eins padding framlegðarstig félagsins nema það er ekki within-- 1069 00:43:55,892 --> 00:43:57,975 ALLISON BUCHHOLTZ-AU: Það er ekki um frumefni þinni 1070 00:43:57,975 --> 00:44:00,840 en í raun um allt kassi sem við höfum verið að sjá. 1071 00:44:00,840 --> 00:44:02,770 >> TOMAS Reimers: Já. 1072 00:44:02,770 --> 00:44:04,090 Allison sagði það fullkomlega. 1073 00:44:04,090 --> 00:44:07,550 Það er ekki, eins og, Inni þáttur, það er um allan reitinn. 1074 00:44:07,550 --> 00:44:10,900 Það þýðir hluti eins bakgrunnur eiga ekki við það. 1075 00:44:10,900 --> 00:44:13,550 Og það segir í rauninni, eins, ég vil ekki neitt 1076 00:44:13,550 --> 00:44:15,230 í þessu mikið pláss fyrir mig. 1077 00:44:15,230 --> 00:44:17,470 Svo eins og hér höfum við framlegð af 10 punktar. 1078 00:44:17,470 --> 00:44:23,100 Svo ekkert innan 10 punktar ætti að vera við hliðina á mér. 1079 00:44:23,100 --> 00:44:26,210 Það er góður af sínum rúm en konar ekki. 1080 00:44:26,210 --> 00:44:29,215 Svo er það mjög Grunnurinn af kassi líkan. 1081 00:44:29,215 --> 00:44:30,090 Er að skynsamleg? 1082 00:44:30,090 --> 00:44:33,830 1083 00:44:33,830 --> 00:44:34,550 Cool, flott. 1084 00:44:34,550 --> 00:44:35,800 ALLISON BUCHHOLTZ-AU: Awesome. 1085 00:44:35,800 --> 00:44:37,890 Svo nú held ég að við bara hafa flott auðlindir okkar 1086 00:44:37,890 --> 00:44:41,220 að við munum taka ykkur í gegnum mjög fljótt. 1087 00:44:41,220 --> 00:44:44,815 Og við munum actually-- vel, höfum við internetið enn? 1088 00:44:44,815 --> 00:44:47,860 >> TOMAS Reimers: Við skulum sjá hvort ég get opnað up-- 1089 00:44:47,860 --> 00:44:50,040 láttu mig sjá bara ef ég er hægt að fá internetið fljótt 1090 00:44:50,040 --> 00:44:53,317 en Allison talar um neitt Allison vill að tala um. 1091 00:44:53,317 --> 00:44:55,150 ALLISON BUCHHOLTZ-AU: Svo basically-- ég ekki 1092 00:44:55,150 --> 00:44:57,930 veit hvað ég get sagt á þessum tímapunkti. 1093 00:44:57,930 --> 00:45:01,340 En þetta eru nokkrar virkilega góðar leiðir. 1094 00:45:01,340 --> 00:45:04,629 Þetta eru þau sem Tomas og ég hef notað 1095 00:45:04,629 --> 00:45:06,420 og að við í raun er notað til að prep fyrir þetta. 1096 00:45:06,420 --> 00:45:09,940 W3Schools er eitt sem þú krakkar ættu að hafa séð áður. 1097 00:45:09,940 --> 00:45:12,440 Við mælum með það fyrir a fullt af hlutum með CSS. 1098 00:45:12,440 --> 00:45:15,060 Ég veit að ég mæli með því að kafla minn allan tímann. 1099 00:45:15,060 --> 00:45:21,050 >> Einn af the mikill hlutur er að það gerir þér kleift að konar skipta sér af CSS 1100 00:45:21,050 --> 00:45:23,830 og sjá breytingarnar samstundis í þessu, 1101 00:45:23,830 --> 00:45:25,920 eins, tveggja glugga skoða að það hefur. 1102 00:45:25,920 --> 00:45:29,980 Svo þú þarft ekki að hafa áhyggjur af setja upp eigin vefsíðu þína, 1103 00:45:29,980 --> 00:45:33,090 eða setja upp vhost í þínum sveitarfélaga tæki og heimamaður gestgjafi, 1104 00:45:33,090 --> 00:45:34,980 og fá öll þessi efni vinna. 1105 00:45:34,980 --> 00:45:36,830 Það er fellt rétt á henni. 1106 00:45:36,830 --> 00:45:39,042 >> Og það hefur þessi litla lærdóm sem þú getur 1107 00:45:39,042 --> 00:45:40,750 fara í gegnum til að læra meira um selectors, 1108 00:45:40,750 --> 00:45:44,610 eða læra um notfæra þinn letur, eða bakgrunnur eða mynd. 1109 00:45:44,610 --> 00:45:46,990 Og þú hefur þessar tafarlaus niðurstöður sem þú 1110 00:45:46,990 --> 00:45:49,310 þarft ekki að gera eitthvað önnur o.fl. vinna fyrir. 1111 00:45:49,310 --> 00:45:51,060 Svo ég elska W3Schools. 1112 00:45:51,060 --> 00:45:51,960 Það er stórkostlegur. 1113 00:45:51,960 --> 00:45:52,670 Er það að vinna? 1114 00:45:52,670 --> 00:45:52,950 >> TOMAS Reimers: Já. 1115 00:45:52,950 --> 00:45:53,720 Nei, það er ekki. 1116 00:45:53,720 --> 00:45:55,636 Viltu mig til að reyna og endurræsa tölvuna mína? 1117 00:45:55,636 --> 00:45:56,410 Eða viljum við to-- 1118 00:45:56,410 --> 00:46:01,490 >> ALLISON BUCHHOLTZ-AU: Ég meina, Jæja, þetta mun einnig vera á netinu. 1119 00:46:01,490 --> 00:46:02,740 Öll skyggnur mun vera online. 1120 00:46:02,740 --> 00:46:05,470 Svo ég bara mæli með að gera þetta. 1121 00:46:05,470 --> 00:46:07,880 >> Þetta er frábært og bara eins svindlari lak. 1122 00:46:07,880 --> 00:46:10,690 Það er bara allar helstu skipanir sem þú hefur. 1123 00:46:10,690 --> 00:46:13,070 Það er frábært þegar þú ert fyrst byrjun út á vefsvæðið þitt. 1124 00:46:13,070 --> 00:46:15,080 Vegna kannski ekki langar til að komast í alla 1125 00:46:15,080 --> 00:46:17,355 alvöru snotur sendinn hönnun þungur efni. 1126 00:46:17,355 --> 00:46:20,230 Þú þarft bara að sníða það á þann hátt þannig vit og vilja 1127 00:46:20,230 --> 00:46:21,490 gera að sinni. 1128 00:46:21,490 --> 00:46:23,580 Og ef þú vilt virkilega að fá inn í það, ég veit 1129 00:46:23,580 --> 00:46:27,240 þetta er, eins og, einn af Uppáhalds tilvísanir Tómas er. 1130 00:46:27,240 --> 00:46:30,130 Við vorum að nota það til fs, og það er stórkostlegur. 1131 00:46:30,130 --> 00:46:33,030 Það er Hönnuður frá Mozilla. 1132 00:46:33,030 --> 00:46:36,490 >> TOMAS Reimers: Svo Mozilla eru fólk sem gerir Firefox. 1133 00:46:36,490 --> 00:46:40,290 Og það er bara eigin verktaki þeirra tilvísun, sem ég held er ógnvekjandi. 1134 00:46:40,290 --> 00:46:44,870 Og hefur það yndislegt Listi yfir auðlindum. 1135 00:46:44,870 --> 00:46:45,530 Þannig að við have-- 1136 00:46:45,530 --> 00:46:48,060 >> ALLISON BUCHHOLTZ-AU: Og þá er síðast huga 1137 00:46:48,060 --> 00:46:50,120 þegar þú ert að reyna að hanna vefsíðu þinni, 1138 00:46:50,120 --> 00:46:53,550 draga innblástur frá hlutum sem þú telur eru nokkuð. 1139 00:46:53,550 --> 00:46:56,340 Eftirlitsmaður frumefni, eftirlitsmaður kóðann 1140 00:46:56,340 --> 00:46:59,370 getur verið frábær gagnlegt fyrir að reyna að reikna út 1141 00:46:59,370 --> 00:47:02,080 hvernig á að stíll eigin vefsvæði. 1142 00:47:02,080 --> 00:47:04,540 >> Oft, mér finnst eins og best leið, að auki tilraunir, 1143 00:47:04,540 --> 00:47:06,290 er bara að horfa á hlutir sem eru falleg. 1144 00:47:06,290 --> 00:47:09,810 Mér finnst það er mjög erfitt að bara konar hönnun hlutina á eigin spýtur, 1145 00:47:09,810 --> 00:47:11,090 sérstaklega í upphafi. 1146 00:47:11,090 --> 00:47:14,740 Svo skaltu líta á vefsíður að þú njótir að horfa á. 1147 00:47:14,740 --> 00:47:16,880 Reikna út hvað gerir þá sætt sig við þig. 1148 00:47:16,880 --> 00:47:19,170 Og þá ekki hika við að reyna endurtaka það. 1149 00:47:19,170 --> 00:47:20,410 >> TOMAS Reimers: Hægri. 1150 00:47:20,410 --> 00:47:23,120 Jafnvel eins og vefsíður eins og þetta, getur þú séð 1151 00:47:23,120 --> 00:47:25,460 það er örugglega a div efst. 1152 00:47:25,460 --> 00:47:29,920 Og þá verður þú annað div innan hér, sem er CSS awesomeness. 1153 00:47:29,920 --> 00:47:32,480 Og þá þú hafa a fullt af tenglum hér. 1154 00:47:32,480 --> 00:47:34,770 Ef þú virkilega bara skoða þættir, getur þú flokkað af 1155 00:47:34,770 --> 00:47:38,520 byrja að sjá hvað vefsíður líta út eins og hvernig get ég 1156 00:47:38,520 --> 00:47:40,493 endurskapa að ef ég vildi. 1157 00:47:40,493 --> 00:47:41,890 Er að skynsamleg? 1158 00:47:41,890 --> 00:47:43,670 Þannig að við höfum aðeins þrjár mínútur eftir. 1159 00:47:43,670 --> 00:47:46,380 Svo spurningum? 1160 00:47:46,380 --> 00:47:47,650 Allir af þeim? 1161 00:47:47,650 --> 00:47:48,350 Já. 1162 00:47:48,350 --> 00:47:50,780 >> Áhorfendur: Fyrir lit rétthyrningur, hvernig myndi þér 1163 00:47:50,780 --> 00:47:53,499 have-- ef þú vilt ekki að það fara yfir alla síðuna, gæti 1164 00:47:53,499 --> 00:47:56,400 þú hefur gert það að fara yfir aðeins helmingur síðu eða bara texta? 1165 00:47:56,400 --> 00:47:59,660 >> TOMAS Reimers: Já, algerlega. 1166 00:47:59,660 --> 00:48:02,780 Svo láta mig sjá í raun. 1167 00:48:02,780 --> 00:48:04,670 Ég hef tvær hugmyndir. 1168 00:48:04,670 --> 00:48:07,265 Svo fyrst af öllu, þú Einnig er hægt að nota percents. 1169 00:48:07,265 --> 00:48:08,140 >> Áhorfendur: Really? 1170 00:48:08,140 --> 00:48:11,260 >> ALLISON BUCHHOLTZ-AU: Svo eitthvað að líta upp er miðað staðsetning. 1171 00:48:11,260 --> 00:48:13,385 Það er eitthvað sem við hafa ekki tíma til að komast inn, 1172 00:48:13,385 --> 00:48:16,392 en það er eitthvað sem ég örugglega mæli með að þú krakkar að skoða. 1173 00:48:16,392 --> 00:48:17,580 >> TOMAS Reimers: Svo percents. 1174 00:48:17,580 --> 00:48:21,524 Og sjá hvernig við gert það bara 50% af breidd? 1175 00:48:21,524 --> 00:48:24,190 ALLISON BUCHHOLTZ-AU: Ef þig reyndar veit fjölda punkta, 1176 00:48:24,190 --> 00:48:25,780 þú getur verið nákvæmari þannig. 1177 00:48:25,780 --> 00:48:27,200 Þú getur fiðla kring með það. 1178 00:48:27,200 --> 00:48:27,700 En 50%. 1179 00:48:27,700 --> 00:48:31,970 Ef við værum að búa vafra okkar, það myndi gera það minna. 1180 00:48:31,970 --> 00:48:35,250 >> TOMAS Reimers: Jæja, það er grundvallaratriðum 50% núna, held ég. 1181 00:48:35,250 --> 00:48:38,820 Það er 50%, og þá framlegð hefur verið bætt við það. 1182 00:48:38,820 --> 00:48:40,100 CSS hefur a einhver fjöldi af einkennileg tilviljun. 1183 00:48:40,100 --> 00:48:43,195 Svo núna er þetta 50% af síðu breidd. 1184 00:48:43,195 --> 00:48:46,860 En mundu að þú hefur 10 punktar tekið burt frá hvorri hlið. 1185 00:48:46,860 --> 00:48:49,700 Þannig að ef þú varst að fara að gegn vinstri brún af the flettitæki, 1186 00:48:49,700 --> 00:48:51,550 þá myndi líta út eins og 50%. 1187 00:48:51,550 --> 00:48:53,884 Aftur, eins og ég sagði, CSS getur vera a einhver fjöldi af giska-og-stöðva. 1188 00:48:53,884 --> 00:48:56,049 Eins held þú eitthvað er fara að haga sér á einn veg, 1189 00:48:56,049 --> 00:48:57,805 en það hegðar sér allt öðruvísi hátt. 1190 00:48:57,805 --> 00:48:59,420 >> ALLISON BUCHHOLTZ-AU: Og þú færð bara betri, 1191 00:48:59,420 --> 00:49:02,020 og þú færð bara betra innsæi fyrir það eins og þú fara eftir. 1192 00:49:02,020 --> 00:49:02,730 >> TOMAS Reimers: Og það versnar og verri. 1193 00:49:02,730 --> 00:49:03,496 Svo það er í raun bara kapp. 1194 00:49:03,496 --> 00:49:05,454 >> ALLISON BUCHHOLTZ-AU: Það er frábær uppörvandi. 1195 00:49:05,454 --> 00:49:07,070 Við viljum að þær eins og CSS. 1196 00:49:07,070 --> 00:49:08,810 >> TOMAS Reimers: CSS er ógnvekjandi. 1197 00:49:08,810 --> 00:49:10,354 Mundu að. 1198 00:49:10,354 --> 00:49:11,020 Aðrar spurningar? 1199 00:49:11,020 --> 00:49:14,297 >> ALLISON BUCHHOLTZ-AU: The einn hlutur. 1200 00:49:14,297 --> 00:49:14,880 Eitthvað annað? 1201 00:49:14,880 --> 00:49:15,140 Cool. 1202 00:49:15,140 --> 00:49:15,690 >> TOMAS Reimers: Awesome. 1203 00:49:15,690 --> 00:49:18,523 >> ALLISON BUCHHOLTZ-AU: Jæja, ef þú krakkar hafa einhverjar spurningar síðar, 1204 00:49:18,523 --> 00:49:20,919 við erum alltaf til staðar eins og á venjulega. 1205 00:49:20,919 --> 00:49:22,960 Þú munt sennilega sjá sumir af okkur fyrir lokaverkefni 1206 00:49:22,960 --> 00:49:24,280 og örugglega á hackathon. 1207 00:49:24,280 --> 00:49:25,200 >> TOMAS Reimers: Algjörlega. 1208 00:49:25,200 --> 00:49:25,720 Og á gangvirði. 1209 00:49:25,720 --> 00:49:26,560 >> ALLISON BUCHHOLTZ-AU: Og á gangvirði. 1210 00:49:26,560 --> 00:49:26,840 Oh. 1211 00:49:26,840 --> 00:49:28,130 >> TOMAS Reimers: Hlakka til sjá öll awesome-- þína 1212 00:49:28,130 --> 00:49:29,420 >> ALLISON BUCHHOLTZ-AU: Við munum sjá allar ógnvekjandi vefsíður þínar 1213 00:49:29,420 --> 00:49:30,572 sem mun vera fallegur. 1214 00:49:30,572 --> 00:49:32,780 TOMAS Reimers: Þú getur alltaf sjá, eins og, vefsíður 1215 00:49:32,780 --> 00:49:36,234 sem hafði, eins og, gott CSS og þá eins og þeir sem ekki reyna að gera CSS. 1216 00:49:36,234 --> 00:49:39,150 ALLISON BUCHHOLTZ-AU: Einnig, annar hlutur, eitt í viðbót til að líta inn 1217 00:49:39,150 --> 00:49:40,445 er Bootstrapping. 1218 00:49:40,445 --> 00:49:41,805 Svo er Bootstrap mikill. 1219 00:49:41,805 --> 00:49:42,240 >> TOMAS Reimers: Google að ef you-- 1220 00:49:42,240 --> 00:49:43,573 >> ALLISON BUCHHOLTZ-AU: Google það. 1221 00:49:43,573 --> 00:49:44,340 Það er stórkostlegur. 1222 00:49:44,340 --> 00:49:45,620 Þú munt elska það. 1223 00:49:45,620 --> 00:49:48,000 Og núna þegar þú ert a undirstöðu-skilningur af CSS, 1224 00:49:48,000 --> 00:49:50,340 það mun gera a einhver fjöldi meira vit. 1225 00:49:50,340 --> 00:49:50,890 Awesome. 1226 00:49:50,890 --> 00:49:51,480 Takk, krakkar. 1227 00:49:51,480 --> 00:49:53,330 >> TOMAS Reimers: Þakka þér svo mikið. 1228 00:49:53,330 --> 00:49:54,219