1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:04,500 >> [Mūzikas atskaņošanai] 3 00:00:04,500 --> 00:00:10,099 4 00:00:10,099 --> 00:00:12,224 ALLISON Buchholtz-AU: So mēs būtībā tikai gatavojas 5 00:00:12,224 --> 00:00:14,629 lai dotu jums nolietota CSS, jo mēs zinām, 6 00:00:14,629 --> 00:00:16,420 ka tai nebija iekļauti visās sadaļās. 7 00:00:16,420 --> 00:00:20,090 Un mēs patiešām vēlamies, lai pārliecinātos, ka jūs puiši ir šo rīku, jūsu rīcībā, 8 00:00:20,090 --> 00:00:24,790 jo tā ir spēja veikt jūsu mājas lapas izskatās daudz glītāka. 9 00:00:24,790 --> 00:00:28,660 >> Un, ja jūs veidot mājas lapu, tad Jūs droši vien vēlaties, lai būtu diezgan. 10 00:00:28,660 --> 00:00:31,372 Es domāju, jums nav, bet es gribētu ieteikt to. [Smejas] 11 00:00:31,372 --> 00:00:35,430 Ja vēlaties, lai lietotāji to izmantot, jūs varētu vēlaties, lai būtu nedaudz [nedzirdama]. 12 00:00:35,430 --> 00:00:39,130 Tātad, mēs esam gatavojas izmēģināt un sniegt jums tikai daži pamata instrumenti un izpratne, 13 00:00:39,130 --> 00:00:42,340 tā, ka tad, kad jūs dodaties, un jūs esat pētot lietas par CSS, 14 00:00:42,340 --> 00:00:45,902 tas nav pabeigt buldurēšana, piemēram, CSS dažreiz būt. 15 00:00:45,902 --> 00:00:47,240 >> TOMAS REIMERS: Jā. 16 00:00:47,240 --> 00:00:49,930 Allison teica, ka diezgan labi. 17 00:00:49,930 --> 00:00:53,250 Tāpēc es domāju, ka pirmā lieta, kas mums vajadzētu sākt ar ir tas, kas ir CSS? 18 00:00:53,250 --> 00:00:55,750 Tātad CSS ir laba. 19 00:00:55,750 --> 00:00:56,250 CSS-- 20 00:00:56,250 --> 00:00:58,320 >> ALLISON Buchholtz-AU: Tas ir nosaukums mūsu seminārā. 21 00:00:58,320 --> 00:00:58,434 >> TOMAS REIMERS: Jā. 22 00:00:58,434 --> 00:01:00,130 Tas ir patiešām svarīgi, ka jūs saprotat, ka līdz tam laikam. 23 00:01:00,130 --> 00:01:03,090 Ja jūs tikai atņemt vienu lieta, tas ir, ka CSS ja awesome. 24 00:01:03,090 --> 00:01:06,180 Divi ir CSS kājiņām Kaskādes Style Sheets. 25 00:01:06,180 --> 00:01:10,380 Tātad pēc savas būtības, CSS ir stila lapas, kas nozīmē 26 00:01:10,380 --> 00:01:13,200 tas ļauj jums pieskaņot mājas lapā. 27 00:01:13,200 --> 00:01:16,609 Un tad, ko tas nozīmē, tas ir veids, kā pievienot stilu jūsu mājas lapas. 28 00:01:16,609 --> 00:01:18,900 Tātad pēc stila, mēs domājam visu Tas nav structural-- 29 00:01:18,900 --> 00:01:24,350 lai lietas, piemēram, krāsas, fons attēlus, robežas, tāpat kā, polsterējums, 30 00:01:24,350 --> 00:01:25,040 starpība. 31 00:01:25,040 --> 00:01:27,310 Mēs runājam par to, ko viss, kas nozīmē mazliet. 32 00:01:27,310 --> 00:01:30,110 >> Tātad mēs esam tikai gājusi uz priekšu un atvēra abi no tiem izveidots gedit. 33 00:01:30,110 --> 00:01:32,680 Tātad tas ir index.html. 34 00:01:32,680 --> 00:01:34,800 Un tas ir main.css. 35 00:01:34,800 --> 00:01:36,829 Tātad main.css ir nekas. 36 00:01:36,829 --> 00:01:38,412 ALLISON Buchholtz-AU: Nē stils līdz šim. 37 00:01:38,412 --> 00:01:39,245 TOMAS REIMERS: Nav. 38 00:01:39,245 --> 00:01:42,577 Un, kā jūs redzēsiet, tas ir tiešām neglīts vietā. 39 00:01:42,577 --> 00:01:44,160 ALLISON Buchholtz-AU: Tas ir vienkārši. 40 00:01:44,160 --> 00:01:45,820 TOMAS REIMERS: Jā. 41 00:01:45,820 --> 00:01:49,150 Jā, tas nav neglīts, tas ir tikai minimālisma. 42 00:01:49,150 --> 00:01:53,430 Un tad šeit mums ir index.html. 43 00:01:53,430 --> 00:01:55,729 Un tā, lai ātri Atgādinājums par HTML, Allison, 44 00:01:55,729 --> 00:01:57,270 jūs vēlaties, lai tikai runāt par lapu? 45 00:01:57,270 --> 00:01:58,395 >> ALLISON Buchholtz-AU: Jā. 46 00:01:58,395 --> 00:02:01,100 Tātad acīmredzot, mums ir mūsu HTML tag, kas tikko nosaukumi HTML failu. 47 00:02:01,100 --> 00:02:07,080 Mums ir mūsu galveni šeit, ar CSS Awesomeness, which-- ja jūs iet atpakaļ. 48 00:02:07,080 --> 00:02:07,720 Kur tas ir? 49 00:02:07,720 --> 00:02:09,136 >> TOMAS REIMERS: Ak. 50 00:02:09,136 --> 00:02:10,301 Jā, jūs varat redzēt. 51 00:02:10,301 --> 00:02:12,092 ALLISON Buchholtz-AU: Un paziņojums galveni 52 00:02:12,092 --> 00:02:14,120 tas tab header labi šeit. 53 00:02:14,120 --> 00:02:17,130 Un tad "Hello, world!" ir teksts, ka mums ir tikko 54 00:02:17,130 --> 00:02:19,620 izlikšana tīmeklī lapa, kas is-- iet atpakaļ. 55 00:02:19,620 --> 00:02:21,290 Atpakaļ. 56 00:02:21,290 --> 00:02:24,287 Kas ir tikai mūsu organismā here-- vienkāršu tekstu. 57 00:02:24,287 --> 00:02:26,120 Arī viena lieta, lai paziņojums, ja paskatās šeit, 58 00:02:26,120 --> 00:02:29,410 Tomas pārgāja šos divi no mūsu slaida. 59 00:02:29,410 --> 00:02:32,035 Tik ilgi, kamēr jums ir visas trīs no tiem, tu esi labi. 60 00:02:32,035 --> 00:02:34,044 Tie var būt jebkādā secībā tie vēlas. 61 00:02:34,044 --> 00:02:39,368 Kas ir vissvarīgākais, ir tikai, ka Jums ir katrai no šīm trim lietām. 62 00:02:39,368 --> 00:02:40,340 >> TOMAS REIMERS: Cool. 63 00:02:40,340 --> 00:02:41,111 Pievienot doc veids? 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: Acīmredzot, mani mikrofonus nepatīk mani. 68 00:02:46,102 --> 00:02:49,650 TOMAS REIMERS: Ak, dod mums sec tikko bet Allison pārslēdzas no viņas MIC. 69 00:02:49,650 --> 00:02:50,500 So yeah. 70 00:02:50,500 --> 00:02:52,030 Tātad mums ir mūsu galvenajā lapā. 71 00:02:52,030 --> 00:02:53,890 Tas ir sava veida unstyled. 72 00:02:53,890 --> 00:02:54,780 Mums nav daudz. 73 00:02:54,780 --> 00:02:57,110 Mums vienkārši ir būtībā tekstu. 74 00:02:57,110 --> 00:02:59,470 Mums ir stila lapas. 75 00:02:59,470 --> 00:03:00,220 Mums ir titulu. 76 00:03:00,220 --> 00:03:04,020 Tik vienkārši tukša kauliem komponenti veido mājas lapā. 77 00:03:04,020 --> 00:03:08,880 >> Tātad no turienes, pieņemsim runāt par to, CSS ir 78 00:03:08,880 --> 00:03:11,270 un kā tas izskatās un tas viss. 79 00:03:11,270 --> 00:03:12,047 Tātad that-- 80 00:03:12,047 --> 00:03:13,755 ALLISON Buchholtz-AU: Atpakaļ uz slaidiem. 81 00:03:13,755 --> 00:03:15,200 TOMAS REIMERS: Atpakaļ uz slaidiem. 82 00:03:15,200 --> 00:03:17,240 Un Allison var pārņemt. 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 Tātad jūsu CSS failu, Jums nāksies 86 00:03:22,360 --> 00:03:25,010 daudz no šīm lietām sauc selektori. 87 00:03:25,010 --> 00:03:27,420 Tas būs tikai pamatojoties uz savu CSS failu. 88 00:03:27,420 --> 00:03:29,480 Tas tikai būs daudz un daudz no tiem. 89 00:03:29,480 --> 00:03:30,780 Tik selektors. 90 00:03:30,780 --> 00:03:32,649 Tas ir tikai vispārējs anatomija. 91 00:03:32,649 --> 00:03:35,190 Mēs ejam, lai iet cauri piemēri, jo, ja jūs puiši nekad 92 00:03:35,190 --> 00:03:38,400 noskatījās manu sadaļu, es jūtos patīk lietas abstrakti 93 00:03:38,400 --> 00:03:39,400 nav īsti jēgas. 94 00:03:39,400 --> 00:03:41,110 Tas vienmēr palīdz redzēt piemērus. 95 00:03:41,110 --> 00:03:42,420 >> Tātad mums ir dažas selektoru. 96 00:03:42,420 --> 00:03:49,120 Kas notiek, lai daži identifikators ko mēs gribam stils piemērot. 97 00:03:49,120 --> 00:03:52,220 Un tad mēs varam būt jebkurš noteikumu kopumu un vērtībām. 98 00:03:52,220 --> 00:03:55,680 Tātad pārslēdzējiem ka jūs varētu redzēt varētu būt kaut kas līdzīgs organismā, 99 00:03:55,680 --> 00:04:00,262 vai punkts ar P, vai header, vai kāds, 100 00:04:00,262 --> 00:04:02,000 ko jūs vēlaties, lai jūsu HTML tagus, lai būtu. 101 00:04:02,000 --> 00:04:03,570 >> Tātad, šajā gadījumā, mums ir ķermenis. 102 00:04:03,570 --> 00:04:06,985 Un mums ir dažas noteikums, kas tas atbilst 103 00:04:06,985 --> 00:04:09,610 uz ko savu stilu uz. 104 00:04:09,610 --> 00:04:12,720 Tātad, šajā gadījumā, mums ir fona krāsu un fontu svaru. 105 00:04:12,720 --> 00:04:16,200 Tātad tas mainīsies fons neko 106 00:04:16,200 --> 00:04:19,640 jebkurā ķermeņa tag mūsu HTML failu. 107 00:04:19,640 --> 00:04:22,810 Un tas notiek, lai dotu tā tas gaiši zila vērtību. 108 00:04:22,810 --> 00:04:24,820 >> Tātad, tas notiek, lai fona gaiši zilā krāsā. 109 00:04:24,820 --> 00:04:28,660 Un tad kaut kas laikā organismā ir nāksies fonta svars drosmīgu. 110 00:04:28,660 --> 00:04:31,142 Tātad tas ir tikai gatavojas drosmīgs visu mūsu tekstu. 111 00:04:31,142 --> 00:04:32,970 Un tas ir tikai viens selektoru. 112 00:04:32,970 --> 00:04:34,680 Bet jūs varētu būt ļoti daudzi no šiem. 113 00:04:34,680 --> 00:04:38,730 Un kā mēs spēsim parādīt vēlāk, mazliet vairāk par to, kā 114 00:04:38,730 --> 00:04:40,709 ka darbi un vairāk piemēru tur. 115 00:04:40,709 --> 00:04:41,750 Viss, ko jūs vēlaties pievienot? 116 00:04:41,750 --> 00:04:42,499 >> TOMAS REIMERS: Nē. 117 00:04:42,499 --> 00:04:43,500 Allison dabūja to. 118 00:04:43,500 --> 00:04:46,144 Mēs esam tikai gatavojas sagriezt piemērs šeit mūsu piemērs lapā. 119 00:04:46,144 --> 00:04:47,310 Tāpēc pieņemsim faktiski ņemt to. 120 00:04:47,310 --> 00:04:48,620 Tas ir ideāls. 121 00:04:48,620 --> 00:04:54,460 Tāpēc es esmu tikai gatavojas kopēt un ielīmēt šīs tiesības mūsu main.css failā. 122 00:04:54,460 --> 00:04:56,530 Un es esmu gatavojas, lai saglabātu to. 123 00:04:56,530 --> 00:04:59,190 Un tad mēs palaist to. 124 00:04:59,190 --> 00:05:01,600 Tā sānu piezīmi, viens no visvairāk nomākta lietas 125 00:05:01,600 --> 00:05:04,490 ir, ja jums nav saglabāt failu, un tad jūs, piemēram, pārlādēt lapu, 126 00:05:04,490 --> 00:05:07,450 un, piemēram, kāpēc nav pārmaiņas notiek? 127 00:05:07,450 --> 00:05:07,950 Tas notiek. 128 00:05:07,950 --> 00:05:14,230 Tāpēc šeit mēs redzējām, ka mēs, kas mūsu mājas lapa gaiši zila fona 129 00:05:14,230 --> 00:05:16,560 un daži treknrakstā tekstu. 130 00:05:16,560 --> 00:05:20,730 >> Man vajadzētu arī pieminēt, ja jums puiši ir jautājumi par kaut ko 131 00:05:20,730 --> 00:05:23,622 mēs darām, lūdzu brīvi mūs apturēt un jautājiet mums. 132 00:05:23,622 --> 00:05:25,330 Mēs esam pilnīgi gatavi laukam jautājumus. 133 00:05:25,330 --> 00:05:27,951 134 00:05:27,951 --> 00:05:31,930 >> ALLISON Buchholtz-AU: Protams, ar CSS, viss balstās uz sevi. 135 00:05:31,930 --> 00:05:34,107 Tātad, ja viena lieta nav jēgas tagad mēs 136 00:05:34,107 --> 00:05:35,690 negribu, ka to purvs jūs noteikti vēlāk. 137 00:05:35,690 --> 00:05:38,390 138 00:05:38,390 --> 00:05:41,930 >> TOMAS REIMERS: Tātad pieņemsim veida preparēt to. 139 00:05:41,930 --> 00:05:44,210 Tātad jūs vēlaties, lai sāktu ar selektoru šeit? 140 00:05:44,210 --> 00:05:45,979 >> ALLISON Buchholtz-AU: Jā. 141 00:05:45,979 --> 00:05:48,270 Kā jau teicu iepriekš, ķermeņa ir tikai mūsu selektors šeit. 142 00:05:48,270 --> 00:05:50,950 Tātad, ja mēs atgriežamies pie mūsu index-- ah. 143 00:05:50,950 --> 00:05:53,245 >> TOMAS REIMERS: Ko es tikko slēgts. 144 00:05:53,245 --> 00:05:54,530 Dodiet man otru. 145 00:05:54,530 --> 00:05:58,286 Tātad File, Open, index.html. 146 00:05:58,286 --> 00:05:59,410 ALLISON Buchholtz-AU: Cool. 147 00:05:59,410 --> 00:06:02,710 Tātad, ja jūs pamanāt šeit, mēs ir šīs ķermeņa tagus, vai ne? 148 00:06:02,710 --> 00:06:06,270 Tik selektors tikai atbilst tagi, ka mēs runājam. 149 00:06:06,270 --> 00:06:07,670 Tātad iestādes tiesības šeit. 150 00:06:07,670 --> 00:06:10,315 Tātad, ko mēs sakām, everything-- mēs varam iet atpakaļ? 151 00:06:10,315 --> 00:06:12,065 Es vēlos es varētu tikko tāpat pieskarties ekrānam. 152 00:06:12,065 --> 00:06:14,410 Tas lūdzu būt tik daudz vēsāka. 153 00:06:14,410 --> 00:06:17,150 >> Tātad kaut kas neatbilst pasākumiem ķermeņa tagus, ko mēs redzējām 154 00:06:17,150 --> 00:06:19,637 bija tikai, piemēram, tekstu, un ķermenis kopumā 155 00:06:19,637 --> 00:06:20,970 attiecas uz, piemēram, fona. 156 00:06:20,970 --> 00:06:22,720 Ja jūs kādreiz vēlaties mainīt fona, 157 00:06:22,720 --> 00:06:25,090 kas notiek, lai būt ķermeņa tag. 158 00:06:25,090 --> 00:06:27,120 Vienkārši ir šos noteikumus piemēro tām. 159 00:06:27,120 --> 00:06:32,040 >> Tātad, ja mēs būtu doties uz index.html and-- faktiski, 160 00:06:32,040 --> 00:06:33,840 mēs varam būt kaut ārpus ķermeņa? 161 00:06:33,840 --> 00:06:37,340 Ja mēs būtu, piemēram, kājenes vai kaut ko, tas neattiecas uz to. 162 00:06:37,340 --> 00:06:40,900 Bet kaut ietvaros šie ķermeņa tags notiek 163 00:06:40,900 --> 00:06:44,960 var ietekmēt šīs iestādes selektors, ka mēs esam padarījuši. 164 00:06:44,960 --> 00:06:47,405 Tātad, ja jūs būtu rakstīt kaut kas cits there-- 165 00:06:47,405 --> 00:06:49,400 >> TOMAS REIMERS: Let 's braukt, ka mājās. 166 00:06:49,400 --> 00:06:55,330 Tātad, ja mums bija div-- tā, ka ir tikai citu tagu, jūs varat būt. 167 00:06:55,330 --> 00:06:56,350 Es esmu gatavojas, lai to aizvērtu. 168 00:06:56,350 --> 00:06:58,280 Vai pieņemsim padara šo punktu. 169 00:06:58,280 --> 00:07:01,430 Tātad p apzīmē punktu. 170 00:07:01,430 --> 00:07:02,560 Un šajā punktā. 171 00:07:02,560 --> 00:07:05,650 Un tad es saku: "Šis ir teksts." 172 00:07:05,650 --> 00:07:06,369 Cool. 173 00:07:06,369 --> 00:07:09,160 Un tad es šis noteikums attiecas uz punkts, nevis ķermeņa. 174 00:07:09,160 --> 00:07:12,390 175 00:07:12,390 --> 00:07:17,320 Jūs redzēsiet, cik tas attiecas tikai uz jaunizveidotā daļu, pa labi, 176 00:07:17,320 --> 00:07:18,892 nav viss. 177 00:07:18,892 --> 00:07:20,090 Vai tas ir jēga? 178 00:07:20,090 --> 00:07:21,840 >> ALLISON Buchholtz-AU: Tātad tas ir viss ķermenis, 179 00:07:21,840 --> 00:07:24,450 bet tagad mūsu pārslēgs tikko atbilst punktā. 180 00:07:24,450 --> 00:07:27,050 Tātad mums vienkārši ir treknrakstā un zilā krāsā par šo konkrēto punktu, 181 00:07:27,050 --> 00:07:30,760 jo tas ir vienīgais, kas ir ielikta p tag. 182 00:07:30,760 --> 00:07:35,349 >> TOMAS REIMERS: Vai, ka jēga kārtošanas par to, kā lietas iekapsulēt citas lietas? 183 00:07:35,349 --> 00:07:38,140 ALLISON Buchholtz-AU: Arī tikko teikt, piemēram, viens no labākajiem veidiem, kā 184 00:07:38,140 --> 00:07:40,889 lai patiešām iegūt apmierināti ar CSS ir tikai darīt lietas, piemēram, tas, 185 00:07:40,889 --> 00:07:42,050 vienkārši to izmēģinātu. 186 00:07:42,050 --> 00:07:46,700 Tas ir ļoti vienkārši kaut ko rakstīt out, hit Atsvaidzināt, un redzēt, kas notiek. 187 00:07:46,700 --> 00:07:48,940 Un kā ar lielāko CS, eksperimenti bieži vien var 188 00:07:48,940 --> 00:07:51,790 novest pie daudz labāk intuitīvi izpratne. 189 00:07:51,790 --> 00:07:54,432 Pat vairāk nekā mums tikai, piemēram, runājot ar jums. 190 00:07:54,432 --> 00:07:58,350 >> TOMAS REIMERS: Pilnīgi 100% piekrītu šajā jautājumā. 191 00:07:58,350 --> 00:08:02,430 Tātad, ja mēs ejam atpakaļ uz to, sāksim preparēšanas tieši to, ko šie divi darīt. 192 00:08:02,430 --> 00:08:04,550 Tātad mums ir divi noteikumi par to. 193 00:08:04,550 --> 00:08:07,420 Tātad pirmais ir fona krāsu. 194 00:08:07,420 --> 00:08:10,590 Un jūs redzēsiet, ka mēs esam, kas to vienāds ar vērtību, gaiši zilā. 195 00:08:10,590 --> 00:08:15,009 >> Tātad CSS, CSS ir sava ļoti mīksti par to, kā 196 00:08:15,009 --> 00:08:16,300 jums ir tiesības definēt krāsu. 197 00:08:16,300 --> 00:08:17,800 Tātad jūs varat noteikt tos pēc nosaukuma. 198 00:08:17,800 --> 00:08:20,650 Jūs varat arī darīt kaut ko līdzīgu "sarkanā krāsā." 199 00:08:20,650 --> 00:08:25,270 Un tad, ja mēs ejam atpakaļ uz to, Jūs redzēsiet, ka fons ir sarkanā krāsā. 200 00:08:25,270 --> 00:08:29,040 Jūs varat arī saņemt really-- es domāju, jums var iegūt diezgan radoši ar to, 201 00:08:29,040 --> 00:08:29,540 vai ne? 202 00:08:29,540 --> 00:08:31,170 >> ALLISON Buchholtz-AU: I domāju, ka jūs varat izmantot Hex. 203 00:08:31,170 --> 00:08:31,250 Vai ne? 204 00:08:31,250 --> 00:08:32,083 >> TOMAS REIMERS: Jā. 205 00:08:32,083 --> 00:08:32,969 Tātad jūs varat izmantot Hex. 206 00:08:32,969 --> 00:08:34,490 Bet es domāju vārdu gudrs. 207 00:08:34,490 --> 00:08:35,385 Vai tur nav? 208 00:08:35,385 --> 00:08:37,260 ALLISON Buchholtz-AU: Jūs varat darīt diezgan maz. 209 00:08:37,260 --> 00:08:43,350 Diezgan daudz, piemēram, lielākā daļa krāsas, kas jums var name--, piemēram, es domāju, ka lasis ir viens. 210 00:08:43,350 --> 00:08:45,322 >> TOMAS REIMERS: Mēs esam gonna izmēģināt lasi. 211 00:08:45,322 --> 00:08:47,530 ALLISON Buchholtz-AU: I domāju chartreuse ir tur. 212 00:08:47,530 --> 00:08:48,050 TOMAS REIMERS: Jā. 213 00:08:48,050 --> 00:08:48,550 Redzēt? 214 00:08:48,550 --> 00:08:50,080 Tātad jūs varat saņemt diezgan radoši. 215 00:08:50,080 --> 00:08:52,246 >> ALLISON Buchholtz-AU: You varētu iegūt diezgan radošs. 216 00:08:52,246 --> 00:08:55,750 Tāpat kā, ja jūs varat iedomāties krāsas nosaukums, tas ir iespējams, jo tur. 217 00:08:55,750 --> 00:08:57,840 Ja jūs patiešām vēlaties fine detaļu, jūs varat iet Hex. 218 00:08:57,840 --> 00:08:58,673 >> TOMAS REIMERS: Jā. 219 00:08:58,673 --> 00:08:59,390 Tik heksadecimālo. 220 00:08:59,390 --> 00:09:05,280 Ja jūs puiši atcerēsies šo atpakaļ no vecā PSET, Image atgūt, 221 00:09:05,280 --> 00:09:08,300 jūs puiši bija jātiek galā ar šīm hex vērtībām. 222 00:09:08,300 --> 00:09:15,280 Un veida vēlreiz apkopot to, kas tas ir, hex ir trīs vērtības glabā to. 223 00:09:15,280 --> 00:09:17,250 Tātad, tas ir grupās divu intervālu. 224 00:09:17,250 --> 00:09:19,300 Pirmie divi pārstāv sarkano vērtību. 225 00:09:19,300 --> 00:09:22,420 Otrais pārstāv zaļā vērtību. 226 00:09:22,420 --> 00:09:25,020 Un pēdējais ir zils? 227 00:09:25,020 --> 00:09:30,050 >> Tātad FF notiek pārstāvēt heksadecimālo 255. 228 00:09:30,050 --> 00:09:35,480 Tātad jums ir 255 sarkans, 255 zaļa, un 0 zilā krāsā. 229 00:09:35,480 --> 00:09:37,670 Un vērtības svārstās no 0 līdz 255. 230 00:09:37,670 --> 00:09:38,350 >> AUDITORIJA: Right. 231 00:09:38,350 --> 00:09:41,472 Tātad būtībā, mēs varētu meklēt internets jebkurā krāsā mēs vēlamies, 232 00:09:41,472 --> 00:09:43,912 un noteikt faktiski pazīstams krāsu spektrs combo, 233 00:09:43,912 --> 00:09:45,130 un tad mēs varētu likt to? 234 00:09:45,130 --> 00:09:46,380 ALLISON Buchholtz-AU: Tieši tā. 235 00:09:46,380 --> 00:09:52,900 Tātad jums ir diezgan daudz pilnīga kontrole pār krāsu jūs vēlaties ietvaros CSS. 236 00:09:52,900 --> 00:09:55,069 Vai mēs runājam par fona attēlus vēlāk? 237 00:09:55,069 --> 00:09:56,110 Vai mēs gribam to darīt? 238 00:09:56,110 --> 00:09:56,240 >> TOMAS REIMERS: Jā. 239 00:09:56,240 --> 00:09:57,010 Absolūti. 240 00:09:57,010 --> 00:10:00,830 Tātad, pirmkārt, tikai, lai pierādītu, ka sarkans un zaļš ir dzeltenā krāsā. 241 00:10:00,830 --> 00:10:03,120 Un, ja jums ir nepieciešams zināms palīdzēt atrast šo, jūs 242 00:10:03,120 --> 00:10:05,575 Vai Google kaut ko piemēram, "Color Picker." 243 00:10:05,575 --> 00:10:07,200 ALLISON Buchholtz-AU: Ak, tas ir tik labi. 244 00:10:07,200 --> 00:10:09,090 Es mīlu Color Picker. 245 00:10:09,090 --> 00:10:11,360 >> TOMAS REIMERS: colorpicker.com ir labs piemērs. 246 00:10:11,360 --> 00:10:14,580 Un šeit, jūs redzēsiet, ka jums ir pilna Photoshop līdzīgu krāsu plūcējs. 247 00:10:14,580 --> 00:10:14,920 >> ALLISON Buchholtz-AU: Mm-hm. 248 00:10:14,920 --> 00:10:16,980 Arī labas lietas ir jums var radīt krāsu shēmas 249 00:10:16,980 --> 00:10:18,896 tā, ka jums nav, piemēram, kas ir pretrunā krāsas. 250 00:10:18,896 --> 00:10:22,780 TOMAS REIMERS: Un tad šeit ir hex vērtība šeit. 251 00:10:22,780 --> 00:10:27,800 Tātad, jūs vienmēr varat atrast internetā būtībā vietas, lai iegūtu Hex vērtību no. 252 00:10:27,800 --> 00:10:31,667 Tas nav veida, ka tikai, piemēram, mēs redzēt krāsas pasaules skaita. 253 00:10:31,667 --> 00:10:34,000 Tas ir vairāk, ka mēs ejam online un atrast kādas krāsas mēs gribam, 254 00:10:34,000 --> 00:10:36,850 un tad skaitli uz leju. 255 00:10:36,850 --> 00:10:39,590 Jo tas ir tikai ļoti viegli veids, kā atsauces lietas CS. 256 00:10:39,590 --> 00:10:40,350 >> ALLISON Buchholtz-AU: Un tad tur ir also-- 257 00:10:40,350 --> 00:10:41,630 Esmu aizmirsis precīzu nosaukumu vietā. 258 00:10:41,630 --> 00:10:43,838 Bet tur ir noteikti, es domāju, kaut ko no Adobe 259 00:10:43,838 --> 00:10:48,350 kas rada krāsu shēmas, lai jūs, kas ir tiešām foršs, jo jums 260 00:10:48,350 --> 00:10:50,580 definitely-- tas dažreiz grūti izrēķināt, 261 00:10:50,580 --> 00:10:53,729 oh, ja es vēlos izmantot šo krāsu, to, kas varētu būt vēl viens noderīgs viens 262 00:10:53,729 --> 00:10:56,395 izmantot citur manā vietā, lai, piemēram, padarīt to jauka un saliedēta. 263 00:10:56,395 --> 00:11:00,430 264 00:11:00,430 --> 00:11:04,260 >> TOMAS REIMERS: Allison runā viens Adobe sauc Kuler, es domāju. 265 00:11:04,260 --> 00:11:04,885 Tas ir K-U-L-E-R. 266 00:11:04,885 --> 00:11:06,259 ALLISON Buchholtz-AU: es tā domāju. 267 00:11:06,259 --> 00:11:07,610 Es esmu diezgan pārliecināts, ka ir viens. 268 00:11:07,610 --> 00:11:11,050 >> TOMAS REIMERS: Mani mīļākie ir vienmēr ir bijis Krāsu shēma Dizaineris. 269 00:11:11,050 --> 00:11:13,998 >> ALLISON Buchholtz-AU: Ooh. 270 00:11:13,998 --> 00:11:16,010 >> TOMAS REIMERS: Kurš ir now-- 271 00:11:16,010 --> 00:11:16,860 >> ALLISON Buchholtz-AU: Ah, tas ir skaisti. 272 00:11:16,860 --> 00:11:18,818 >> TOMAS REIMERS: Un jūs var būtībā teikt, piemēram, 273 00:11:18,818 --> 00:11:21,700 Es vēlas, trīs krāsas blakus viens otram. 274 00:11:21,700 --> 00:11:25,030 Un tad pieņemsim kaut ko jauku darīt. 275 00:11:25,030 --> 00:11:29,210 Un tad jūs varat saņemt piemēru par to, kas tas varētu izskatīties. 276 00:11:29,210 --> 00:11:32,470 Un tad, ja jūs lidināties virs kādu viņiem, tas dod jums hex vērtību. 277 00:11:32,470 --> 00:11:35,010 >> Tik vienkārši kā labs veids, kā sākt domājot par krāsu shēmām 278 00:11:35,010 --> 00:11:39,570 vai kādas krāsas ir mājas lapā varētu iet labi kopā. 279 00:11:39,570 --> 00:11:45,655 Jo, kas var būt pārsteidzoši nav tik viegli izvēlēties, kā jūs domājat. 280 00:11:45,655 --> 00:11:48,280 Un tad otru cool lieta Es esmu vienmēr atrada par šo vietni 281 00:11:48,280 --> 00:11:51,480 ir, ja jūs hit piemēri, tas būs rāda piemēru, kādā mājas lapā 282 00:11:51,480 --> 00:11:54,800 varētu izskatīties, izmantojot šo krāsu shēmu. 283 00:11:54,800 --> 00:11:56,270 Anyway. 284 00:11:56,270 --> 00:11:57,863 >> Atpakaļ uz faktisko CSS. 285 00:11:57,863 --> 00:12:01,112 ALLISON Buchholtz-AU: Bet protams, mēs zināt šīs norādes varētu būt noderīga. 286 00:12:01,112 --> 00:12:03,195 TOMAS REIMERS: Nē, viņi noteikti var būt noderīga. 287 00:12:03,195 --> 00:12:04,720 Tātad otrajā likums, Allison? 288 00:12:04,720 --> 00:12:05,844 >> ALLISON Buchholtz-AU: Jā. 289 00:12:05,844 --> 00:12:08,280 Otrais noteikums ir tikai atbilst mūsu fontu. 290 00:12:08,280 --> 00:12:11,520 Tātad fonts svars ir tikai veida of-- tā svars būtu 291 00:12:11,520 --> 00:12:15,220 būt, ja jūs vēlaties, tāpat, piemēram, normāls vai, piemēram, plānāks fontus, 292 00:12:15,220 --> 00:12:17,251 vai šajā gadījumā, tāpat, bold. 293 00:12:17,251 --> 00:12:17,750 Es aizmirstu. 294 00:12:17,750 --> 00:12:21,557 Kas ir, ja jūs vēlētos it-- ir tur plānāks vienu nekā tikai, piemēram, normāli? 295 00:12:21,557 --> 00:12:24,140 TOMAS REIMERS: man nav reāli zināt, vai tur ir plānāks viens. 296 00:12:24,140 --> 00:12:24,680 ALLISON Buchholtz-AU: es aizmirstu. 297 00:12:24,680 --> 00:12:26,300 Tātad fonta svars mēs parasti tikai izmantot treknrakstā. 298 00:12:26,300 --> 00:12:29,010 Ja jūs vēlaties saņemt patiešām vērā tā, mēs ejam, lai parādītu jums. 299 00:12:29,010 --> 00:12:34,317 W3Schools ir visas atšķirīgs lietas, jūs varat darīt, lai fontus. 300 00:12:34,317 --> 00:12:36,900 Bet būtībā, ja jūs kādreiz vēlaties mainīt kaut ko par fontu, 301 00:12:36,900 --> 00:12:39,330 tas vienmēr būs, piemēram, font-kaut ko. 302 00:12:39,330 --> 00:12:43,450 Tātad tas būs, piemēram, burtu-ģimeni, ja esat mēģinot mainīt faktisko veidu. 303 00:12:43,450 --> 00:12:47,390 Tas būs font-style, ja jums vēlas, lai padarītu to kā kursīvs, 304 00:12:47,390 --> 00:12:49,710 vai slīprakstā, vai plauktiņš. 305 00:12:49,710 --> 00:12:53,570 Vai pat fonta krāsu, ja Mēs vēlējāmies, lai mainītu to. 306 00:12:53,570 --> 00:12:55,621 >> TOMAS REIMERS: Yup. 307 00:12:55,621 --> 00:12:56,925 Tātad jūs varat mainīt. 308 00:12:56,925 --> 00:12:59,360 Un veida tikai Atgādinājums tagad, tāpēc jūs varat 309 00:12:59,360 --> 00:13:01,400 redzēt, ka mums ir selektoru šeit. 310 00:13:01,400 --> 00:13:03,000 Mums ir šie cirtaini lencēm. 311 00:13:03,000 --> 00:13:06,735 Un tad mums ir noteikumi atdalīts ar semikoliem. 312 00:13:06,735 --> 00:13:08,100 Vai tas ir jēga? 313 00:13:08,100 --> 00:13:09,130 Yeah? 314 00:13:09,130 --> 00:13:10,500 Cool. 315 00:13:10,500 --> 00:13:13,200 Tātad, ja tas ir 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: Parunāsim speciāli par to, kāda veida šķirotāja mums ir. 318 00:13:17,590 --> 00:13:19,790 "Iemesls šobrīd mēs esam kārtot tikai parādīts tagus. 319 00:13:19,790 --> 00:13:21,696 Bet jūs puiši varētu redzēt to ticams. 320 00:13:21,696 --> 00:13:23,570 Say jums ir divus punktus lapā un jums 321 00:13:23,570 --> 00:13:26,087 vēlas, lai varētu to stilu viens, bet ne citādi, 322 00:13:26,087 --> 00:13:29,170 jums nav vienkārši vēlaties ierobežot sevi ir izmantot dažādas faktisko HTML 323 00:13:29,170 --> 00:13:33,410 tags dot viņiem dažādus stilus. 324 00:13:33,410 --> 00:13:35,995 >> Tātad mums ir trīs pamata veidi šķirotāja. 325 00:13:35,995 --> 00:13:37,120 ALLISON Buchholtz-AU: Jā. 326 00:13:37,120 --> 00:13:39,828 Tāpēc mums ir tag, kas ir tas, ko mēs esam runājuši par tieši tagad. 327 00:13:39,828 --> 00:13:42,430 Tātad tas ir veids, kā jūsu ķermeņa vai p. 328 00:13:42,430 --> 00:13:46,280 Un tad mums ir klase, kas ir kad mēs definējam to mūsu CSS failu, 329 00:13:46,280 --> 00:13:49,907 tas vienmēr būs dot, neatkarīgi vēlaties nosaukums jūsu klasei. 330 00:13:49,907 --> 00:13:51,490 Un tas var attiekties uz vairākām lietām. 331 00:13:51,490 --> 00:13:54,610 332 00:13:54,610 --> 00:13:57,610 >> Say jums ir pieci punkti un divi no trim no tām 333 00:13:57,610 --> 00:14:00,580 nepieciešams veidoti vienādi, Jūs varētu piemērot klasi uz to. 334 00:14:00,580 --> 00:14:03,040 Un tas ir tikai veids, kā mēs to darām. 335 00:14:03,040 --> 00:14:05,600 Mēs jums piemēru ja tas tiešām rāda uz augšu. 336 00:14:05,600 --> 00:14:11,030 Bet, ja jums bija varbūt kādu tagu p, pēc tam, jūs varētu rakstīt, 337 00:14:11,030 --> 00:14:14,170 klase ir vienāds neatkarīgi nodarbības Jūs vēlaties pieteikties uz to. 338 00:14:14,170 --> 00:14:19,280 Tātad, kāds klases selektori, ka mēs vēlamies piemērot šo konkrēto punktu, 339 00:14:19,280 --> 00:14:21,300 mēs varētu vienkārši uzrakstīt kā šis. 340 00:14:21,300 --> 00:14:24,080 Protams, es domāju, ka piemērs padarīs to daudz betona. 341 00:14:24,080 --> 00:14:27,270 >> Otrs mums ir id, ko mēs apzīmētu 342 00:14:27,270 --> 00:14:29,707 ar hash vai mārciņas, vai 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 Kas darbojas, too. 346 00:14:34,550 --> 00:14:36,640 Un tas viens ir patiešām unikāls. 347 00:14:36,640 --> 00:14:39,880 Tie būtu tikai uz viena lieta, par jūsu lapā. 348 00:14:39,880 --> 00:14:43,820 Tā, vai tas ir īpašs punkts vai kāds priekšmets sarakstā, vai kāds, 349 00:14:43,820 --> 00:14:45,090 tas būtu unikāls. 350 00:14:45,090 --> 00:14:48,730 Un tādā pašā veidā, ka mēs tikko saka, piemēram, class = "kategorija 1 class2," 351 00:14:48,730 --> 00:14:51,577 tas var būt tikai id no kāda mums ir. 352 00:14:51,577 --> 00:14:52,410 TOMAS REIMERS: Jā. 353 00:14:52,410 --> 00:14:54,330 Tātad, pieņemsim noteikti talk par piemēru šeit. 354 00:14:54,330 --> 00:14:58,170 Un es esmu tikai gatavojas nirt taisni atpakaļ uz kodu. 355 00:14:58,170 --> 00:15:02,090 Tātad, pieņemsim apskatīt mūsu HTML. 356 00:15:02,090 --> 00:15:03,960 Un tāpēc mums tagad ir viens punkts. 357 00:15:03,960 --> 00:15:05,510 Tas ir teksts. 358 00:15:05,510 --> 00:15:09,151 Es esmu tikai gatavojas mainīt tā. "Šis ir teksts 1." 359 00:15:09,151 --> 00:15:11,150 Un tad mēs ejam ir "Šis ir teksts 2." 360 00:15:11,150 --> 00:15:12,525 >> ALLISON Buchholtz-AU: Second vienu. 361 00:15:12,525 --> 00:15:13,540 TOMAS REIMERS: Yup. 362 00:15:13,540 --> 00:15:16,810 Tāpēc mums tagad ir "Tas ir teksts 2," vai ne? 363 00:15:16,810 --> 00:15:21,560 Un mēs ejam, lai redzētu, ka, ja mēs pārlādētu lapas, ko mēs ejam, lai atrastu 364 00:15:21,560 --> 00:15:23,067 ir, mēs esam gonna 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 Mēs ejam, lai atrastu "Tas ir teksts 1 "un" Šis ir teksts 2. " 368 00:15:27,570 --> 00:15:28,650 >> ALLISON Buchholtz-AU: And ārā jauki dzeltenā krāsā. 369 00:15:28,650 --> 00:15:31,066 >> TOMAS REIMERS: Un jūs redzēsiet ka mūsu pārslēgs tieši tagad, 370 00:15:31,066 --> 00:15:34,940 kas attiecas uz p s, vai punkts, ietekmē gan no tiem, 371 00:15:34,940 --> 00:15:38,700 jo viņiem abiem tikties nosacījums, ka viņi abi p tag. 372 00:15:38,700 --> 00:15:40,360 Tas padara kopējo sajūtu. 373 00:15:40,360 --> 00:15:43,340 Tātad jautājums ir, labi, kādi ja mēs vēlējāmies, lai tikai iegūtu vienu? 374 00:15:43,340 --> 00:15:46,350 Tātad, tieši tāpat kā Allison teica, mums ir divi citi veidi, kā darīt. 375 00:15:46,350 --> 00:15:47,320 Es esmu gatavojas sākt ar id. 376 00:15:47,320 --> 00:15:48,405 >> ALLISON Buchholtz-AU: Sāksim ar id. 377 00:15:48,405 --> 00:15:50,405 >> TOMAS REIMERS: Un gan no tiem ir atribūti. 378 00:15:50,405 --> 00:15:53,200 Tātad atribūti pastāv HTML. 379 00:15:53,200 --> 00:15:55,600 Un ko viņi ir kaut kas jums pievienot 380 00:15:55,600 --> 00:15:58,840 iekšpusē tag, kas ir atsevišķi no taga nosaukumu. 381 00:15:58,840 --> 00:16:01,301 Tātad jūs varat būt vairākas atribūti. 382 00:16:01,301 --> 00:16:01,800 Yeah? 383 00:16:01,800 --> 00:16:03,950 >> ALLISON Buchholtz-AU: man bija tikai gatavojas teikt, no jūsu piemēram, no PSET 7, 384 00:16:03,950 --> 00:16:06,650 ja kāds no jums mēģinās saskaņot lietas, kas centrā, 385 00:16:06,650 --> 00:16:08,550 jūs varētu būt izmantotas "Teksta saskaņot = centru." 386 00:16:08,550 --> 00:16:10,550 Un esat ievērojuši to, iespējams, būtu vērsta 387 00:16:10,550 --> 00:16:12,650 savu tekstu vai jūsu navigācijas bar. 388 00:16:12,650 --> 00:16:15,499 Tātad tas ir tikai arī atribūts ka jūs varētu būt pazīstami ar. 389 00:16:15,499 --> 00:16:18,040 TOMAS REIMERS: Tur ķekars no atribūti, ka jūs redzēsiet. 390 00:16:18,040 --> 00:16:18,539 Yeah. 391 00:16:18,539 --> 00:16:21,250 Tāpat kā labs atsaucoties uz PSET 7. 392 00:16:21,250 --> 00:16:23,150 Mums ir id. 393 00:16:23,150 --> 00:16:25,080 Jūs varat arī klase, lietas, kā šis. 394 00:16:25,080 --> 00:16:27,250 Viena tag var būt daudz atribūtus. 395 00:16:27,250 --> 00:16:33,140 Tātad sākot ar id, pieņemsim izlikties mēs vēlaties, lai būtu id of-- es nezinu. 396 00:16:33,140 --> 00:16:35,140 Mēs to saucam īpašs, jo šo vienu, mēs esam 397 00:16:35,140 --> 00:16:37,867 gatavojas veikt treknrakstā, un uzsvērt, un neatkarīgi. 398 00:16:37,867 --> 00:16:39,950 ALLISON Buchholtz-AU: Ir gonna būt super īpašs. 399 00:16:39,950 --> 00:16:42,360 TOMAS REIMERS: Tātad šis viens, mums ir id īpašu. 400 00:16:42,360 --> 00:16:48,140 Tātad veids, lai izvēlētos, ka, tad, ir in main.css, nevis ir p tagu, 401 00:16:48,140 --> 00:16:51,500 jūs #special, OK? 402 00:16:51,500 --> 00:16:55,538 Un, kas atlasa lieta ar id special. 403 00:16:55,538 --> 00:16:57,295 Vai tas ir jēga, lai visiem? 404 00:16:57,295 --> 00:16:57,920 AUDITORIJA: Jā. 405 00:16:57,920 --> 00:16:59,110 TOMAS REIMERS: Cool. 406 00:16:59,110 --> 00:17:04,440 Tāpēc tagad, ja mēs ejam atpakaļ, mēs see-- Whoops. 407 00:17:04,440 --> 00:17:06,240 Yeah. 408 00:17:06,240 --> 00:17:09,460 Mēs redzam, ka tas tikai atlasa viens ar id special. 409 00:17:09,460 --> 00:17:10,622 Yeah? 410 00:17:10,622 --> 00:17:11,900 Skaņas atdzist. 411 00:17:11,900 --> 00:17:12,570 Jā. 412 00:17:12,570 --> 00:17:15,456 >> Mērķauditorija: Vai kaut kas ir atribūts gan klases un ID? 413 00:17:15,456 --> 00:17:16,359 >> TOMAS REIMERS: Jā. 414 00:17:16,359 --> 00:17:16,900 AUDITORIJA: OK. 415 00:17:16,900 --> 00:17:20,887 Un tad kas notiek, ja tu pēc tam sniedz tas daži noteikumi CSS, ka konflikts? 416 00:17:20,887 --> 00:17:21,970 TOMAS REIMERS: Protams. 417 00:17:21,970 --> 00:17:23,940 Mēs noteikti gatavojas runāt par to. 418 00:17:23,940 --> 00:17:31,890 Tātad, tieši to, ko jūs saņemat at, jūs varat arī nodarbības. 419 00:17:31,890 --> 00:17:36,380 Tātad, pieņemsim izlikties man bija trīs daļas, un es 420 00:17:36,380 --> 00:17:38,730 vēlējās, lai stils pirmais divi bet ne trešais. 421 00:17:38,730 --> 00:17:42,850 Nu, jūsu pirmā ideja var būt, labi, es varētu tikai dot otrs id. 422 00:17:42,850 --> 00:17:45,590 Bet jūs nevarat, jo ID, tieši tāpat Allison teica, 423 00:17:45,590 --> 00:17:47,330 ir unikāls. 424 00:17:47,330 --> 00:17:50,860 >> Tā vietā, id, ko jūs var izmantot, ir varat izmantot klasi. 425 00:17:50,860 --> 00:17:57,880 Un class-- ko tas ļauj jums jādara, ir būtībā saka, 426 00:17:57,880 --> 00:17:59,610 šis pieder kā daļu no grupas. 427 00:17:59,610 --> 00:18:02,410 Šajā gadījumā, mūsu grupa sauc Special. 428 00:18:02,410 --> 00:18:06,500 Un tas, ko mēs gatavojamies darīt, tad ir, mēs ejam say-- nevis mārciņu, 429 00:18:06,500 --> 00:18:08,070 mēs spēsim izmantot dot. 430 00:18:08,070 --> 00:18:08,740 OK? 431 00:18:08,740 --> 00:18:11,950 Un paziņojums, ka mārciņa un dot eksistēt tikai CSS failu, 432 00:18:11,950 --> 00:18:12,797 neietilpst HTML. 433 00:18:12,797 --> 00:18:13,880 ALLISON Buchholtz-AU: Jā. 434 00:18:13,880 --> 00:18:15,185 Būtiska atšķirība. 435 00:18:15,185 --> 00:18:17,510 >> TOMAS REIMERS: Man ir bija tik daudz cīņu, 436 00:18:17,510 --> 00:18:23,990 jo man hash ar HTML un tad vienkārši jutās stulba uz ilgu laiku. 437 00:18:23,990 --> 00:18:27,470 Redzēt, kā tas atlasa abas tie, ar šīs klases? 438 00:18:27,470 --> 00:18:28,210 Cool. 439 00:18:28,210 --> 00:18:29,950 >> Tagad, lietas var būt vairākas klases. 440 00:18:29,950 --> 00:18:32,790 Pieņemsim, ka es gribēju, lai pirmais divi ir fona dzeltens 441 00:18:32,790 --> 00:18:36,770 un otrais divi būt fonta krāsa zila. 442 00:18:36,770 --> 00:18:37,270 OK. 443 00:18:37,270 --> 00:18:39,735 Es īsti nezinu, kāpēc es gribētu vēlas to darīt, bet es varu. 444 00:18:39,735 --> 00:18:42,401 >> ALLISON Buchholtz-AU: Might nav ieteica to savā mājas lapā. 445 00:18:42,401 --> 00:18:43,880 Bet mūsu vajadzībām, tas būs jādara. 446 00:18:43,880 --> 00:18:46,294 >> TOMAS REIMERS: Tas nav labs krāsu shēmu. 447 00:18:46,294 --> 00:18:49,210 ALLISON Buchholtz-AU: Nu, dzeltena un zila ir mana vidusskolas krāsas. 448 00:18:49,210 --> 00:18:50,947 Es nezinu, though. 449 00:18:50,947 --> 00:18:53,530 TOMAS REIMERS: Allison Lielais Skola bija lieliska krāsu shēmu. 450 00:18:53,530 --> 00:18:54,520 [Smiekli] 451 00:18:54,520 --> 00:18:59,120 Tātad, tad ko mēs varam zvanīt tas ir Sauksim this-- tāpēc mums ir īpaša 452 00:18:59,120 --> 00:19:00,030 un mums ir Pretty. 453 00:19:00,030 --> 00:19:02,405 Es ieteiktu, jo tas, jūs izmantojat daudz aprakstošus vārdus. 454 00:19:02,405 --> 00:19:05,820 ALLISON Buchholtz-AU: Jā, es būtu to sauc, piemēram, dzeltenā vai zilā krāsā. 455 00:19:05,820 --> 00:19:08,314 >> TOMAS REIMERS: Mēs neesam patiešām padarīt reālu mājas lapā, 456 00:19:08,314 --> 00:19:09,730 kas ir iemesls, kāpēc mēs nedarām to. 457 00:19:09,730 --> 00:19:11,521 Bet, ja jūs faktiski bija reāla mājas lapā, jūs 458 00:19:11,521 --> 00:19:16,220 varētu būt, piemēram, raksts header, rakstu saturu, pirmais vārds, 459 00:19:16,220 --> 00:19:21,920 lietas, piemēram, ka, kas ļauj Jums ir daudz vairāk aprakstošs. 460 00:19:21,920 --> 00:19:23,550 Tie ir patiešām tāpat kā mainīgajiem. 461 00:19:23,550 --> 00:19:28,390 Tie būtu jānosauc tādā veidā kur Jūs varat, like-- yeah, kā tādu. 462 00:19:28,390 --> 00:19:29,470 Perfekta. 463 00:19:29,470 --> 00:19:30,480 >> Tā fona krāsu. 464 00:19:30,480 --> 00:19:35,920 Un tad mēs ejam say-- tā veids, kā mainīt krāsu, ir tikai "krāsu." 465 00:19:35,920 --> 00:19:38,412 Un mēs ejam, lai padarītu to zilā krāsā. 466 00:19:38,412 --> 00:19:40,150 Tas ir forši. 467 00:19:40,150 --> 00:19:42,640 Tāpēc tagad mums ir pirmie divi ir īpašs. 468 00:19:42,640 --> 00:19:45,972 Nākamais gatavojas ir "class = diezgan." 469 00:19:45,972 --> 00:19:49,180 ALLISON Buchholtz-AU: Un tad jūs vēlaties pievienot "diezgan", to vidū vienu. 470 00:19:49,180 --> 00:19:49,971 TOMAS REIMERS: Yup. 471 00:19:49,971 --> 00:19:52,970 Un pēc tam uz vidu one, pievienot "diezgan", kas notiek 472 00:19:52,970 --> 00:19:56,880 ir jums vienkārši ir atstarpi. 473 00:19:56,880 --> 00:19:59,800 Tātad klases atribūtu ir telpa atdalīts saraksts 474 00:19:59,800 --> 00:20:02,450 no visām klasēm kas attiecas uz šo atzīmi. 475 00:20:02,450 --> 00:20:02,959 OK? 476 00:20:02,959 --> 00:20:05,750 Tas nav kā šis viens pieder daži no īpašas klases veida sauc 477 00:20:05,750 --> 00:20:07,180 "Īpašs, telpa, diezgan." 478 00:20:07,180 --> 00:20:10,870 Tas pieder pie divām classes-- īpašs un skaists. 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 >> Un tad, ja mēs skatāmies par to, kas notiek, mēs esam 482 00:20:17,010 --> 00:20:21,850 gatavojas redzēt, ka pirmais ir dzeltena fona, melns teksts. 483 00:20:21,850 --> 00:20:22,450 Otrais one-- 484 00:20:22,450 --> 00:20:26,160 >> ALLISON Buchholtz-AU: --has bold dzeltena fona ar zilu tekstu. 485 00:20:26,160 --> 00:20:29,330 Un mūsu pēdējais vienkārši ir zils teksts, kas mums uzticēti. 486 00:20:29,330 --> 00:20:30,870 >> TOMAS REIMERS: Cool? 487 00:20:30,870 --> 00:20:32,491 Kā selektori strādā? 488 00:20:32,491 --> 00:20:32,990 Awesome. 489 00:20:32,990 --> 00:20:34,720 >> ALLISON Buchholtz-AU: Vai mēs vēlamies runāt par konfliktu tagad tad? 490 00:20:34,720 --> 00:20:35,780 >> TOMAS REIMERS: So yeah. 491 00:20:35,780 --> 00:20:36,310 Absolūti. 492 00:20:36,310 --> 00:20:38,380 Tātad, kas notiek, ja jums ir konflikts, vai ne? 493 00:20:38,380 --> 00:20:44,740 Izliecies pirmo, izveido kaut like-- 494 00:20:44,740 --> 00:20:47,240 ALLISON Buchholtz-AU: Varbūt tas viens maina fona? 495 00:20:47,240 --> 00:20:48,090 TOMAS REIMERS: Jā. 496 00:20:48,090 --> 00:20:51,699 Tātad mēs ejam, lai padarītu "skaistu" mainīt fona ar lasi. 497 00:20:51,699 --> 00:20:54,740 ALLISON Buchholtz-AU: Tu esi tikai ar visu lielo krāsas šodien, Tomas. 498 00:20:54,740 --> 00:20:55,573 TOMAS REIMERS: Jā. 499 00:20:55,573 --> 00:20:58,200 Tāpēc, ka es uzzināju varu izmantot lasis kā īsta krāsu. 500 00:20:58,200 --> 00:21:00,270 Tātad, mēs esam tikai gatavojas to darīt. 501 00:21:00,270 --> 00:21:01,770 Es arī domāju, ka Sunset ir īsts krāsu. 502 00:21:01,770 --> 00:21:03,103 Mērķauditorija: Sunset ir īsta krāsu? 503 00:21:03,103 --> 00:21:04,572 ALLISON Buchholtz-AU: Mēģināsim to. 504 00:21:04,572 --> 00:21:07,735 TOMAS REIMERS: Pēc šī demo tikai tāpēc, ka gadījumā, ja tas kopgaldu up, 505 00:21:07,735 --> 00:21:08,943 Es nevēlos, lai debugging. 506 00:21:08,943 --> 00:21:11,580 Tātad mēs zinām, lasis ir īsts krāsu. 507 00:21:11,580 --> 00:21:15,626 Tāpēc jebkura guesses par to, kas notiks? 508 00:21:15,626 --> 00:21:17,522 >> ALLISON Buchholtz-AU: Jebkura ideja? 509 00:21:17,522 --> 00:21:20,002 >> Mērķauditorija: [dzirdams]. 510 00:21:20,002 --> 00:21:20,920 >> TOMAS REIMERS: Jā. 511 00:21:20,920 --> 00:21:22,150 Tātad jums tas tieši labi. 512 00:21:22,150 --> 00:21:24,930 Būtībā, tas aizņem pēdējais noteikums, ka tā tika dota. 513 00:21:24,930 --> 00:21:27,860 >> ALLISON Buchholtz-AU: Tātad tas ir kur kaskādes stājas spēkā. 514 00:21:27,860 --> 00:21:31,080 >> TOMAS REIMERS: Tātad atcerēties, kā mēs bija, ka kaskādes stila lapas? 515 00:21:31,080 --> 00:21:33,660 Tātad, ka mēs veida nozīmē ka mums ir ķekars noteikumu 516 00:21:33,660 --> 00:21:37,115 kas attiecas uz viena virs otras, un tie var arī ignorēt viens otru. 517 00:21:37,115 --> 00:21:39,380 >> ALLISON Buchholtz-AU: So kāds s apakšā 518 00:21:39,380 --> 00:21:41,540 ignorēs kāds ir augšpusē. 519 00:21:41,540 --> 00:21:45,842 Jūs varētu būt noteikumi, kas pilnībā noliegt kaut ko iepriekš. 520 00:21:45,842 --> 00:21:48,300 Tas ir arī iemesls, kāpēc jūs vēlaties būt uzmanīgiem, kad jūs esat stils, 521 00:21:48,300 --> 00:21:51,465 lai jūs neesat radīt noteikumus, kas jūs tikai pilnīgi primāriem. 522 00:21:51,465 --> 00:21:53,340 >> TOMAS REIMERS: Vai varbūt jūs gribam pārrakstīt noteikumus. 523 00:21:53,340 --> 00:21:53,920 >> ALLISON Buchholtz-AU: Vai varbūt jūs darāt. 524 00:21:53,920 --> 00:21:54,300 Jā. 525 00:21:54,300 --> 00:21:57,175 >> TOMAS REIMERS: Izlikties esat klase, kas attiecas uz lielāko daļu lietas, 526 00:21:57,175 --> 00:22:01,220 bet pieņemsim, ka jūs vēlaties mainīt fona krāsu uz sarkano un fontu 527 00:22:01,220 --> 00:22:03,140 svars treknrakstā vairumam lietas, bet par vienu, 528 00:22:03,140 --> 00:22:06,098 vēlaties tikai fona krāsu būt sarkans, bet vēlaties, lai visi citi 529 00:22:06,098 --> 00:22:09,990 īpašības, jūs varētu darīt kaut ko piemēram, "font-weight = normāls," 530 00:22:09,990 --> 00:22:12,760 kas tad atsaukt šo drosmīgo pārmaiņas. 531 00:22:12,760 --> 00:22:14,480 Yeah? 532 00:22:14,480 --> 00:22:17,250 Atkal, labākais veids, es domāju, ka Allison teica, ka tas ir tikai praksē. 533 00:22:17,250 --> 00:22:18,080 >> ALLISON Buchholtz-AU: eksperimenti. 534 00:22:18,080 --> 00:22:20,090 >> TOMAS REIMERS: prakse, prakse, prakse, un eksperiments. 535 00:22:20,090 --> 00:22:22,950 Es zinu daudz cilvēku, kas domā CSS ir tikai daudz uzminēt-un-pārbaudi 536 00:22:22,950 --> 00:22:25,580 beigās, dienā, kur, ja jūs vēlaties darīt something--, piemēram, 537 00:22:25,580 --> 00:22:27,663 jums aptuvenu priekšstatu, bet Jums joprojām, iespējams, ir nepieciešams 538 00:22:27,663 --> 00:22:31,390 to izmēģināt, lai pārliecinātos, jūs zināt, kā tas izskatās. 539 00:22:31,390 --> 00:22:34,482 >> Mērķauditorija: Kad jūs esat piesakās klases, vairāk nekā viens 540 00:22:34,482 --> 00:22:37,339 ar to pašu punktu, vai nodaļas, to dara 541 00:22:37,339 --> 00:22:39,505 neatkarīgi no tā, kādā secībā jūs varat ierakstiet tos pēdiņām? 542 00:22:39,505 --> 00:22:40,992 >> TOMAS REIMERS: Nē, nemaz. 543 00:22:40,992 --> 00:22:45,764 >> ALLISON Buchholtz-AU: Svarīgi ir rīkojums jūsu CSS stila lapas. 544 00:22:45,764 --> 00:22:47,430 Mērķauditorija: Vai jūs varētu atkārtot jautājumu? 545 00:22:47,430 --> 00:22:50,680 TOMAS REIMERS: Ak. 546 00:22:50,680 --> 00:22:53,990 ALLISON Buchholtz-AU: ietvaros klases, kad jūs dodat nodarbības 547 00:22:53,990 --> 00:22:56,964 uz kaut ko HTML, nav tas jautājums, ko lai viņi ir? 548 00:22:56,964 --> 00:22:58,130 Tas nav svarīgi pasūtījumu. 549 00:22:58,130 --> 00:23:02,915 Nozīme ir no rīkojums klases selektori jūsu CSS, 550 00:23:02,915 --> 00:23:04,306 jūsu stila lapas. 551 00:23:04,306 --> 00:23:06,982 >> TOMAS REIMERS: Sound labs? 552 00:23:06,982 --> 00:23:08,532 >> ALLISON Buchholtz-AU: Lovely. 553 00:23:08,532 --> 00:23:11,539 >> TOMAS REIMERS: Un tad mēs turpināsim kuri paredzēti, lai 554 00:23:11,539 --> 00:23:13,330 ALLISON Buchholtz-AU: Kas mums ir tālāk? 555 00:23:13,330 --> 00:23:14,245 Es aizmirstu. 556 00:23:14,245 --> 00:23:16,087 Ak, mēs vienkārši ir piemēri. 557 00:23:16,087 --> 00:23:17,295 Bet mēs esam veida darījuši tiem. 558 00:23:17,295 --> 00:23:18,990 Mēs esam darījuši piemērus par lidot. 559 00:23:18,990 --> 00:23:20,540 >> TOMAS REIMERS: Mēs nokļūt apvienot selektori drīz. 560 00:23:20,540 --> 00:23:22,790 >> ALLISON Buchholtz-AU: Ak, mēs apvienot selektori. 561 00:23:22,790 --> 00:23:25,260 TOMAS REIMERS: Tātad daži piemēri ir mums 562 00:23:25,260 --> 00:23:29,630 # Dog-- mārciņu, vai hashtag, vai octothorpe, vai kāds 563 00:23:29,630 --> 00:23:32,050 Jūs vēlaties, lai izsauktu that-- asas. 564 00:23:32,050 --> 00:23:34,875 >> ALLISON Buchholtz-AU: Sharp suns. 565 00:23:34,875 --> 00:23:36,470 >> TOMAS REIMERS: Tad jums ir .pets. 566 00:23:36,470 --> 00:23:39,059 567 00:23:39,059 --> 00:23:41,600 Kaut kas ir id suns, tur ir tikai viens suns lapā. 568 00:23:41,600 --> 00:23:43,870 Kaut kas ir id kaķis, tur ir tikai viens kaķis. 569 00:23:43,870 --> 00:23:45,665 Tur var būt daudz mājdzīvnieki uz lapas. 570 00:23:45,665 --> 00:23:47,570 Tieši tāpēc mēs deva, ka klasēs. 571 00:23:47,570 --> 00:23:48,740 Jums ir piemērs p. 572 00:23:48,740 --> 00:23:50,490 Un pēc tam tā viens no Pēdējais piemērs, kas 573 00:23:50,490 --> 00:23:53,790 ir kaut mēs neesam runājuši par, ir tas, kas notiek, kad jūs apvienot tos. 574 00:23:53,790 --> 00:23:54,580 Tik p.pets. 575 00:23:54,580 --> 00:23:57,510 576 00:23:57,510 --> 00:24:02,950 >> Tātad, ka iesim atpakaļ kods un ieviest another-- yeah. 577 00:24:02,950 --> 00:24:04,290 Tātad atpakaļ šeit. 578 00:24:04,290 --> 00:24:04,850 >> ALLISON Buchholtz-AU: I šķiet, ka tas ir really-- 579 00:24:04,850 --> 00:24:08,105 piemēram, tikai skatoties caur piemēriem ir patiešām veids, kā mācīties šo. 580 00:24:08,105 --> 00:24:09,360 Tāpēc, ka tas, ko mēs darām. 581 00:24:09,360 --> 00:24:14,030 >> TOMAS REIMERS: Tātad pieņemsim izlikties mēs tikai vēlas, lai izvēlētos tekstu 2, vai ne? 582 00:24:14,030 --> 00:24:16,530 Tātad, mēs noteikti nevaram darīt ar id. 583 00:24:16,530 --> 00:24:19,620 Nu, mēs varētu darīt, ka ar id, bet tas nav id. 584 00:24:19,620 --> 00:24:22,490 Es varētu pievienot vienu, bet pieņemsim izlikties ka es negribēju, lai pievienotu vienu 585 00:24:22,490 --> 00:24:24,910 vai tas jau ir kaut kas cits. 586 00:24:24,910 --> 00:24:26,516 Es nevaru darīt, ka ar to. 587 00:24:26,516 --> 00:24:28,870 Tag noteikti nav unikāls, labi? 588 00:24:28,870 --> 00:24:30,670 Un neviena no tām nav klase. 589 00:24:30,670 --> 00:24:32,314 Bet jūs varat apvienot šīs lietas. 590 00:24:32,314 --> 00:24:35,230 Teiksim, mēs gribējām kaut ko darīt kas attiecas tikai uz lietām, kuras 591 00:24:35,230 --> 00:24:39,420 ir klases īpašs un kas ir klasi diezgan. 592 00:24:39,420 --> 00:24:48,150 >> Tātad, ko jūs varat darīt, ir main.css, Jūs varat teikt, pieņemsim vispirms izdzēsiet to. 593 00:24:48,150 --> 00:24:50,240 Jūs varat apvienot tos. 594 00:24:50,240 --> 00:24:51,430 Tātad jūs varat darīt .special. 595 00:24:51,430 --> 00:24:52,110 Nav vietas. 596 00:24:52,110 --> 00:24:54,770 Just .special.pretty. 597 00:24:54,770 --> 00:25:00,550 Ko tas nozīmē, ka ir kaut kas kas ir gan īpašs un skaists. 598 00:25:00,550 --> 00:25:01,900 Vai tas ir jēga? 599 00:25:01,900 --> 00:25:04,190 Un, ja mēs ejam šeit, kādi jūs gatavojas redzēt 600 00:25:04,190 --> 00:25:09,734 ir šis noteikums attiecas tikai uz Otrs, kuram ir gan no tiem. 601 00:25:09,734 --> 00:25:11,400 Un jūs varat darīt, ka daudz lietas. 602 00:25:11,400 --> 00:25:13,270 Jūs varat say-- pieņemsim izlikties Es tikai gribēju 603 00:25:13,270 --> 00:25:18,300 darīt lietas, kas ir klasi diezgan un kas ir arī tag punktu. 604 00:25:18,300 --> 00:25:19,920 Tik p.pretty. 605 00:25:19,920 --> 00:25:23,585 Izliecies, ka man bija kaut kas diezgan uz tagu ķermeni. 606 00:25:23,585 --> 00:25:25,850 OK? 607 00:25:25,850 --> 00:25:28,490 Es varu palaist šo un es var redzēt, ka tas ir tikai 608 00:25:28,490 --> 00:25:32,720 gatavojas piemērot lietām, kuras ir punkts ar klasi diezgan. 609 00:25:32,720 --> 00:25:35,650 Un jūs varat apvienot tos, būtībā, tik daudz, cik vēlaties. 610 00:25:35,650 --> 00:25:38,580 Tātad jūs varat vienkārši viņus kopā. 611 00:25:38,580 --> 00:25:39,604 Vai tas ir jēga? 612 00:25:39,604 --> 00:25:41,770 ALLISON Buchholtz-AU: So šāda veida ir vairāk noderīgs 613 00:25:41,770 --> 00:25:45,490 kad, Tomas teica agrāk, varbūt Jums ir ļoti sarežģīta mājas lapā, 614 00:25:45,490 --> 00:25:48,050 un jums jau ir daudz šo noteikumu rakstveida, 615 00:25:48,050 --> 00:25:51,170 un jums ir nepieciešams, lai apvienot divas no iepriekš. 616 00:25:51,170 --> 00:25:55,350 Tāpat kā tā vietā rakstot veselumu Jaunais selektors un mainot to tur, 617 00:25:55,350 --> 00:25:58,592 Jūs varat vienkārši apvienot tiem, kas pārklājas. 618 00:25:58,592 --> 00:26:00,670 >> TOMAS REIMERS: Vai arī jūs varētu atrast out-- dažreiz 619 00:26:00,670 --> 00:26:04,290 tur ir viena klase, kurā padara fonta krāsu, piemēram, zila, 620 00:26:04,290 --> 00:26:06,740 un tur ir cita klase, kas padara fona zilā krāsā. 621 00:26:06,740 --> 00:26:07,840 Un tas vienkārši nestrādās. 622 00:26:07,840 --> 00:26:10,924 Tātad jūs rakstīt īpašu gadījumu, kad, like-- bet, ja tas ir gan, ko jūs esat 623 00:26:10,924 --> 00:26:13,548 gatavojas darīt, ir jūs gatavojas šī ir viena šo toni zila 624 00:26:13,548 --> 00:26:15,310 un tas viens šo citu toni zilā krāsā. 625 00:26:15,310 --> 00:26:15,580 Taisnība? 626 00:26:15,580 --> 00:26:17,955 >> ALLISON Buchholtz-AU: Good tiem izņēmumu veidu. 627 00:26:17,955 --> 00:26:21,220 TOMAS REIMERS: Tātad, lai domāt par problēmām 628 00:26:21,220 --> 00:26:25,000 kas varētu rasties, ja jūs tos apvienot. 629 00:26:25,000 --> 00:26:27,020 Cool. 630 00:26:27,020 --> 00:26:29,692 Tātad atpakaļ pie mūsu prezentāciju. 631 00:26:29,692 --> 00:26:31,400 ALLISON Buchholtz-AU: Mēs esam gandrīz tur. 632 00:26:31,400 --> 00:26:34,022 TOMAS REIMERS: Un tas ir apstājusies savieno. 633 00:26:34,022 --> 00:26:36,494 ALLISON Buchholtz-AU: Ak, nē. 634 00:26:36,494 --> 00:26:39,125 ALLISON Buchholtz-AU: CS at punkts, interneta iet uz leju. 635 00:26:39,125 --> 00:26:40,360 Ak, ironija. 636 00:26:40,360 --> 00:26:45,620 >> TOMAS REIMERS: Tātad, par laimi, mēs varam iesniegt bez interneta, es domāju, 637 00:26:45,620 --> 00:26:47,380 jo mums ir visas slaidus šeit. 638 00:26:47,380 --> 00:26:49,304 So parunāsim par attiecības tagiem. 639 00:26:49,304 --> 00:26:50,470 ALLISON Buchholtz-AU: Right. 640 00:26:50,470 --> 00:26:52,660 Tik tikko veida iet nost no tā, ko teica Tomas, 641 00:26:52,660 --> 00:26:54,180 tas ir tikai vēl viens veids, kā to darīt. 642 00:26:54,180 --> 00:26:57,840 Tātad mums ir dažas vecāks selektors ar bērnu selektoru. 643 00:26:57,840 --> 00:27:02,815 Tātad šajā piemērā šeit, mums ir dažas ķermenis ar klases navigācijas joslas, klases pogu. 644 00:27:02,815 --> 00:27:03,315 Ah. 645 00:27:03,315 --> 00:27:03,990 >> TOMAS REIMERS: Ak, piedodiet. 646 00:27:03,990 --> 00:27:06,180 >> ALLISON Buchholtz-AU: And būtībā, ko tas nozīmē 647 00:27:06,180 --> 00:27:11,070 ir izvºlºtos visi no bērniem, kā, piemēram visi no šiem veida selektori, 648 00:27:11,070 --> 00:27:13,040 šajā mātes selektoru. 649 00:27:13,040 --> 00:27:16,004 Un tie ir vienīgie tas kādreiz gatavojas piemērot. 650 00:27:16,004 --> 00:27:17,755 Es nezinu, vai jūs ir labāks veids of-- 651 00:27:17,755 --> 00:27:19,504 TOMAS REIMERS: Tāpēc es guess ceļu domāt 652 00:27:19,504 --> 00:27:22,440 par šo ir atcerēties pirms cik mēs veida patīk viņus kopā. 653 00:27:22,440 --> 00:27:26,340 Un tad tas nozīmē, ka vienu elementu kas atbilst visiem šiem. 654 00:27:26,340 --> 00:27:29,530 Ko tas saka, ir, es gribu, lai jūs, lai atbilstu visu 655 00:27:29,530 --> 00:27:33,220 ietvaros some-- Es gribu Jūs atrast selektoru. 656 00:27:33,220 --> 00:27:35,670 Un tad, ka pašlaik, es gribu jūs saskaņot jaunas lietas. 657 00:27:35,670 --> 00:27:36,170 Taisnība? 658 00:27:36,170 --> 00:27:40,900 Tātad CSS, tas viss ir par sava veida to var saskaņot šos priekšmetus. 659 00:27:40,900 --> 00:27:43,050 Un jūs varat mēģināt saskaņot posteņus citiem posteņiem. 660 00:27:43,050 --> 00:27:46,510 >> Tātad, pieņemsim faktiski darīt piemēru, un mēs domājam, ka būs noskaidrot. 661 00:27:46,510 --> 00:27:53,090 Tātad, pieņemsim izlikties mums ir īpašs, īpašu diezgan, neatkarīgi. 662 00:27:53,090 --> 00:27:55,690 Un tad mums ir saiti, OK? 663 00:27:55,690 --> 00:27:59,780 664 00:27:59,780 --> 00:28:02,370 Līdz ar to atcerēties, ir saite. 665 00:28:02,370 --> 00:28:03,900 Tas nav gatavojas doties jebkur. 666 00:28:03,900 --> 00:28:11,500 Un mēs ejam, lai arī tā saite klases, I guess. 667 00:28:11,500 --> 00:28:13,335 Pieņemsim arī tā, ka class-- man ideja. 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-- pieņemsim iet tā klasē diezgan. 670 00:28:16,420 --> 00:28:16,930 Kāpēc ne? 671 00:28:16,930 --> 00:28:17,971 >> ALLISON Buchholtz-AU: OK. 672 00:28:17,971 --> 00:28:23,040 TOMAS REIMERS: So tagad diezgan lietas 673 00:28:23,040 --> 00:28:26,000 gatavojas veikt fona zila, fona krāsu lasi. 674 00:28:26,000 --> 00:28:27,969 Tas ir jēga. 675 00:28:27,969 --> 00:28:28,760 Un, ja mēs this-- 676 00:28:28,760 --> 00:28:29,620 >> ALLISON Buchholtz-AU: Vai vēlaties pievienot tekstu 677 00:28:29,620 --> 00:28:31,078 tāpēc hipersaite faktiski parādās? 678 00:28:31,078 --> 00:28:35,088 TOMAS REIMERS: Ka varētu būt labs zvanu. 679 00:28:35,088 --> 00:28:37,921 ALLISON Buchholtz-AU: "Cēlonis tiesības Tagad mēs esam tikai gonna iegūt neko. 680 00:28:37,921 --> 00:28:39,690 TOMAS REIMERS: Tātad tas ir saite. 681 00:28:39,690 --> 00:28:42,202 "Tas ir saikne." 682 00:28:42,202 --> 00:28:45,820 Ak, un tas notiek būs vēl viens posms. 683 00:28:45,820 --> 00:28:47,280 Dosim tai klasi "cool". 684 00:28:47,280 --> 00:28:50,295 Tev taisnība. 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 Tātad šobrīd mēs ejam, lai greifers šo. 688 00:28:56,010 --> 00:28:57,269 Mēs ejam, lai mest vienu. 689 00:28:57,269 --> 00:28:59,060 Mums ir viens īpašu tag, un mēs arī 690 00:28:59,060 --> 00:29:01,150 nāksies vienu diezgan tag. 691 00:29:01,150 --> 00:29:05,449 Un tieši tagad, ko mēs ejam darīt, ir, mēs esam gatavojas darīt cool-- 692 00:29:05,449 --> 00:29:06,490 ko mēs vēlamies to darīt? 693 00:29:06,490 --> 00:29:10,347 694 00:29:10,347 --> 00:29:12,180 ALLISON Buchholtz-AU: Vai mēs varam padarīt to lielāks? 695 00:29:12,180 --> 00:29:13,800 TOMAS REIMERS: Let 's to robežu. 696 00:29:13,800 --> 00:29:14,840 ALLISON Buchholtz-AU: Mēs varētu robežai. 697 00:29:14,840 --> 00:29:15,673 TOMAS REIMERS: Jā. 698 00:29:15,673 --> 00:29:18,560 Tātad, mēs esam gatavojas darīt kaut ko piemēram, robežu is-- un mēs esam 699 00:29:18,560 --> 00:29:20,971 gatavojas izskaidrot visu sekundē. 700 00:29:20,971 --> 00:29:21,470 Par now-- 701 00:29:21,470 --> 00:29:24,592 >> ALLISON Buchholtz-AU: lodziņā modeli. 702 00:29:24,592 --> 00:29:27,300 TOMAS REIMERS: Bet tagad, mēs esam tikai gatavojas sniegt tai robežu. 703 00:29:27,300 --> 00:29:29,580 Tātad, ko tas nozīmē, jūs esat gatavojas redzēt šīs saites. 704 00:29:29,580 --> 00:29:32,788 Un jūs gatavojas redzēt, ka viņi ir šie, piemēram, neglīts melnā robežas, kas 705 00:29:32,788 --> 00:29:33,820 ir forši. 706 00:29:33,820 --> 00:29:34,500 >> ALLISON Buchholtz-AU: Mūsu mājas lapa ir tik jauka. 707 00:29:34,500 --> 00:29:35,333 >> TOMAS REIMERS: Jā. 708 00:29:35,333 --> 00:29:38,930 Mūsu mājas lapa ir laba. 709 00:29:38,930 --> 00:29:41,585 Tātad šie divi ir saites, un tie parādās. 710 00:29:41,585 --> 00:29:44,160 Tagad pieņemsim izlikties I tikai gribēju to darīt 711 00:29:44,160 --> 00:29:50,072 ja tas nav laikā kaut ko kas bija fona lasi. 712 00:29:50,072 --> 00:29:52,280 Tāpēc atcerieties, ka šo vienu ir fona lasi, 713 00:29:52,280 --> 00:29:54,000 jo tas ir klases diezgan. 714 00:29:54,000 --> 00:29:59,777 >> Bet mēs gribam teikt, ka tikai atdziest kas ir klasē īpašs, ne klasē 715 00:29:59,777 --> 00:30:02,890 diezgan, vajadzētu būt, ka robežu. 716 00:30:02,890 --> 00:30:12,549 Nu, ko jūs varat darīt, ir jums var teikt, .special, telpu, .cool. 717 00:30:12,549 --> 00:30:15,590 Un ko tas dara, ja jūs domājat, ka par to, vai tas ir būtībā sakot, 718 00:30:15,590 --> 00:30:19,530 OK, atrast man visu kas atbilst īpašs. 719 00:30:19,530 --> 00:30:24,104 Tad šajās tagus, atrast man viss, kas ir cool. 720 00:30:24,104 --> 00:30:27,270 ALLISON Buchholtz-AU: Tātad vēl viens veids kas varētu būt labs, lai domāt par to, 721 00:30:27,270 --> 00:30:29,810 apvienojot to atpakaļ uz C, ir tāpat kā ideja par darbības jomu. 722 00:30:29,810 --> 00:30:34,020 Tātad, ja jums ir dažas selektors, piemēram, tiem, 723 00:30:34,020 --> 00:30:38,460 ka mēs esam strādājuši pirms tam, visu jūsu mājas lapā, visi jūsu HTML 724 00:30:38,460 --> 00:30:40,180 ir jūsu darbības jomā, vai ne? 725 00:30:40,180 --> 00:30:43,090 Bet, kad mums ir šīs vecāku un bērnu attiecības, 726 00:30:43,090 --> 00:30:47,130 tas ir kā tad, ja jūs esat sašaurinot kur jūs meklējat, lai konkrētā vietā, 727 00:30:47,130 --> 00:30:50,540 kā tad, ja, piemēram, mēs meklējam laikā īpaša funkcija vietā 728 00:30:50,540 --> 00:30:52,007 Mūsu visu failu. 729 00:30:52,007 --> 00:30:55,090 Mērķauditorija: Tātad ar to prātā, būtu tas ir vienaldzīgs, ja mums būtu changed-- 730 00:30:55,090 --> 00:30:56,423 ALLISON Buchholtz-AU: pasūtījums? 731 00:30:56,423 --> 00:30:59,320 Mērķauditorija: --the klase CSS līdz .cool, telpu, .special? 732 00:30:59,320 --> 00:31:01,153 ALLISON Buchholtz-AU: Jā, jo tad tas 733 00:31:01,153 --> 00:31:04,420 teiktu, joma to viss, kas ir cool, 734 00:31:04,420 --> 00:31:07,235 un pēc tam apskatīt kādā has-- Es nozīmē, tāpat, šajā gadījumā, 735 00:31:07,235 --> 00:31:08,860 Es nedomāju, ka tas būtu mainījis. 736 00:31:08,860 --> 00:31:10,318 >> TOMAS REIMERS: Ja mēs būtu teicis, ko? 737 00:31:10,318 --> 00:31:10,906 Piedodiet. 738 00:31:10,906 --> 00:31:12,660 >> ALLISON Buchholtz-AU: Ja mēs joma tai atdzist un pēc tam 739 00:31:12,660 --> 00:31:14,550 meklēt lietas no īpaša, tas būtu tas pats, faktiski. 740 00:31:14,550 --> 00:31:16,260 >> TOMAS REIMERS: Tātad tas nebūtu. 741 00:31:16,260 --> 00:31:16,590 >> ALLISON Buchholtz-AU: Tas nebūtu? 742 00:31:16,590 --> 00:31:17,590 Oh, oh labi. 743 00:31:17,590 --> 00:31:18,090 Es esmu nepareizi. 744 00:31:18,090 --> 00:31:21,480 >> TOMAS REIMERS: Tātad iemesls tas different-- bieži mistake-- 745 00:31:21,480 --> 00:31:27,140 ir tas, ka tagad tikai saite ir cool, vai ne? 746 00:31:27,140 --> 00:31:32,176 Es domāju, mans jautājums jums puiši ir, to, kas šajā lapā ir saskaņota ar .cool? 747 00:31:32,176 --> 00:31:35,984 748 00:31:35,984 --> 00:31:38,340 Ir divi tags šeit, vai ne? 749 00:31:38,340 --> 00:31:39,770 Kas ir tas viens, un tas viens. 750 00:31:39,770 --> 00:31:40,590 Gan spēles cool. 751 00:31:40,590 --> 00:31:42,200 Nekas cits dara. 752 00:31:42,200 --> 00:31:46,460 Tātad, ja jūs teicāt, .cool, telpa, .special, ko jūs gatavojas teikt, ir, 753 00:31:46,460 --> 00:31:48,824 šajās tagiem, kas ir īpašs? 754 00:31:48,824 --> 00:31:49,865 ALLISON Buchholtz-AU: Hm. 755 00:31:49,865 --> 00:31:51,800 Tas ir tas, ko it-- labi. 756 00:31:51,800 --> 00:31:52,310 Jo tas ir tāpat kā tikai kaut ko šeit. 757 00:31:52,310 --> 00:31:53,310 >> TOMAS REIMERS: Tātad tas izvēlas neko. 758 00:31:53,310 --> 00:31:56,530 >> ALLISON Buchholtz-AU: tā kā ar īpašs, mēs esam šajās tagus šeit. 759 00:31:56,530 --> 00:31:57,971 >> TOMAS REIMERS: Tie, un tiem. 760 00:31:57,971 --> 00:31:58,512 AUDITORIJA: OK. 761 00:31:58,512 --> 00:31:58,920 Tātad šie tagus no šķērssvītras? 762 00:31:58,920 --> 00:31:59,740 >> TOMAS REIMERS: Jā. 763 00:31:59,740 --> 00:32:01,150 Vai tas ir jēga? 764 00:32:01,150 --> 00:32:03,685 Kā tas būtībā mēģināt sašaurināt jomu. 765 00:32:03,685 --> 00:32:04,810 ALLISON Buchholtz-AU: Jā. 766 00:32:04,810 --> 00:32:06,870 Es domāju, ka ir iespējams Vieglākais veids, kā domāt par to. 767 00:32:06,870 --> 00:32:09,270 >> TOMAS REIMERS: Tātad mēs atradām šo, un Mēs atradām abi saskaņota īpašs. 768 00:32:09,270 --> 00:32:11,400 Un tad mēs esam jautā, laikā šie puiši, kas ir cool? 769 00:32:11,400 --> 00:32:12,941 Un šajā vienu, tas savu atdzist. 770 00:32:12,941 --> 00:32:14,500 Šajā vienu, nekas ir cool. 771 00:32:14,500 --> 00:32:16,250 Tātad šis ir vienīgais tagu, kas paliek. 772 00:32:16,250 --> 00:32:20,112 >> ALLISON Buchholtz-AU: tā cool ir tikai šajās pēc tagiem tur. 773 00:32:20,112 --> 00:32:21,070 TOMAS REIMERS: Tieši tā. 774 00:32:21,070 --> 00:32:22,403 Un, kas ir īpaša laikā tos? 775 00:32:22,403 --> 00:32:22,930 Nekas. 776 00:32:22,930 --> 00:32:25,270 Tagad, ko es teikšu, ir ja nebija vietas, 777 00:32:25,270 --> 00:32:29,880 jūs jautā, kas ir forši un special-- vai to, kas ir diezgan, un īpašs, vai ne? 778 00:32:29,880 --> 00:32:35,370 Ja jūs sakāt .special.pretty, tas ir tāds pats kā .pretty.special. 779 00:32:35,370 --> 00:32:39,220 >> Jo tas, ko noņemot telpa ir jautā ir, kad jūs sakāt .special, 780 00:32:39,220 --> 00:32:40,970 jūs jautā, OK, kādi ir īpašs? 781 00:32:40,970 --> 00:32:43,780 Un tad no tiem, kas tiem ir arī diezgan, 782 00:32:43,780 --> 00:32:47,010 kas ir tas pats, gramatiski, kā jautā, kas ir diezgan, 783 00:32:47,010 --> 00:32:49,500 un tad no tiem, kas ir arī īpašs? 784 00:32:49,500 --> 00:32:50,000 Taisnība? 785 00:32:50,000 --> 00:32:53,099 Tā ir atšķirība kas ir robežās, kas ir. 786 00:32:53,099 --> 00:32:53,640 AUDITORIJA: 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 Tātad ar šo prātā then-- 791 00:33:00,426 --> 00:33:01,800 >> ALLISON Buchholtz-AU: Es domāju, ka mūsu pēdējā lieta ir (IN FANCY britu akcentu) 792 00:33:01,800 --> 00:33:02,510 box modelis. 793 00:33:02,510 --> 00:33:05,992 >> TOMAS REIMERS: box-- [Chuckles] Man patīk, kā Allison saka, ka. 794 00:33:05,992 --> 00:33:06,950 Tātad kastē modeļa lieta. 795 00:33:06,950 --> 00:33:09,644 >> ALLISON Buchholtz-AU: Vienkārši ir kaste, es būšu jūsu kaste modeli. 796 00:33:09,644 --> 00:33:11,310 TOMAS REIMERS: Tātad parunāsim par to. 797 00:33:11,310 --> 00:33:14,070 Tātad šobrīd mēs esam pavadījuši daudz laika runājot par šķirotāja. 798 00:33:14,070 --> 00:33:16,944 Līdz šim, jūs puiši, iespējams, piemēram, meistari selectors-- jūs zināt, 799 00:33:16,944 --> 00:33:21,510 Kā precīzi izvēlēties saturu, kas Jūs vēlaties, lai manipulēt ekrānā. 800 00:33:21,510 --> 00:33:24,740 >> Tāpēc tagad jautājums ir, kā tieši jūs varat manipulēt ar to? 801 00:33:24,740 --> 00:33:27,010 Tāpēc es domāju, visvienkāršākā veids, kā domāt par to, ka 802 00:33:27,010 --> 00:33:30,294 ir labi, ko tieši ir elements CSS? 803 00:33:30,294 --> 00:33:32,585 Mēs esam pavadījuši daudz laika runājam par, to, kas ir tag, 804 00:33:32,585 --> 00:33:36,140 vai kāds ir visvienkāršākā pārstāvība birku? 805 00:33:36,140 --> 00:33:39,870 806 00:33:39,870 --> 00:33:45,170 >> Labs veids, kā domāt par tas ir, kādā veidā ir lasis? 807 00:33:45,170 --> 00:33:47,295 Kāda forma ir, piemēram, lašu krāsas fona? 808 00:33:47,295 --> 00:33:47,880 >> Mērķauditorija: Tas ir taisnstūris. 809 00:33:47,880 --> 00:33:49,040 >> TOMAS REIMERS: Tas ir taisnstūris, vai ne? 810 00:33:49,040 --> 00:33:50,956 >> ALLISON Buchholtz-AU: Nebija āķīgs jautājums. 811 00:33:50,956 --> 00:33:51,870 [Smiekli] 812 00:33:51,870 --> 00:33:54,670 >> TOMAS REIMERS: Nemēģina triks jums puiši to vēlu. 813 00:33:54,670 --> 00:33:57,510 Tātad mums ir šī taisnstūri. 814 00:33:57,510 --> 00:33:59,140 Un tag ir p, vai ne? 815 00:33:59,140 --> 00:34:02,280 Tā, ka dod mums labu pārliecība, ka daļa 816 00:34:02,280 --> 00:34:07,440 tiek attēlots kā taisnstūris, at vismaz prātā pārlūku, kas 817 00:34:07,440 --> 00:34:08,715 tas ir. 818 00:34:08,715 --> 00:34:11,423 >> ALLISON Buchholtz-AU: Es domāju, pārlūkprogrammas parasti ir taisnstūra, 819 00:34:11,423 --> 00:34:13,440 tāpēc tas ir jēga. 820 00:34:13,440 --> 00:34:18,750 >> TOMAS REIMERS: Ideja šeit ir ka visi tagus CSS 821 00:34:18,750 --> 00:34:21,790 tiek attēlots kā taisnstūris. 822 00:34:21,790 --> 00:34:25,699 Un katru taisnstūris ir četri daļas, saskaņā ar CSS, OK? 823 00:34:25,699 --> 00:34:27,830 Jums ir faktisko saturu. 824 00:34:27,830 --> 00:34:29,644 Tas ir, ja teksts ir. 825 00:34:29,644 --> 00:34:30,470 >> ALLISON Buchholtz-AU: Varbūt jūsu attēlu. 826 00:34:30,470 --> 00:34:31,303 >> TOMAS REIMERS: Jā. 827 00:34:31,303 --> 00:34:33,860 Jums ir polsterējums, kas ir tikai daži veida atstarpēm. 828 00:34:33,860 --> 00:34:35,085 Tad jums ir robežas. 829 00:34:35,085 --> 00:34:37,710 Un tad jums ir rezerve, kas balta telpa ārpus tā. 830 00:34:37,710 --> 00:34:39,460 Tā, ka nav jēgas ikvienam, tāpēc mēs esam 831 00:34:39,460 --> 00:34:42,500 gatavojas runāt par to, ka uz otru. 832 00:34:42,500 --> 00:34:47,570 Tātad šeit, ko mēs gatavojamies darīt ir, mēs spēsim izveidot kādu divs, OK? 833 00:34:47,570 --> 00:34:48,420 Atvainojiet, bet I-- 834 00:34:48,420 --> 00:34:51,506 >> ALLISON Buchholtz-AU: Es jūtos patīk mums vajadzētu likt cute attēlu. 835 00:34:51,506 --> 00:34:52,520 >> TOMAS REIMERS: Mums noteikti vajadzētu. 836 00:34:52,520 --> 00:34:53,389 >> ALLISON Buchholtz-AU: Es jūtos tāpat kā ikvienam 837 00:34:53,389 --> 00:34:54,870 varētu gūt labumu no gudrs attēlu, ir viss. 838 00:34:54,870 --> 00:34:56,774 >> TOMAS REIMERS: Vai mēs varam visi gūst labumu no a-- 839 00:34:56,774 --> 00:34:57,648 >> Mērķauditorija: Jā, protams. 840 00:34:57,648 --> 00:34:58,790 TOMAS REIMERS: OK, atdzesē. 841 00:34:58,790 --> 00:35:02,254 Tātad mums vajadzētu likt gudrs aina kaut kur. 842 00:35:02,254 --> 00:35:05,295 ALLISON Buchholtz-AU: es jūtos kā cute bunny varētu būt noderīga tieši tagad. 843 00:35:05,295 --> 00:35:06,190 TOMAS REIMERS: Protams. 844 00:35:06,190 --> 00:35:06,950 ALLISON Buchholtz-AU: nedēļas beigām. 845 00:35:06,950 --> 00:35:07,390 Ir kaut adorab-- 846 00:35:07,390 --> 00:35:08,520 >> TOMAS REIMERS: Kā cīkstēšanās kaķēns? 847 00:35:08,520 --> 00:35:09,220 >> ALLISON Buchholtz-AU: Kaķēns strādā, too. 848 00:35:09,220 --> 00:35:11,300 >> TOMAS REIMERS: Cool, jo tur ir vieta, kas. 849 00:35:11,300 --> 00:35:12,300 To sauc PlaceKitten. 850 00:35:12,300 --> 00:35:14,719 ALLISON Buchholtz-AU: Tas ir lieliski. 851 00:35:14,719 --> 00:35:15,510 TOMAS REIMERS: Jā. 852 00:35:15,510 --> 00:35:18,040 ALLISON Buchholtz-AU: Just, piemēram, viettura attēlus jūsu mājas lapā. 853 00:35:18,040 --> 00:35:18,914 TOMAS REIMERS: Mm-hm. 854 00:35:18,914 --> 00:35:21,520 Tur ir arī PlacePuppy. 855 00:35:21,520 --> 00:35:22,832 Un tur ir PlaceBacon. 856 00:35:22,832 --> 00:35:24,340 >> ALLISON Buchholtz-AU: PlaceBacon? 857 00:35:24,340 --> 00:35:25,350 Tiešām? 858 00:35:25,350 --> 00:35:28,190 >> TOMAS REIMERS: Ak, mums nav ir interneta pieslēgums šeit. 859 00:35:28,190 --> 00:35:29,875 >> ALLISON Buchholtz-AU: [čīkstoņu] 860 00:35:29,875 --> 00:35:30,375 Traģisks. 861 00:35:30,375 --> 00:35:32,333 TOMAS REIMERS: Pretējā gadījumā, Es gribētu jums parādīt puiši 862 00:35:32,333 --> 00:35:33,870 kā likt attēlus jūsu mājas lapā. 863 00:35:33,870 --> 00:35:36,370 Mēs ejam, lai mēģinātu iegūt šo strādāt pirms mums ir jāiet. 864 00:35:36,370 --> 00:35:38,660 Bet tagad mēs esam tikai gatavojas runāt krāsās tad. 865 00:35:38,660 --> 00:35:39,820 Mēs vēlamies, lai bildes kittens-- 866 00:35:39,820 --> 00:35:40,210 >> ALLISON Buchholtz-AU: Mēs darījām. 867 00:35:40,210 --> 00:35:43,110 >> TOMAS REIMERS: --the internets s leju uz šo brīdi ir. 868 00:35:43,110 --> 00:35:47,820 Tātad mums ir divas divs, un mēs esam gatavojas dot viņiem divas ID. 869 00:35:47,820 --> 00:35:51,380 870 00:35:51,380 --> 00:35:56,760 Mēs ejam, lai izsauktu to "Pirmā" un "otrā." 871 00:35:56,760 --> 00:36:01,184 Tātad id = "pirmajā vietā." 872 00:36:01,184 --> 00:36:02,850 Un mēs ejam, lai dotu viņiem divas krāsas. 873 00:36:02,850 --> 00:36:08,424 Tātad, kā mēs izvēlēties kaut ko ar id "pirmais"? 874 00:36:08,424 --> 00:36:09,840 ALLISON Buchholtz-AU: Dot vai hash? 875 00:36:09,840 --> 00:36:10,730 AUDITORIJA: Sharp. 876 00:36:10,730 --> 00:36:12,940 TOMAS REIMERS: Sharp, perfekta. 877 00:36:12,940 --> 00:36:14,950 Sharp, hash, neatkarīgi we-- 878 00:36:14,950 --> 00:36:15,680 >> ALLISON Buchholtz-AU: Daudz lietas, lai izsauktu to. 879 00:36:15,680 --> 00:36:16,430 >> TOMAS REIMERS: OK. 880 00:36:16,430 --> 00:36:19,800 Mēs ejam, lai norēķinātos par hashtag, un ka tas, ko mēs ejam, lai iet ar. 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: So hashtag pirmā. 884 00:36:22,340 --> 00:36:24,506 >> ALLISON Buchholtz-AU: So Jūs varat čivināt seminar-- 885 00:36:24,506 --> 00:36:27,582 hashtag CSS, hashtag atdzesē. 886 00:36:27,582 --> 00:36:29,040 TOMAS REIMERS: hashtag awesomeness. 887 00:36:29,040 --> 00:36:30,730 ALLISON Buchholtz-AU: Hashtag awesomeness, jā. 888 00:36:30,730 --> 00:36:31,480 TOMAS REIMERS: OK. 889 00:36:31,480 --> 00:36:33,660 Tāpēc mums ir "pirmā" un "otrā." 890 00:36:33,660 --> 00:36:37,697 Tātad, pirmkārt, mēs esam nāksies fona krāsa sarkana. 891 00:36:37,697 --> 00:36:39,030 ALLISON Buchholtz-AU: Uh, resnās zarnas. 892 00:36:39,030 --> 00:36:40,281 TOMAS REIMERS: Yup. 893 00:36:40,281 --> 00:36:42,281 ALLISON Buchholtz-AU: Es būšu jūsu vietas pārbaudītājs. 894 00:36:42,281 --> 00:36:43,960 TOMAS REIMERS: Allison dabūja mani. 895 00:36:43,960 --> 00:36:45,830 Fona krāsa 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 Purple mana mīļākā krāsa, un mēs neesam lietojuši vēl. 900 00:36:50,630 --> 00:36:51,546 >> TOMAS REIMERS: Violet. 901 00:36:51,546 --> 00:36:53,361 ALLISON Buchholtz-AU: Violeta. 902 00:36:53,361 --> 00:36:53,860 Kas darbojas. 903 00:36:53,860 --> 00:36:56,482 904 00:36:56,482 --> 00:36:59,880 >> TOMAS REIMERS: Tātad mēs esam nāksies divas divs. 905 00:36:59,880 --> 00:37:01,654 Viņi būs pilnīgi tukšs. 906 00:37:01,654 --> 00:37:03,070 Mums vajadzētu, iespējams, ir kādu tekstu. 907 00:37:03,070 --> 00:37:05,580 908 00:37:05,580 --> 00:37:09,815 So "pirmais" būs "HELLO." 909 00:37:09,815 --> 00:37:10,940 Un "otro" būs say-- 910 00:37:10,940 --> 00:37:11,110 >> ALLISON Buchholtz-AU: redzēšanos. 911 00:37:11,110 --> 00:37:12,514 >> Mērķauditorija: - "WORLD." 912 00:37:12,514 --> 00:37:14,122 Sveiki, ardievas. 913 00:37:14,122 --> 00:37:16,580 ALLISON Buchholtz-AU: Es redzēju tos Koncerta otro nedēļu. 914 00:37:16,580 --> 00:37:17,705 TOMAS REIMERS: The Beatles? 915 00:37:17,705 --> 00:37:20,242 ALLISON Buchholtz-AU: For reals. 916 00:37:20,242 --> 00:37:21,200 Viņi nav tik liels. 917 00:37:21,200 --> 00:37:24,084 918 00:37:24,084 --> 00:37:24,750 Man tas nepatīk. 919 00:37:24,750 --> 00:37:26,060 >> TOMAS REIMERS: Mums ir "HELLO" un "uz redzēšanos". 920 00:37:26,060 --> 00:37:29,102 Un atkal, CSS ir tikai laba, tāpēc, ka tā atzīst mūsu krāsas. 921 00:37:29,102 --> 00:37:30,810 Nav nepieciešams pat jāuztraucas, ka tie pastāv. 922 00:37:30,810 --> 00:37:33,194 Viņi dara. 923 00:37:33,194 --> 00:37:35,130 >> ALLISON Buchholtz-AU: Tās pastāv. 924 00:37:35,130 --> 00:37:39,560 >> TOMAS REIMERS: Tātad CSS es domāju, ir 255 vārdi runāt par krāsu. 925 00:37:39,560 --> 00:37:42,986 Ja jūs varat iedomāties krāsu ārpus tie 255, piemēram, es būšu pārsteigts. 926 00:37:42,986 --> 00:37:44,110 ALLISON Buchholtz-AU: Jā. 927 00:37:44,110 --> 00:37:45,560 Es domāju, ka jūs guys var būt tikai nāk uzreiz pēc. 928 00:37:45,560 --> 00:37:47,727 >> TOMAS REIMERS: Tātad šeit, jūs redzēsiet, mums ir divas kastes 929 00:37:47,727 --> 00:37:49,143 tiesības uz augšu no otra, labi? 930 00:37:49,143 --> 00:37:50,200 HELLO un ardievas. 931 00:37:50,200 --> 00:37:51,460 >> ALLISON Buchholtz-AU: Nav vietas starp. 932 00:37:51,460 --> 00:37:53,390 Viņi vienkārši smooshed tiesības uz augšu no otra. 933 00:37:53,390 --> 00:37:55,973 >> TOMAS REIMERS: Tātad pirmā lieta Es domāju, mums vajadzētu runāt par 934 00:37:55,973 --> 00:38:02,960 ir pieņemsim arī say-- yeah. 935 00:38:02,960 --> 00:38:08,020 Tātad CSS pārstāv tos kā sava veida kastes. 936 00:38:08,020 --> 00:38:10,100 Un kā kastes, viņiem ir saturs. 937 00:38:10,100 --> 00:38:14,540 Un saturs šobrīd ir sava veida HELLO vai goodbye un tas arī viss. 938 00:38:14,540 --> 00:38:15,040 OK? 939 00:38:15,040 --> 00:38:19,790 >> Tātad viena no pirmajām lietām, jūs var darīt, ir varat pievienot polsterējums. 940 00:38:19,790 --> 00:38:25,610 Polsterējums saka, cik daudz vietas tas nedrīkst atstāt katrā pusē. 941 00:38:25,610 --> 00:38:29,200 Tāpēc pieņemsim, ka es gribu teikt 10 pikseļi katrā pusē. 942 00:38:29,200 --> 00:38:31,234 Un es preparēt ka sekundē. 943 00:38:31,234 --> 00:38:33,150 ALLISON Buchholtz-AU: Visas šīs lietas šeit 944 00:38:33,150 --> 00:38:36,980 gribam būt pārsvarā pikseļos par pārējo semināra. 945 00:38:36,980 --> 00:38:40,980 Jūs esat dodas, lai redzētu, ka tā ir dažas vietas ap to, labi? 946 00:38:40,980 --> 00:38:46,360 Tātad, ko jūs neredzat šeit ir tur ir šī neredzamā veida polsterējumu 947 00:38:46,360 --> 00:38:49,600 katrā pusē, kas norāda, tāpat, Labi, jums ir jūsu kastē content-- 948 00:38:49,600 --> 00:38:51,680 >> ALLISON Buchholtz-AU: Vai jūs vēlaties vienkārši uzvilkt iepazīties elements? 949 00:38:51,680 --> 00:38:53,659 >> TOMAS REIMERS: Jā, tas ir laba ideja. 950 00:38:53,659 --> 00:38:56,700 ALLISON Buchholtz-AU: Arī es atrast ka pārbaudīt elements ir labs veids 951 00:38:56,700 --> 00:39:01,280 lai noskaidrotu, vai kaut kas notiek nepareizi, kaut kas neparedzēts notiek, 952 00:39:01,280 --> 00:39:04,570 pārbaudot tagus un redzēt to, ko tas ir tāpat kā pārrakstīts ir noderīga. 953 00:39:04,570 --> 00:39:05,940 >> TOMAS REIMERS: Tātad es neesmu pārliecināts ja jūs guys var redzēt šo krāsu. 954 00:39:05,940 --> 00:39:06,470 Vai tu? 955 00:39:06,470 --> 00:39:10,120 Jūs redzēsiet šo polsterējums par tāda veida malas. 956 00:39:10,120 --> 00:39:13,410 Un tad jūs redzat faktisko saturs zilā krāsā, vai ne? 957 00:39:13,410 --> 00:39:16,820 Tā, ka ir ļoti pamati kastē modeli. 958 00:39:16,820 --> 00:39:17,674 Jums ir saturs. 959 00:39:17,674 --> 00:39:18,590 Tad jums ir polsterējums. 960 00:39:18,590 --> 00:39:20,440 >> Mērķauditorija: Kāpēc ne jūs vienkārši izmantojiet lodziņu iekšā the-- 961 00:39:20,440 --> 00:39:21,606 >> ALLISON Buchholtz-AU: Right. 962 00:39:21,606 --> 00:39:24,745 Jo tas ir tikai izvēloties elements tiesības tagad. 963 00:39:24,745 --> 00:39:26,050 >> TOMAS REIMERS: Yup. 964 00:39:26,050 --> 00:39:27,060 Citas lietas. 965 00:39:27,060 --> 00:39:29,780 So parunāsim par to, ka polsterējums komandu par sekundi. 966 00:39:29,780 --> 00:39:36,380 Tātad CSS, mērījumu nepieciešams, lai būtu vienību. 967 00:39:36,380 --> 00:39:39,740 Tātad vispirms jums ir summu. 968 00:39:39,740 --> 00:39:41,460 Tātad šajā gadījumā, mēs esam teica 10. 969 00:39:41,460 --> 00:39:44,780 Un tad nākamais mēs jau teicām, ir pikseļi, px. 970 00:39:44,780 --> 00:39:49,160 Citas tie, jums varētu būt esat lietas, piemēram, centimetri, collas. 971 00:39:49,160 --> 00:39:51,367 Jūs varat darīt lietas, piemēram, kas ir 10 collas? 972 00:39:51,367 --> 00:39:52,700 Un tas būs smieklīgi. 973 00:39:52,700 --> 00:39:52,990 >> ALLISON Buchholtz-AU: Oh, boy. 974 00:39:52,990 --> 00:39:53,460 >> AUDITORIJA: Paga. 975 00:39:53,460 --> 00:39:54,460 >> TOMAS UN ALLISON: Jā. 976 00:39:54,460 --> 00:39:57,840 TOMAS REIMERS: Tātad tas viss polsterējums. 977 00:39:57,840 --> 00:39:59,255 Es iešu atpakaļ uz pikseļiem. 978 00:39:59,255 --> 00:40:01,754 >> ALLISON Buchholtz-AU: Pixels mēdz būt, piemēram, standarta. 979 00:40:01,754 --> 00:40:04,589 Kad paskatās daudz mājas lapām, tie galvenokārt strādā pikseļos. 980 00:40:04,589 --> 00:40:07,755 TOMAS REIMERS: Tātad jūs esat dodas, lai redzētu nu pixels-- citas, kuras jūs redzat 981 00:40:07,755 --> 00:40:13,952 ir em, kas ir viens em ir vienāds ar augstumu font 982 00:40:13,952 --> 00:40:15,160 kuru jūs pašlaik izmantojat. 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: Tas ir labs veids, kā pateikt, piemēram, es gribu tik daudz vietas, kā mans fonts 986 00:40:20,740 --> 00:40:21,514 ir veikt. 987 00:40:21,514 --> 00:40:23,180 ALLISON Buchholtz-AU: Vai nezināt, ka. 988 00:40:23,180 --> 00:40:25,747 Jūs uzzināt kaut ko jaunu katru dienu. 989 00:40:25,747 --> 00:40:27,955 TOMAS REIMERS: Ir Mērījumu CS daudz. 990 00:40:27,955 --> 00:40:29,260 Es iesaku jums tos uzmeklēt. 991 00:40:29,260 --> 00:40:32,122 Attiecībā uz visiem jūsu gadījumos, es domāju, ka pikseļi vajadzētu būt pietiekami. 992 00:40:32,122 --> 00:40:33,830 Un viņi arī to, kas jūs gatavojas redzēt 993 00:40:33,830 --> 00:40:36,520 vairumā piemēriem izdarīt tiešsaistē. 994 00:40:36,520 --> 00:40:38,320 Tātad mēs atstāt to pikseļi. 995 00:40:38,320 --> 00:40:42,420 >> Jūs varat arī, man vajadzētu say-- tik polsterējuma komplekti visi no paddings. 996 00:40:42,420 --> 00:40:49,789 Jūs varat arī darīt kaut ko līdzīgu "Polsterējums-top", lai tikai set-- 997 00:40:49,789 --> 00:40:52,080 ALLISON Buchholtz-AU: Varbūt mēs saņemt mūsu "hello" muguru. 998 00:40:52,080 --> 00:40:55,480 TOMAS REIMERS: --to vienkārši noteikt polsterējums uz augšu un nekas cits. 999 00:40:55,480 --> 00:40:59,560 Tātad četras komandas ir polsterējums-top, polsterējums-bottom, polsterējums, pa kreisi, 1000 00:40:59,560 --> 00:41:00,310 un polsterējums-labi. 1001 00:41:00,310 --> 00:41:02,470 >> ALLISON Buchholtz-AU: Tāpat kā jūs varētu sagaidīt par kastīti. 1002 00:41:02,470 --> 00:41:03,530 >> TOMAS REIMERS: Jā. 1003 00:41:03,530 --> 00:41:05,240 Nekas pārāk traks tur. 1004 00:41:05,240 --> 00:41:08,230 Vai tas ir jēga? 1005 00:41:08,230 --> 00:41:11,990 Tāpēc, ka ir polsterējums. 1006 00:41:11,990 --> 00:41:14,110 Es esmu gatavojas noteikt visus tad paddings atpakaļ uz 10. 1007 00:41:14,110 --> 00:41:17,010 Un tad es esmu gatavojas pāriet uz robežas. 1008 00:41:17,010 --> 00:41:21,130 >> Tātad, kas ir robeža ir robeža ir dīvaini komandu. 1009 00:41:21,130 --> 00:41:24,450 Tas aizņem veida trim lietām vienlaicīgi. 1010 00:41:24,450 --> 00:41:28,930 Tātad pirmais ir, cik liels gribu, lai to kā mērījumu. 1011 00:41:28,930 --> 00:41:30,662 Atkal, es esmu tikai izmantojot pikseļi. 1012 00:41:30,662 --> 00:41:32,620 Un pēdējā lieta, ko es vajadzētu pievienot mērījumiem 1013 00:41:32,620 --> 00:41:35,270 ir viena lieta, kas nav nepieciešams vienību ir 0. 1014 00:41:35,270 --> 00:41:37,390 Tas ir tiešām nepareizi spēj izraisīt 0 vienību, 1015 00:41:37,390 --> 00:41:41,940 jo 0 ir 0 pāri collas, pikseļi, centimetri, neatkarīgi. 1016 00:41:41,940 --> 00:41:43,960 Tas viss nozīmē tikai 0, labi? 1017 00:41:43,960 --> 00:41:46,710 Tātad vispirms jums arī tā mērīšanu. 1018 00:41:46,710 --> 00:41:48,650 >> Tad jūs arī tā stilu. 1019 00:41:48,650 --> 00:41:49,869 Tāpēc es esmu gatavojas teikt "ciets." 1020 00:41:49,869 --> 00:41:51,410 Un mēs runājam par to, ko tas nozīmē. 1021 00:41:51,410 --> 00:41:54,290 Un tad visbeidzot, jums arī tā krāsu. 1022 00:41:54,290 --> 00:41:56,850 Tāpēc es esmu gatavojas teikt "melna". 1023 00:41:56,850 --> 00:41:59,637 Un tie visi ir lietas, ko mēs esam tagad redzējis, izņemot stilu, 1024 00:41:59,637 --> 00:42:00,720 bet mēs runājam par to. 1025 00:42:00,720 --> 00:42:04,120 Tātad jums puiši ir redzējuši mērījumus, un jūs esat redzējis krāsas. 1026 00:42:04,120 --> 00:42:10,410 Un kas notiek, ir mēs šo jauki melna apmale ap to, labi? 1027 00:42:10,410 --> 00:42:11,620 Jūs guys redzēt, kā mēs to izdarīja? 1028 00:42:11,620 --> 00:42:12,760 >> AUDITORIJA: Jā. 1029 00:42:12,760 --> 00:42:14,850 >> TOMAS REIMERS: Cool. 1030 00:42:14,850 --> 00:42:17,370 Tātad, kas tas ir? 1031 00:42:17,370 --> 00:42:19,160 Tātad pirmkārt, tas ir viens pikseļu. 1032 00:42:19,160 --> 00:42:20,880 Tas ir pašsaprotami pietiekami, vai ne? 1033 00:42:20,880 --> 00:42:23,254 Tāpat kā, tas ir viens pikseļu biezs. 1034 00:42:23,254 --> 00:42:26,170 Vai tas būtu viens pikseļu, bet es esmu pietuvināto, tāpēc tas ir mazliet vairāk 1035 00:42:26,170 --> 00:42:26,490 nekā. 1036 00:42:26,490 --> 00:42:27,967 >> ALLISON Buchholtz-AU: Un mums ir tas smieklīgi izšķirtspēja TV. 1037 00:42:27,967 --> 00:42:29,460 >> TOMAS REIMERS: Jā. 1038 00:42:29,460 --> 00:42:33,640 Jūs varat padarīt to lielāku, mazāks, neatkarīgi. 1039 00:42:33,640 --> 00:42:35,630 Tātad, šeit ir divu pikseļu robežas. 1040 00:42:35,630 --> 00:42:38,810 Jūs redzēsiet, tas ir divas reizes plānāka. 1041 00:42:38,810 --> 00:42:40,172 Nākamā lieta, jums ir krāsu. 1042 00:42:40,172 --> 00:42:41,130 Tas nav interesanti. 1043 00:42:41,130 --> 00:42:42,710 Es neesmu gatavojas runāt par to, tiešām. 1044 00:42:42,710 --> 00:42:45,110 >> ALLISON Buchholtz-AU: Bet stils varētu būt tikai nedaudz interesanti. 1045 00:42:45,110 --> 00:42:45,980 >> TOMAS REIMERS: Jā. 1046 00:42:45,980 --> 00:42:48,560 Tātad stilu, ir maz ones ka es redzu izmantoti bieži. 1047 00:42:48,560 --> 00:42:55,690 Pirmais ir cietas, nākamais s dotted, un pēdējais ir sagrautas. 1048 00:42:55,690 --> 00:42:59,290 Un šeit ir izraibināta. 1049 00:42:59,290 --> 00:43:02,980 Jūs redzēsiet, ka viņi ķekars punkti, labi? 1050 00:43:02,980 --> 00:43:09,030 Labs veids, kā sava veida iegūt jauku robežu iet, domuzīmes ir arī diezgan populārs. 1051 00:43:09,030 --> 00:43:11,580 1052 00:43:11,580 --> 00:43:13,600 >> ALLISON Buchholtz-AU: Un tad, protams, es esmu 1053 00:43:13,600 --> 00:43:16,660 pārliecināts, ka ir daudz citu stili, ka jūs varat saņemt. 1054 00:43:16,660 --> 00:43:20,000 Un mums ir liels kopums saites beigās par jums, puiši 1055 00:43:20,000 --> 00:43:23,470 līdz veida iepazīties un apskatīt vairāk vēsā CSS. 1056 00:43:23,470 --> 00:43:25,954 >> TOMAS REIMERS: Un tad pēdējā lieta, mēs esam 1057 00:43:25,954 --> 00:43:27,870 gatavojas runāt par box modeļi nekustamo ātri. 1058 00:43:27,870 --> 00:43:30,070 Ak, un pēc tam robežu, tieši tāpat polsterējumu, 1059 00:43:30,070 --> 00:43:33,270 Jums ir arī lietas, piemēram, robežu pa kreisi, pa robežu labo, robežu-top, 1060 00:43:33,270 --> 00:43:37,590 robežu apakšā, kas ļauj jums nokļūt noteiktā robežas. 1061 00:43:37,590 --> 00:43:40,650 Tātad, šeit ir tikai robeža kreisās definēta. 1062 00:43:40,650 --> 00:43:43,060 Vai tas ir jēga? 1063 00:43:43,060 --> 00:43:46,170 >> ALLISON Buchholtz-AU: Tas ir cool veids, lai uzsvērtu lietas vai pievienot 1064 00:43:46,170 --> 00:43:47,545 līnijas starp dažādiem elementiem. 1065 00:43:47,545 --> 00:43:48,670 TOMAS REIMERS: Protams. 1066 00:43:48,670 --> 00:43:50,940 Tātad tas ir mūsu robežas. 1067 00:43:50,940 --> 00:43:52,790 Un pēdējais ir starpība. 1068 00:43:52,790 --> 00:43:55,892 Maržinālā s piemēram polsterējums izņemot tas nav within-- 1069 00:43:55,892 --> 00:43:57,975 ALLISON Buchholtz-AU: Ir nav apkārt jūsu elements 1070 00:43:57,975 --> 00:44:00,840 bet patiesībā ap visu kaste, kas mēs esam bijis redzēt. 1071 00:44:00,840 --> 00:44:02,770 >> TOMAS REIMERS: Jā. 1072 00:44:02,770 --> 00:44:04,090 Allison teica perfekti. 1073 00:44:04,090 --> 00:44:07,550 Tas nav, piemēram, iekšpusē jūsu elements, tas ir ap visu kastē. 1074 00:44:07,550 --> 00:44:10,900 Tas nozīmē, ka lietas, piemēram, fona neattiecas uz to. 1075 00:44:10,900 --> 00:44:13,550 Un tas būtībā saka: piemēram, es negribu neko 1076 00:44:13,550 --> 00:44:15,230 šajā daudz vietas par mani. 1077 00:44:15,230 --> 00:44:17,470 Tātad, piemēram, šeit mums ir rezerve 10 pikseļi. 1078 00:44:17,470 --> 00:44:23,100 Tātad nekas 10 pikseļi būtu man blakus. 1079 00:44:23,100 --> 00:44:26,210 Tas ir sava veida tā telpa, bet sava veida ne. 1080 00:44:26,210 --> 00:44:29,215 Tā, ka ir ļoti pamati kastē modeli. 1081 00:44:29,215 --> 00:44:30,090 Vai tas ir jēga? 1082 00:44:30,090 --> 00:44:33,830 1083 00:44:33,830 --> 00:44:34,550 Cool, cool. 1084 00:44:34,550 --> 00:44:35,800 ALLISON Buchholtz-AU: satriecošs. 1085 00:44:35,800 --> 00:44:37,890 Tāpēc tagad es domāju, ka mēs tikko ir mūsu atdzist resursi 1086 00:44:37,890 --> 00:44:41,220 ka mēs ņemšu jūs guys cauri ļoti ātri. 1087 00:44:41,220 --> 00:44:44,815 Un mēs actually-- labi, mums ir internets vēl? 1088 00:44:44,815 --> 00:44:47,860 >> TOMAS Reimers: Let 's redzēt, ja es varētu atvērt up-- 1089 00:44:47,860 --> 00:44:50,040 ļaujiet man tikai redzēt, ja es var iegūt internetā ātri 1090 00:44:50,040 --> 00:44:53,317 bet Allison runā par kaut ko Allison grib runāt. 1091 00:44:53,317 --> 00:44:55,150 ALLISON Buchholtz-AU: Tāpēc basically-- man nav 1092 00:44:55,150 --> 00:44:57,930 zināt, ko vēl es varu teikt šajā brīdī. 1093 00:44:57,930 --> 00:45:01,340 Bet tie ir daži tiešām labas resursu. 1094 00:45:01,340 --> 00:45:04,629 Tie ir tie, kas Tomas un man ir izmantoti 1095 00:45:04,629 --> 00:45:06,420 un ka mēs faktiski izmanto, lai ieplūdes šim. 1096 00:45:06,420 --> 00:45:09,940 W3Schools ir viens, ka jums puiši būtu redzējis. 1097 00:45:09,940 --> 00:45:12,440 Mēs iesakām to lietas ar CSS daudz. 1098 00:45:12,440 --> 00:45:15,060 Es zinu, es ieteiktu to mans sadaļa visu laiku. 1099 00:45:15,060 --> 00:45:21,050 >> Viens no lielas lietas ir tas, ka tā ļauj veida putru ar CSS 1100 00:45:21,050 --> 00:45:23,830 un redzēt izmaiņas uzreiz šajā, 1101 00:45:23,830 --> 00:45:25,920 piemēram, dubultās logu viedokli, ka tā ir. 1102 00:45:25,920 --> 00:45:29,980 Tātad jums nav jāuztraucas par izveidot savu mājas lapu, 1103 00:45:29,980 --> 00:45:33,090 vai izveidojot vhost in jūsu vietējo ierīces un vietējās uzņēmējas, 1104 00:45:33,090 --> 00:45:34,980 un iegūt visu, sīkumi darbu. 1105 00:45:34,980 --> 00:45:36,830 Tas ir nostiprināts labi ietvaros lapā. 1106 00:45:36,830 --> 00:45:39,042 >> Un tas ir šie maz nodarbības, ka jūs varat 1107 00:45:39,042 --> 00:45:40,750 iet cauri, lai uzzinātu vairāk par šķirotāja, 1108 00:45:40,750 --> 00:45:44,610 vai uzzināt par manipulējot savu font, vai fona, vai attēlu. 1109 00:45:44,610 --> 00:45:46,990 Un jums ir šie caurplūdes rezultātus, ka jūs 1110 00:45:46,990 --> 00:45:49,310 nav jādara kādu citi pirmskola darbs. 1111 00:45:49,310 --> 00:45:51,060 Tāpēc es mīlu W3Schools. 1112 00:45:51,060 --> 00:45:51,960 Tas ir pasakains. 1113 00:45:51,960 --> 00:45:52,670 Vai tas darbojas? 1114 00:45:52,670 --> 00:45:52,950 >> TOMAS REIMERS: Jā. 1115 00:45:52,950 --> 00:45:53,720 Nē, tas nav. 1116 00:45:53,720 --> 00:45:55,636 Vai jūs vēlaties, lai es mēģinātu un restartēt datoru? 1117 00:45:55,636 --> 00:45:56,410 Vai mēs gribam kuri paredzēti, lai 1118 00:45:56,410 --> 00:46:01,490 >> ALLISON Buchholtz-AU: Es domāju, labi, tas būs arī internetā. 1119 00:46:01,490 --> 00:46:02,740 Visi slaidi būs tiešsaistē. 1120 00:46:02,740 --> 00:46:05,470 Tāpēc es vienkārši ļoti ieteiktu darīt tiem. 1121 00:46:05,470 --> 00:46:07,880 >> Tas ir liels, kā tikko kā apkrāptu lapas. 1122 00:46:07,880 --> 00:46:10,690 Tas ir tikai viss pamata komandas, kas jums ir. 1123 00:46:10,690 --> 00:46:13,070 Tas ir lieliski, ja jūs esat pirmo reizi sākot no jūsu mājas lapā. 1124 00:46:13,070 --> 00:46:15,080 Jo varbūt jums nav vēlas nokļūt visus 1125 00:46:15,080 --> 00:46:17,355 reālā utains graudaini dizains smago sīkumi. 1126 00:46:17,355 --> 00:46:20,230 Jums vienkārši nepieciešams formatēt to tādā veidā, šāda veida jēga un griba 1127 00:46:20,230 --> 00:46:21,490 darīt pagaidām. 1128 00:46:21,490 --> 00:46:23,580 Un, ja jūs patiešām vēlaties iekļūt tajā, es zinu 1129 00:46:23,580 --> 00:46:27,240 tas ir, piemēram, viens no Tomas mīļākie atsauces. 1130 00:46:27,240 --> 00:46:30,130 Mums bija, izmantojot to, lai PREP, un tas ir pasakains. 1131 00:46:30,130 --> 00:46:33,030 Tas ir Izstrādātājs Mozilla. 1132 00:46:33,030 --> 00:46:36,490 >> TOMAS REIMERS: Tātad Mozilla ir cilvēki, kas padara Firefox. 1133 00:46:36,490 --> 00:46:40,290 Un tas ir tikai viņu pašu attīstītājs reference, kas, manuprāt, ir laba. 1134 00:46:40,290 --> 00:46:44,870 Un tas ir brīnišķīgi sarakstu resursu. 1135 00:46:44,870 --> 00:46:45,530 Tātad, mēs have-- 1136 00:46:45,530 --> 00:46:48,060 >> ALLISON Buchholtz-AU: Un tad pēdējā piezīme ir 1137 00:46:48,060 --> 00:46:50,120 kad jūs mēģināt dizains jūsu mājas lapā, 1138 00:46:50,120 --> 00:46:53,550 smelties iedvesmu no lietām ka jūs domājat, ka ir diezgan. 1139 00:46:53,550 --> 00:46:56,340 Pārbaudot elementu, Pārbaudot pirmkodu 1140 00:46:56,340 --> 00:46:59,370 var būt super noderīgi lai mēģina izdomāt 1141 00:46:59,370 --> 00:47:02,080 kā stila jūsu pašu mājas lapā. 1142 00:47:02,080 --> 00:47:04,540 >> Bieži vien, es jūtos kā labākais veids, turklāt eksperimentiem, 1143 00:47:04,540 --> 00:47:06,290 ir tikai apskatīt lietas, kas ir diezgan. 1144 00:47:06,290 --> 00:47:09,810 Es uzskatu, ka tas ir patiešām grūti vienkārši veida dizaina lietām par savu, 1145 00:47:09,810 --> 00:47:11,090 it īpaši sākumā. 1146 00:47:11,090 --> 00:47:14,740 Tāpēc, lūdzu, apskatīt tīmekļa vietnēs ka jums patiks meklē. 1147 00:47:14,740 --> 00:47:16,880 Izdomāt, kas padara viņiem pievilcīgu jums. 1148 00:47:16,880 --> 00:47:19,170 Un tad nekautrējieties mēģināt atkārtot to. 1149 00:47:19,170 --> 00:47:20,410 >> TOMAS REIMERS: Tieši tā. 1150 00:47:20,410 --> 00:47:23,120 Pat, piemēram, tīmekļa vietnes piemēram, tas, jūs varat redzēt 1151 00:47:23,120 --> 00:47:25,460 tur noteikti div augšpusē. 1152 00:47:25,460 --> 00:47:29,920 Un tad jums ir cits div laikā šeit, kas ir CSS awesomeness. 1153 00:47:29,920 --> 00:47:32,480 Un tad jums ir ķekars saites šeit. 1154 00:47:32,480 --> 00:47:34,770 Ja jūs patiešām vienkārši pārbaudīt elementus, jūs varat kārtot of 1155 00:47:34,770 --> 00:47:38,520 sākt redzēt to, ko darīt mājaslapas izskatās, un kā es varu 1156 00:47:38,520 --> 00:47:40,493 atjaunotu, ka, ja es gribēju. 1157 00:47:40,493 --> 00:47:41,890 Vai tas ir jēga? 1158 00:47:41,890 --> 00:47:43,670 Tātad mums ir tikai palikuši trīs minūtes. 1159 00:47:43,670 --> 00:47:46,380 Tātad jautājumi? 1160 00:47:46,380 --> 00:47:47,650 Jebkurš no viņiem? 1161 00:47:47,650 --> 00:47:48,350 Jā. 1162 00:47:48,350 --> 00:47:50,780 >> Mērķauditorija: Par krāsu taisnstūris, kā tu 1163 00:47:50,780 --> 00:47:53,499 have-- ja jūs nevēlaties to iet pāri visu lapu, varētu 1164 00:47:53,499 --> 00:47:56,400 Jūs esat padarījuši iet pāri tikai pusi lapas vai tikai tekstu? 1165 00:47:56,400 --> 00:47:59,660 >> TOMAS REIMERS: Jā, pilnīgi noteikti. 1166 00:47:59,660 --> 00:48:02,780 Tāpēc ļaujiet man redzēt faktiski. 1167 00:48:02,780 --> 00:48:04,670 Man ir divas idejas. 1168 00:48:04,670 --> 00:48:07,265 Tātad, pirmkārt, jums var izmantot arī procentus. 1169 00:48:07,265 --> 00:48:08,140 >> AUDITORIJA: Tiešām? 1170 00:48:08,140 --> 00:48:11,260 >> ALLISON Buchholtz-AU: Tātad kaut kas uzmeklēt ir relatīvs pozicionēšana. 1171 00:48:11,260 --> 00:48:13,385 Tas ir kaut kas, ko mēs nav laika, lai nokļūt, 1172 00:48:13,385 --> 00:48:16,392 bet tas ir kaut kas man noteikti ieteiktu jums puiši pārbaudīt out. 1173 00:48:16,392 --> 00:48:17,580 >> TOMAS REIMERS: Tik procenti. 1174 00:48:17,580 --> 00:48:21,524 Un redzēt, kā mēs, kas to tikai 50% no platuma? 1175 00:48:21,524 --> 00:48:24,190 ALLISON Buchholtz-AU: Ja jūs zina pikseļu skaitu, 1176 00:48:24,190 --> 00:48:25,780 Jūs varat būt precīzāks, ka veidā. 1177 00:48:25,780 --> 00:48:27,200 Jūs varat vijole apmēram ar to. 1178 00:48:27,200 --> 00:48:27,700 Bet 50%. 1179 00:48:27,700 --> 00:48:31,970 Ja mēs mainītu mūsu pārlūku, tas padara to mazāku. 1180 00:48:31,970 --> 00:48:35,250 >> TOMAS REIMERS: Nu, tas ir būtībā 50% tieši tagad, es domāju. 1181 00:48:35,250 --> 00:48:38,820 Tas ir 50%, un tad starpība ir pievienota to. 1182 00:48:38,820 --> 00:48:40,100 CSS ir daudz quirks. 1183 00:48:40,100 --> 00:48:43,195 Tātad šobrīd tas ir 50% no lapas platumu. 1184 00:48:43,195 --> 00:48:46,860 Bet atcerieties, ka jums ir 10 pikseļi pacēlies no katras puses. 1185 00:48:46,860 --> 00:48:49,700 Tātad, ja jums ir, lai pārvietotos, ka pret kreisi mala pārlūku, 1186 00:48:49,700 --> 00:48:51,550 tad tas izskatās 50%. 1187 00:48:51,550 --> 00:48:53,884 Atkal, tāpat kā es teicu, CSS var būt daudz uzminēt-un-pārbaudi. 1188 00:48:53,884 --> 00:48:56,049 Tāpat kā, jūs domājat, ka kaut kas nav gatavojas uzvesties vienā virzienā, 1189 00:48:56,049 --> 00:48:57,805 bet tas uzvedas pilnīgi atšķirīgu ceļu. 1190 00:48:57,805 --> 00:48:59,420 >> ALLISON Buchholtz-AU: Un jūs vienkārši iegūt gudrāku, 1191 00:48:59,420 --> 00:49:02,020 un jūs tikai iegūt labāku intuīcija par to, kā jūs pārvietoties pa. 1192 00:49:02,020 --> 00:49:02,730 >> TOMAS REIMERS: Un tas kļūst arvien sliktāk un sliktāk. 1193 00:49:02,730 --> 00:49:03,496 Tātad, tas ir patiešām tikai sacensības. 1194 00:49:03,496 --> 00:49:05,454 >> ALLISON Buchholtz-AU: Tas ir super iepriecinoši. 1195 00:49:05,454 --> 00:49:07,070 Mēs gribam, lai, piemēram, CSS. 1196 00:49:07,070 --> 00:49:08,810 >> TOMAS REIMERS: CSS ir laba. 1197 00:49:08,810 --> 00:49:10,354 Atcerieties, ka. 1198 00:49:10,354 --> 00:49:11,020 Citi jautājumi? 1199 00:49:11,020 --> 00:49:14,297 >> ALLISON Buchholtz-AU: viena lieta. 1200 00:49:14,297 --> 00:49:14,880 Kaut kas cits? 1201 00:49:14,880 --> 00:49:15,140 Cool. 1202 00:49:15,140 --> 00:49:15,690 >> TOMAS REIMERS: satriecošs. 1203 00:49:15,690 --> 00:49:18,523 >> ALLISON Buchholtz-AU: Nu, ja jūs puiši ir kādi jautājumi vēlāk, 1204 00:49:18,523 --> 00:49:20,919 Mēs esam vienmēr pieejami kā vienu parasti. 1205 00:49:20,919 --> 00:49:22,960 Jūs, iespējams redzēt dažus no mums gala projektiem 1206 00:49:22,960 --> 00:49:24,280 un noteikti pie hackathon. 1207 00:49:24,280 --> 00:49:25,200 >> TOMAS REIMERS: Protams. 1208 00:49:25,200 --> 00:49:25,720 Un izstādē. 1209 00:49:25,720 --> 00:49:26,560 >> ALLISON Buchholtz-AU: Un izstādē. 1210 00:49:26,560 --> 00:49:26,840 Oh. 1211 00:49:26,840 --> 00:49:28,130 >> TOMAS REIMERS: Ceram redzēt visas jūsu awesome-- 1212 00:49:28,130 --> 00:49:29,420 >> ALLISON Buchholtz-AU: Redzēsim visiem jūsu caku tīmekļa vietnes 1213 00:49:29,420 --> 00:49:30,572 ka būs skaisti. 1214 00:49:30,572 --> 00:49:32,780 TOMAS REIMERS: Jūs vienmēr varat skat, piemēram, tīmekļa vietnes 1215 00:49:32,780 --> 00:49:36,234 kas bija, piemēram, labu CSS un tad tāpat kā tie, kas nav mēģināt darīt CSS. 1216 00:49:36,234 --> 00:49:39,150 ALLISON Buchholtz-AU: Arī citu lieta, vēl viena lieta ieskatīties 1217 00:49:39,150 --> 00:49:40,445 ir bootstrapping. 1218 00:49:40,445 --> 00:49:41,805 Tātad Bootstrap ir liels. 1219 00:49:41,805 --> 00:49:42,240 >> TOMAS REIMERS: Google, ka, ja you-- 1220 00:49:42,240 --> 00:49:43,573 >> ALLISON Buchholtz-AU: Google tā. 1221 00:49:43,573 --> 00:49:44,340 Tas ir pasakains. 1222 00:49:44,340 --> 00:49:45,620 Jūs love to. 1223 00:49:45,620 --> 00:49:48,000 Un tagad, ka jums ir pamatzināšanas par CSS, 1224 00:49:48,000 --> 00:49:50,340 tas būs padarīt daudz lielāka jēga. 1225 00:49:50,340 --> 00:49:50,890 Awesome. 1226 00:49:50,890 --> 00:49:51,480 Paldies, puiši. 1227 00:49:51,480 --> 00:49:53,330 >> TOMAS REIMERS: Paldies tik daudz. 1228 00:49:53,330 --> 00:49:54,219