1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:04,500 >> [Daqq ta mużika] 3 00:00:04,500 --> 00:00:10,099 4 00:00:10,099 --> 00:00:12,224 ALLISON BUCHHOLTZ-UA: Allura aħna qed bażikament biss jmorru 5 00:00:12,224 --> 00:00:14,629 nagħtikom telqa ta CSS, għaliex aħna nafu 6 00:00:14,629 --> 00:00:16,420 li ma kienx kopert fil-sezzjonijiet kollha. 7 00:00:16,420 --> 00:00:20,090 U aħna verament jixtiequ jagħmlu ċert li int guys jkollhom din l-għodda għad-dispożizzjoni tiegħek, 8 00:00:20,090 --> 00:00:24,790 minħabba li għandha l-ħila li jagħmlu websajts tiegħek ħarsa ħafna prettier. 9 00:00:24,790 --> 00:00:28,660 >> U jekk int bini ta 'websajt, imbagħad inti probabilment tixtieq li tagħmel dan pretty. 10 00:00:28,660 --> 00:00:31,372 I mean, inti ma għandekx, imma I d jissuġġerixxu dan. [Laughs] 11 00:00:31,372 --> 00:00:35,430 Jekk inti tixtieq utenti biex jużawh, inti tista tixtieq li tagħmel dan ftit [inaudible]. 12 00:00:35,430 --> 00:00:39,130 Allura aħna qed tmur biex jippruvaw u jtik biss xi għodod bażiċi u l-fehim, 13 00:00:39,130 --> 00:00:42,340 b'tali mod li meta inti tmur out u int riċerka affarijiet dwar CSS, 14 00:00:42,340 --> 00:00:45,902 mhuwiex jitlesta gibberish, bħal CSS kultant, li tkun. 15 00:00:45,902 --> 00:00:47,240 >> Tomáš REIMERS: Yeah. 16 00:00:47,240 --> 00:00:49,930 Allison qal li pretty ukoll. 17 00:00:49,930 --> 00:00:53,250 So I raden l-ewwel ħaġa li għandna għandhom jibdew bl huwa dak li huwa CSS? 18 00:00:53,250 --> 00:00:55,750 Allura CSS huwa tal-biża. 19 00:00:55,750 --> 00:00:56,250 CSS-- 20 00:00:56,250 --> 00:00:58,320 >> ALLISON BUCHHOLTZ-UA: C'est l-isem ta 'seminar tagħna. 21 00:00:58,320 --> 00:00:58,434 >> Tomáš REIMERS: Yeah. 22 00:00:58,434 --> 00:01:00,130 Huwa tassew importanti li inti tifhem li sa dakinhar. 23 00:01:00,130 --> 00:01:03,090 Jekk inti biss tieħu bogħod wieħed ħaġa, huwa li CSS jekk biża. 24 00:01:03,090 --> 00:01:06,180 Tnejn huwa CSS stands għall Cascading Style Sheets. 25 00:01:06,180 --> 00:01:10,380 Allura fil-qalba tagħha, CSS huwa folja stil, li jfisser 26 00:01:10,380 --> 00:01:13,200 hija tippermetti li inti stil web page. 27 00:01:13,200 --> 00:01:16,609 U allura dak li jfisser, huwa mod biex iżidu l-istil għal websajts tiegħek. 28 00:01:16,609 --> 00:01:18,900 Allura billi stil, rridu nfissru kollox li mhux structural-- 29 00:01:18,900 --> 00:01:24,350 sabiex l-affarijiet simili kuluri, l-isfond immaġini, il-fruntieri, bħal, ikkuttunar, 30 00:01:24,350 --> 00:01:25,040 marġini. 31 00:01:25,040 --> 00:01:27,310 Aħna ser jitkellmu dwar dak li dak kollu li jfisser fil-daqsxejn. 32 00:01:27,310 --> 00:01:30,110 >> Allura aħna ħadthom biss marret quddiem u miftuħa kemm ta 'dawk fil gedit. 33 00:01:30,110 --> 00:01:32,680 Allura dan huwa index.html. 34 00:01:32,680 --> 00:01:34,800 U dan huwa main.css. 35 00:01:34,800 --> 00:01:36,829 Allura main.css m'għandha x'taqsam xejn. 36 00:01:36,829 --> 00:01:38,412 ALLISON BUCHHOLTZ-UA: L-ebda stil s'issa. 37 00:01:38,412 --> 00:01:39,245 Tomáš REIMERS: Xejn. 38 00:01:39,245 --> 00:01:42,577 U kif tkun taf tara, huwa sit verament ikrah. 39 00:01:42,577 --> 00:01:44,160 ALLISON BUCHHOLTZ-UA: Huwa biss sempliċi. 40 00:01:44,160 --> 00:01:45,820 Tomáš REIMERS: Yeah. 41 00:01:45,820 --> 00:01:49,150 Yeah, mhuwiex ikrah, huwa biss minimalista. 42 00:01:49,150 --> 00:01:53,430 U allura hawnhekk għandna index.html. 43 00:01:53,430 --> 00:01:55,729 U hekk għal quick terġa tat HTML, Allison, 44 00:01:55,729 --> 00:01:57,270 inti tixtieq li biss jitkellmu dwar il-paġna? 45 00:01:57,270 --> 00:01:58,395 >> ALLISON BUCHHOLTZ-UA: Yeah. 46 00:01:58,395 --> 00:02:01,100 Allura ovvjament, aħna għandna HTML tagħna tag, li ftit ismijiet file HTML. 47 00:02:01,100 --> 00:02:07,080 Għandna header tagħna hawn, ma CSS Awesomeness, which-- jekk inti tmur lura. 48 00:02:07,080 --> 00:02:07,720 Fejn hi li? 49 00:02:07,720 --> 00:02:09,136 >> Tomáš REIMERS: Oh. 50 00:02:09,136 --> 00:02:10,301 Yeah, inti tista 'tara. 51 00:02:10,301 --> 00:02:12,092 ALLISON BUCHHOLTZ-UA: U l-avviż l-header 52 00:02:12,092 --> 00:02:14,120 huwa dan header tab dritt up here. 53 00:02:14,120 --> 00:02:17,130 U mbagħad "Hello, dinja!" huwa it-test li għandna biss 54 00:02:17,130 --> 00:02:19,620 wiri fuq il-web Paġna li is-- jmorru lura. 55 00:02:19,620 --> 00:02:21,290 Back. 56 00:02:21,290 --> 00:02:24,287 Li huwa biss fil-ġisem tagħna here---test sempliċi. 57 00:02:24,287 --> 00:02:26,120 Ukoll, ħaġa waħda li Avviż, jekk inti tfittex hawn, 58 00:02:26,120 --> 00:02:29,410 Tomas qalbu up dawn tnejn mill slide tagħna. 59 00:02:29,410 --> 00:02:32,035 Allura sakemm ikollok kollox tlieta minn dawn, int multa. 60 00:02:32,035 --> 00:02:34,044 Huma jistgħu jkunu fi kwalunkwe ordni li jridu. 61 00:02:34,044 --> 00:02:39,368 X'hemm aktar importanti huwa biss li inti għandek kull wieħed minn dawk it-tliet affarijiet. 62 00:02:39,368 --> 00:02:40,340 >> Tomáš REIMERS: Kessaħ. 63 00:02:40,340 --> 00:02:41,111 Żid tip doc? 64 00:02:41,111 --> 00:02:42,235 ALLISON BUCHHOLTZ-UA: Yeah. 65 00:02:42,235 --> 00:02:43,068 Tomáš REIMERS: Yeah. 66 00:02:43,068 --> 00:02:43,769 Kessaħ. 67 00:02:43,769 --> 00:02:46,102 ALLISON BUCHHOLTZ-UA: Apparentement, MICs tiegħi ma simili me. 68 00:02:46,102 --> 00:02:49,650 Tomáš REIMERS: Oh, agħtina sec biss filwaqt Allison swiċċijiet out mic tagħha. 69 00:02:49,650 --> 00:02:50,500 Allura yeah. 70 00:02:50,500 --> 00:02:52,030 Allura aħna għandna paġna prinċipali tagħna. 71 00:02:52,030 --> 00:02:53,890 Huwa tip ta 'unstyled. 72 00:02:53,890 --> 00:02:54,780 Aħna ma jkollhom ħafna. 73 00:02:54,780 --> 00:02:57,110 Aħna biss għandhom bażikament test. 74 00:02:57,110 --> 00:02:59,470 Għandna l-karta tal-istil. 75 00:02:59,470 --> 00:03:00,220 Għandna it-titolu. 76 00:03:00,220 --> 00:03:04,020 Hekk biss bare-għadam imneħħi komponenti tagħmel websajt. 77 00:03:04,020 --> 00:03:08,880 >> Allura minn hemm, ejja jitkellmu dwar dak CSS huwa 78 00:03:08,880 --> 00:03:11,270 u dak li jidher qisu u kollha ta 'dak. 79 00:03:11,270 --> 00:03:12,047 Allura għal that-- 80 00:03:12,047 --> 00:03:13,755 ALLISON BUCHHOLTZ-UA: Lura għall-pjastri. 81 00:03:13,755 --> 00:03:15,200 Tomáš REIMERS: Lura għall-pjastri. 82 00:03:15,200 --> 00:03:17,240 U Allison tista 'tieħu f'idejha. 83 00:03:17,240 --> 00:03:18,720 >> ALLISON BUCHHOLTZ-UA: Woo. 84 00:03:18,720 --> 00:03:19,220 OK. 85 00:03:19,220 --> 00:03:22,360 Allura fil-fajl CSS tiegħek, int ser ikollhom 86 00:03:22,360 --> 00:03:25,010 ħafna ta 'dawn l-affarijiet imsejħa seletturi. 87 00:03:25,010 --> 00:03:27,420 Dak se jkun biss il- bażi ta 'fajl CSS tiegħek. 88 00:03:27,420 --> 00:03:29,480 Huwa biss se tkun lottijiet u lottijiet ta 'dawn. 89 00:03:29,480 --> 00:03:30,780 Allura selettur. 90 00:03:30,780 --> 00:03:32,649 Dan huwa biss l-anatomija ġenerali. 91 00:03:32,649 --> 00:03:35,190 Aħna qed tmur biex jgħaddu eżempji, għaliex jekk inti guys qatt 92 00:03:35,190 --> 00:03:38,400 jarah taqsima tiegħi, inħoss bħall-affarijiet fil-astratt 93 00:03:38,400 --> 00:03:39,400 ma verament jagħmel sens. 94 00:03:39,400 --> 00:03:41,110 Hija dejjem jgħin biex tara l-eżempji. 95 00:03:41,110 --> 00:03:42,420 >> Allura aħna għandna xi selettur. 96 00:03:42,420 --> 00:03:49,120 Li għaddej biex tkun xi identifikatur għall dak li rridu l-istil li japplikaw għall. 97 00:03:49,120 --> 00:03:52,220 U allura nistgħu jkollhom xi sett ta 'regoli u valuri. 98 00:03:52,220 --> 00:03:55,680 Allura seletturi li inti tista 'tara Jista 'jkun xi ħaġa bħal ġisem, 99 00:03:55,680 --> 00:04:00,262 jew tal-paragrafu ma P, jew header, jew kwalunkwe, 100 00:04:00,262 --> 00:04:02,000 xi trid tags HTML tiegħek li tkun. 101 00:04:02,000 --> 00:04:03,570 >> Allura f'dan il-każ, għandna ġisem. 102 00:04:03,570 --> 00:04:06,985 U aħna għandna xi regola, li dan jikkorrispondi 103 00:04:06,985 --> 00:04:09,610 għal dak l-istil tiegħek tapplika għal. 104 00:04:09,610 --> 00:04:12,720 Allura f'dan il-każ, aħna għandna kulur fl-isfond u l-piż font. 105 00:04:12,720 --> 00:04:16,200 Allura dan huwa se jibdlu l-isfond ta 'xejn 106 00:04:16,200 --> 00:04:19,640 fi ħdan kull korp tag tal-fajl HTML tagħna. 107 00:04:19,640 --> 00:04:22,810 U li għaddej biex jagħtu dan il-valur blu dawl. 108 00:04:22,810 --> 00:04:24,820 >> Allura huwa għaddej biex jagħmlu l- sfond blu dawl. 109 00:04:24,820 --> 00:04:28,660 U mbagħad xejn fil-ġisem hija se jkollu piż font bold. 110 00:04:28,660 --> 00:04:31,142 Allura huwa biss se bold kollha ta 'test tagħna. 111 00:04:31,142 --> 00:04:32,970 U dan huwa biss selettur wieħed. 112 00:04:32,970 --> 00:04:34,680 Imma inti jista 'jkollhom ħafna ħafna minn dawn. 113 00:04:34,680 --> 00:04:38,730 U kif aħna qed tmur biex juru aktar tard, ftit aktar dwar kif 114 00:04:38,730 --> 00:04:40,709 li x-xogħlijiet u l-aktar eżempji hemmhekk. 115 00:04:40,709 --> 00:04:41,750 Xi ħaġa li inti trid iżżid? 116 00:04:41,750 --> 00:04:42,499 >> Tomáš REIMERS: No 117 00:04:42,499 --> 00:04:43,500 Allison ltqajna. 118 00:04:43,500 --> 00:04:46,144 Aħna biss se taqtgħu up Eżempju hawn fuq eżempju sit tagħna. 119 00:04:46,144 --> 00:04:47,310 Mela ejja fil-fatt jieħdu din. 120 00:04:47,310 --> 00:04:48,620 Huwa perfetta. 121 00:04:48,620 --> 00:04:54,460 Allura jien biss ser kopja u paste dak id-dritt fil-fajl main.css tagħna. 122 00:04:54,460 --> 00:04:56,530 U jien ser tiffranka. 123 00:04:56,530 --> 00:04:59,190 U allura aħna se run. 124 00:04:59,190 --> 00:05:01,600 Nota Allura naħa, wieħed mill- aktar affarijiet frustranti 125 00:05:01,600 --> 00:05:04,490 huwa jekk inti ma tiffranka fajl, u allura inti, simili, rikarigu-paġna, 126 00:05:04,490 --> 00:05:07,450 u simili, għaliex mhuwiex il-bidla jiġri? 127 00:05:07,450 --> 00:05:07,950 Dan jiġri. 128 00:05:07,950 --> 00:05:14,230 Allura hawnhekk rajna li għamilna tagħna website sfond blu dawl 129 00:05:14,230 --> 00:05:16,560 u xi test bolded. 130 00:05:16,560 --> 00:05:20,730 >> I għandu jsemmi wkoll, jekk inti guys xi mistoqsijiet dwar xi ħaġa 131 00:05:20,730 --> 00:05:23,622 li aħna qed tagħmel, nitolbok li tħossok ħielsa biex tieqaf magħna u jistaqsu lilna. 132 00:05:23,622 --> 00:05:25,330 Aħna totalment lesti ma 'qasam mistoqsijiet. 133 00:05:25,330 --> 00:05:27,951 134 00:05:27,951 --> 00:05:31,930 >> ALLISON BUCHHOLTZ-UA: Ovvjament, ma CSS, kollox tibni fuq innifsu. 135 00:05:31,930 --> 00:05:34,107 Mela jekk ħaġa waħda ma jagħmel sens issa, aħna 136 00:05:34,107 --> 00:05:35,690 Ma rridx li biex bog inti isfel aktar tard. 137 00:05:35,690 --> 00:05:38,390 138 00:05:38,390 --> 00:05:41,930 >> Tomáš REIMERS: Mela ejja tip ta 'dissect dan. 139 00:05:41,930 --> 00:05:44,210 Allura inti tixtieq li tibda bis-selettur hawn? 140 00:05:44,210 --> 00:05:45,979 >> ALLISON BUCHHOLTZ-UA: Yeah. 141 00:05:45,979 --> 00:05:48,270 Kif I kien qal qabel, korp huwa biss selettur tagħna hawn. 142 00:05:48,270 --> 00:05:50,950 Mela jekk immorru lura fuq l ah index-- tagħna. 143 00:05:50,950 --> 00:05:53,245 >> Tomáš REIMERS: Liema I biss magħluq. 144 00:05:53,245 --> 00:05:54,530 Agħti me-tieni. 145 00:05:54,530 --> 00:05:58,286 Allura File, Open, index.html. 146 00:05:58,286 --> 00:05:59,410 ALLISON BUCHHOLTZ-UA: Kessaħ. 147 00:05:59,410 --> 00:06:02,710 Mela jekk tinnota hawnhekk, aħna jkollhom dawn tags ġisem, id-dritt? 148 00:06:02,710 --> 00:06:06,270 Allura l-selettur biss jikkorrispondi għal l-tags li aħna qed jitkellem dwar. 149 00:06:06,270 --> 00:06:07,670 Allura korp dritt hawn. 150 00:06:07,670 --> 00:06:10,315 Allura dak li aħna qed tgħid huwa everything-- nistgħu mmorru lura? 151 00:06:10,315 --> 00:06:12,065 Nixtieq I jistgħu biss bħall tmissx l-iskrin. 152 00:06:12,065 --> 00:06:14,410 Hija d jkun tant cooler. 153 00:06:14,410 --> 00:06:17,150 >> Allura xejn f dawk tags tal-ġisem, li rajna 154 00:06:17,150 --> 00:06:19,637 kien biss, bħal, it-test, u l-korp in ġenerali 155 00:06:19,637 --> 00:06:20,970 jirreferi għal, simili, l-isfond. 156 00:06:20,970 --> 00:06:22,720 Jekk inti qatt tixtieq li jibdlu l-isfond, 157 00:06:22,720 --> 00:06:25,090 li għaddej biex tkun tag ġisem. 158 00:06:25,090 --> 00:06:27,120 Just għandha dawn ir-regoli applikati lilhom. 159 00:06:27,120 --> 00:06:32,040 >> Mela jekk konna biex tmur index.html and-- attwalment, 160 00:06:32,040 --> 00:06:33,840 nistgħu jkollhom xi ħaġa barra tal-ġisem? 161 00:06:33,840 --> 00:06:37,340 Jekk kellna, bħal, footer jew xi ħaġa, ma jkunx japplika għal din. 162 00:06:37,340 --> 00:06:40,900 Iżda xejn fi dawn it-tags tal-ġisem huwa għaddej 163 00:06:40,900 --> 00:06:44,960 li jiġu affettwati minn dan il-korp selettur li aħna ħadna. 164 00:06:44,960 --> 00:06:47,405 Mela jekk inti kienu li tip xi ħaġa oħra there-- 165 00:06:47,405 --> 00:06:49,400 >> Tomáš REIMERS: Ejja jsuq li d-dar. 166 00:06:49,400 --> 00:06:55,330 Mela jekk kellna div-- b'tali mod li biss tag ieħor inti jista 'jkollhom. 167 00:06:55,330 --> 00:06:56,350 Jien ser jingħalaq. 168 00:06:56,350 --> 00:06:58,280 Jew ejja tagħmel dan il-paragrafu. 169 00:06:58,280 --> 00:07:01,430 Allura p stands għall-paragrafu. 170 00:07:01,430 --> 00:07:02,560 U fi ħdan dak il-paragrafu. 171 00:07:02,560 --> 00:07:05,650 U mbagħad I say, "Dan huwa test." 172 00:07:05,650 --> 00:07:06,369 Kessaħ. 173 00:07:06,369 --> 00:07:09,160 U mbagħad I magħmula din ir-regola tapplika għall paragrafu minflok l-korp. 174 00:07:09,160 --> 00:07:12,390 175 00:07:12,390 --> 00:07:17,320 Int ser ikollok tara kif tapplika biss għal Il-paragrafu ffurmata ġdida, id-dritt, 176 00:07:17,320 --> 00:07:18,892 mhux il-ħaġa sħiħa. 177 00:07:18,892 --> 00:07:20,090 Does li jagħmel sens? 178 00:07:20,090 --> 00:07:21,840 >> ALLISON BUCHHOLTZ-UA: Allura din hija kollha tal-ġisem, 179 00:07:21,840 --> 00:07:24,450 iżda issa selettur tagħna biss jikkorrispondi għall-paragrafu. 180 00:07:24,450 --> 00:07:27,050 Allura aħna biss għandhom kuraġġużi u blu għal dan il-paragrafu speċifika, 181 00:07:27,050 --> 00:07:30,760 għaliex dan huwa l-unika ħaġa li jkun jinsab fil-tikketta p. 182 00:07:30,760 --> 00:07:35,349 >> Tomáš REIMERS: Does li jagħmel sens it-tip ta 'kif l-affarijiet jirrappreżentaw affarijiet oħra? 183 00:07:35,349 --> 00:07:38,140 ALLISON BUCHHOLTZ-UA: Ukoll, just li jgħidu, bħal, wieħed mill-aħjar modi 184 00:07:38,140 --> 00:07:40,889 biex verament tikseb komda mal CSS huwa biss tagħmel affarijiet bħal dan, 185 00:07:40,889 --> 00:07:42,050 biss jippruvaw it out. 186 00:07:42,050 --> 00:07:46,700 Huwa sempliċi ħafna sabiex xi ħaġa tip out, hit Riffriskar, u tara x'jiġri. 187 00:07:46,700 --> 00:07:48,940 U kif ma 'ħafna CS, esperimentazzjoni tista 'spiss 188 00:07:48,940 --> 00:07:51,790 jwassal għal ħafna aħjar fehim intuwittivi. 189 00:07:51,790 --> 00:07:54,432 Saħansitra aktar minn hekk minna biss, simili, nitkellmu miegħek. 190 00:07:54,432 --> 00:07:58,350 >> Tomáš REIMERS: Assolutament 100% jaqblu fuq dan il-punt. 191 00:07:58,350 --> 00:08:02,430 Mela jekk immorru lura għal dan, ejja nibdew dissecting eżattament liema dawn iż-żewġ do. 192 00:08:02,430 --> 00:08:04,550 Allura aħna għandna żewġ regoli dwar dan. 193 00:08:04,550 --> 00:08:07,420 Allura l-ewwel waħda hija kulur fl-isfond. 194 00:08:07,420 --> 00:08:10,590 U inti tara li konna stabbiliti lilha ugwali għal valur, blu dawl. 195 00:08:10,590 --> 00:08:15,009 >> Għalhekk fl CSS, CSS huwa tip ta ħafna laxka dwar kif 196 00:08:15,009 --> 00:08:16,300 int permess biex jiddefinixxu kulur. 197 00:08:16,300 --> 00:08:17,800 Allura inti tista 'tiddefinixxi lilhom mill-isem. 198 00:08:17,800 --> 00:08:20,650 Tista 'wkoll tagħmel xi ħaġa bħal "aħmar." 199 00:08:20,650 --> 00:08:25,270 U mbagħad jekk immorru lura għal dan, tkun taf tara li l-isfond huwa aħmar. 200 00:08:25,270 --> 00:08:29,040 Tista 'wkoll tikseb really-- naħseb li inti jistgħu jiksbu pretty kreattivi ma 'dan, 201 00:08:29,040 --> 00:08:29,540 ma tistax inti? 202 00:08:29,540 --> 00:08:31,170 >> ALLISON BUCHHOLTZ-UA: I taħseb li inti tista 'tuża hex. 203 00:08:31,170 --> 00:08:31,250 Mhux inti tista? 204 00:08:31,250 --> 00:08:32,083 >> Tomáš REIMERS: Yeah. 205 00:08:32,083 --> 00:08:32,969 Allura inti tista 'tuża hex. 206 00:08:32,969 --> 00:08:34,490 Imma jien ħsieb isem għaqli. 207 00:08:34,490 --> 00:08:35,385 Ma jkunux hemm? 208 00:08:35,385 --> 00:08:37,260 ALLISON BUCHHOLTZ-UA: Tista 'tagħmel pjuttost ftit. 209 00:08:37,260 --> 00:08:43,350 Pretty ħafna bħal ħafna kuluri li inti jista name-- simili, naħseb salamun huwa wieħed. 210 00:08:43,350 --> 00:08:45,322 >> Tomáš REIMERS: Aħna salamun jipprova gonna. 211 00:08:45,322 --> 00:08:47,530 ALLISON BUCHHOLTZ-UA: I think chartreuse huwa fil hemmhekk. 212 00:08:47,530 --> 00:08:48,050 Tomáš REIMERS: Yeah. 213 00:08:48,050 --> 00:08:48,550 Ara? 214 00:08:48,550 --> 00:08:50,080 Allura inti tista 'tikseb pretty kreattivi. 215 00:08:50,080 --> 00:08:52,246 >> ALLISON BUCHHOLTZ-UA: You setgħux jiksbu pretty kreattivi. 216 00:08:52,246 --> 00:08:55,750 Bħal, jekk inti tista 'taħseb l- isem color, huwa probabbilment fil hemmhekk. 217 00:08:55,750 --> 00:08:57,840 Jekk int verament tixtieq multa dettall, inti tista 'tmur hex. 218 00:08:57,840 --> 00:08:58,673 >> Tomáš REIMERS: Yeah. 219 00:08:58,673 --> 00:08:59,390 Allura hexadeċimali. 220 00:08:59,390 --> 00:09:05,280 Jekk inti guys ftakar dan back minn PSET qadim tiegħek, Image Recover, 221 00:09:05,280 --> 00:09:08,300 inti guys kellhom jittrattaw ma 'dawn il-valuri hex. 222 00:09:08,300 --> 00:09:15,280 U sort ta lil terġa dak li hi, hex għandu tliet valuri maħżuna fih. 223 00:09:15,280 --> 00:09:17,250 Allura huwa fi gruppi ta 'żewġ f'inkrementi. 224 00:09:17,250 --> 00:09:19,300 L-ewwel tnejn jirrappreżentaw il-valur aħmar. 225 00:09:19,300 --> 00:09:22,420 It-tieni wieħed jirrappreżenta il-valur aħdar. 226 00:09:22,420 --> 00:09:25,020 U l-aħħar wieħed huwa blu? 227 00:09:25,020 --> 00:09:30,050 >> Allura FF jiġri li jirrappreżentaw a hexadecimal 255. 228 00:09:30,050 --> 00:09:35,480 Allura inti għandek 255 aħmar, 255 aħdar, u 0 għat blu. 229 00:09:35,480 --> 00:09:37,670 U l-valuri jvarjaw bejn 0 u 255. 230 00:09:37,670 --> 00:09:38,350 >> UDJENZA: Dritt. 231 00:09:38,350 --> 00:09:41,472 Allura essenzjalment, nistgħu tfittxija l-internet għal kwalunkwe kulur li rridu, 232 00:09:41,472 --> 00:09:43,912 u tidentifika l-fatt magħruf Combo kulur ispettru, 233 00:09:43,912 --> 00:09:45,130 u mbagħad nistgħu poġġih fil-? 234 00:09:45,130 --> 00:09:46,380 ALLISON BUCHHOLTZ-UA: Eżattament. 235 00:09:46,380 --> 00:09:52,900 Allura inti għandek pretty ħafna kontroll sħiħ matul il-kuluri inti tixtieq fi ħdan CSS. 236 00:09:52,900 --> 00:09:55,069 Huma aħna se nitkellmu dwar immaġini isfond aktar tard? 237 00:09:55,069 --> 00:09:56,110 Jew do rridu nagħmlu dan? 238 00:09:56,110 --> 00:09:56,240 >> Tomáš REIMERS: Yeah. 239 00:09:56,240 --> 00:09:57,010 Assolutament. 240 00:09:57,010 --> 00:10:00,830 Allura l-ewwel, just biex juru li aħmar u aħdar huwa isfar. 241 00:10:00,830 --> 00:10:03,120 U jekk għandek bżonn xi għajnuna biex issib dan, inti 242 00:10:03,120 --> 00:10:05,575 jista Google xi ħaġa bħal "color picker." 243 00:10:05,575 --> 00:10:07,200 ALLISON BUCHHOLTZ-UA: Oh, huwa hekk tajjeb. 244 00:10:07,200 --> 00:10:09,090 I love Color Picker. 245 00:10:09,090 --> 00:10:11,360 >> Tomáš REIMERS: colorpicker.com huwa eżempju tajjeb. 246 00:10:11,360 --> 00:10:14,580 U hawn, int ser tara li għandek a color picker Photoshop simili sħiħa. 247 00:10:14,580 --> 00:10:14,920 >> ALLISON BUCHHOLTZ-UA: Mm-hm. 248 00:10:14,920 --> 00:10:16,980 Ukoll, l-affarijiet jibred inti tista 'tiġġenera skemi ta' kulur 249 00:10:16,980 --> 00:10:18,896 sabiex inti ma għandekx, simili, clashing kuluri. 250 00:10:18,896 --> 00:10:22,780 Tomáš REIMERS: U mbagħad hawn l-hex valur up here. 251 00:10:22,780 --> 00:10:27,800 Allura inti tista 'dejjem issib online bażikament postijiet biex jiksbu l-valur hex minn. 252 00:10:27,800 --> 00:10:31,667 Mhuwiex sort ta 'dik eżatt, bħal, aħna tara l-kuluri tad-dinja fin-numru. 253 00:10:31,667 --> 00:10:34,000 Huwa aktar li aħna tmur online u ssib liema kulur li rridu, 254 00:10:34,000 --> 00:10:36,850 u mbagħad ħu n-numru isfel. 255 00:10:36,850 --> 00:10:39,590 Għaliex huwa biss verament faċli mod biex referenza affarijiet fil-CS. 256 00:10:39,590 --> 00:10:40,350 >> ALLISON BUCHHOLTZ-UA: U allura hemm also-- 257 00:10:40,350 --> 00:10:41,630 I tinsa l-isem eżatt tas-sit. 258 00:10:41,630 --> 00:10:43,838 Iżda hemm definittivament, I think, xi ħaġa minn Adobe 259 00:10:43,838 --> 00:10:48,350 li jiġġenera skemi kulur għalik, li huwa verament jibred, għaliex inti 260 00:10:48,350 --> 00:10:50,580 definitely-- huwa kultant diffiċli biex insemmu, 261 00:10:50,580 --> 00:10:53,729 oh, jekk I jridu jużaw dan il-kulur, dak li jista 'jkun wieħed utli oħra 262 00:10:53,729 --> 00:10:56,395 għall-użu x'imkien ieħor fuq is-sit tiegħi biex, simili, jagħmilha sbieħ u koeżiva. 263 00:10:56,395 --> 00:11:00,430 264 00:11:00,430 --> 00:11:04,260 >> Tomáš REIMERS: l Allison jitkellem dwar wieħed mill-Adobe imsejħa Kuler, I think. 265 00:11:04,260 --> 00:11:04,885 Huwa K-U-L-E-R. 266 00:11:04,885 --> 00:11:06,259 ALLISON BUCHHOLTZ-UA: I think so. 267 00:11:06,259 --> 00:11:07,610 Jien pretty ċert li l-waħda. 268 00:11:07,610 --> 00:11:11,050 >> Tomáš REIMERS: favorit tiegħi għandha dejjem kien Disinjatur Iskema Kulur. 269 00:11:11,050 --> 00:11:13,998 >> ALLISON BUCHHOLTZ-UA: Ooh. 270 00:11:13,998 --> 00:11:16,010 >> Tomáš REIMERS: Liema hija now-- 271 00:11:16,010 --> 00:11:16,860 >> ALLISON BUCHHOLTZ-UA: Ah, dan huwa beautiful. 272 00:11:16,860 --> 00:11:18,818 >> Tomáš REIMERS: U inti jista bażikament tgħid, bħal, 273 00:11:18,818 --> 00:11:21,700 Irrid tliet kuluri ħdejn xulxin. 274 00:11:21,700 --> 00:11:25,030 U mbagħad ejja nagħmlu xi ħaġa sabiħa. 275 00:11:25,030 --> 00:11:29,210 U allura inti tista 'tikseb eżempju ta 'dak li jista' look like. 276 00:11:29,210 --> 00:11:32,470 U mbagħad jekk inti imbagħad jerġgħu jsiru fuq kwalunkwe minnhom, li tagħtik l-valur hex. 277 00:11:32,470 --> 00:11:35,010 >> Hekk biss bħala mod tajjeb biex tibda jaħsbu dwar skemi ta 'kulur 278 00:11:35,010 --> 00:11:39,570 jew liema kuluri fil-websajt jista 'jmur tajjeb flimkien. 279 00:11:39,570 --> 00:11:45,655 Minħabba li jista 'jkun sorprendentement mhux faċli li pick kif taħseb. 280 00:11:45,655 --> 00:11:48,280 U allura l-ħaġa jibred oħra Stajt dejjem sabet dwar dan is-sit 281 00:11:48,280 --> 00:11:51,480 hija jekk inti hit Eżempji, inneħħu juru liema eżempju websajt 282 00:11:51,480 --> 00:11:54,800 jista 'dehra tuża dik l-iskema color. 283 00:11:54,800 --> 00:11:56,270 Xorta waħda. 284 00:11:56,270 --> 00:11:57,863 >> Lura għall-CSS attwali. 285 00:11:57,863 --> 00:12:01,112 ALLISON BUCHHOLTZ-UA: Iżda ovvjament, aħna taf dawn ir-referenzi jistgħu jkunu utli. 286 00:12:01,112 --> 00:12:03,195 Tomáš REIMERS: Le, dawn definittivament jista 'jkun utli. 287 00:12:03,195 --> 00:12:04,720 Allura l-tieni regola, Allison? 288 00:12:04,720 --> 00:12:05,844 >> ALLISON BUCHHOLTZ-UA: Yeah. 289 00:12:05,844 --> 00:12:08,280 It-tieni regola hija biss li jikkorrispondi għal font tagħna. 290 00:12:08,280 --> 00:12:11,520 Allura l-piż font huwa biss tip of-- sabiex il-piż kieku 291 00:12:11,520 --> 00:12:15,220 tkun jekk inti tixtieq biss, bħal, normali jew, bħal, fonts irqaq, 292 00:12:15,220 --> 00:12:17,251 jew f'dan il-każ, bħal, b'tipa grassa. 293 00:12:17,251 --> 00:12:17,750 I tinsa. 294 00:12:17,750 --> 00:12:21,557 X'hemm-jekk int riedu it-- hemm waħda irqaq minn sempliċiment, bħal, normali? 295 00:12:21,557 --> 00:12:24,140 Tomáš REIMERS: I ma attwalment tkun taf jekk hemm wieħed irqaq. 296 00:12:24,140 --> 00:12:24,680 ALLISON BUCHHOLTZ-UA: I tinsa. 297 00:12:24,680 --> 00:12:26,300 Piż sabiex font aħna tipikament biss tuża għal bold. 298 00:12:26,300 --> 00:12:29,010 Jekk inti tixtieq li tikseb verament fis dan, aħna qed tmur biex nuruk. 299 00:12:29,010 --> 00:12:34,317 W3schools għandu l-differenti affarijiet li tista 'tagħmel għall-fonts. 300 00:12:34,317 --> 00:12:36,900 Imma bażikament, jekk inti qatt tixtieq li tbiddel xejn dwar font, 301 00:12:36,900 --> 00:12:39,330 huwa dejjem se jkunu, simili, font-ħaġa. 302 00:12:39,330 --> 00:12:43,450 Allura dan ser ikun simili, font-familja jekk int jippruvaw jibdlu t-tip attwali. 303 00:12:43,450 --> 00:12:47,390 Huwa ser jiġi font stil jekk inti tixtieq li tagħmel dan simili cursive, 304 00:12:47,390 --> 00:12:49,710 jew korsiv, jew whatnot. 305 00:12:49,710 --> 00:12:53,570 Jew anki font-kulur, jekk ridna għall-bidla li. 306 00:12:53,570 --> 00:12:55,621 >> Tomáš REIMERS: Yup. 307 00:12:55,621 --> 00:12:56,925 Allura inti tista 'bidla li. 308 00:12:56,925 --> 00:12:59,360 U sort tal just biex terġa issa, sabiex inti tista ' 309 00:12:59,360 --> 00:13:01,400 tara li aħna għandna l-selettur up here. 310 00:13:01,400 --> 00:13:03,000 Għandna dawn ċingi kaboċċi. 311 00:13:03,000 --> 00:13:06,735 U allura għandna regoli delimitata minn semicolons. 312 00:13:06,735 --> 00:13:08,100 Does li jagħmel sens? 313 00:13:08,100 --> 00:13:09,130 Yeah? 314 00:13:09,130 --> 00:13:10,500 Kessaħ. 315 00:13:10,500 --> 00:13:13,200 Allura jekk dan huwa good-- 316 00:13:13,200 --> 00:13:14,424 >> ALLISON BUCHHOLTZ-UA: Back. 317 00:13:14,424 --> 00:13:17,590 Tomáš REIMERS: Ejja nitkellmu speċifikament dwar liema tip ta seletturi għandna. 318 00:13:17,590 --> 00:13:19,790 "Cause dritt issa konna tip ta 'ftit muri tags. 319 00:13:19,790 --> 00:13:21,696 Iżda inti guys tista 'tara dan plawżibbli. 320 00:13:21,696 --> 00:13:23,570 Tgħid għandek żewġ paragrafi fuq paġna u inti 321 00:13:23,570 --> 00:13:26,087 tixtieq li tkun kapaċi li stil wieħed iżda mhux l-oħra, 322 00:13:26,087 --> 00:13:29,170 inti ma jridux biss li jillimitaw yourself li jkollhom jużaw differenti HTML attwali 323 00:13:29,170 --> 00:13:33,410 tags biex jagħtuhom stili differenti. 324 00:13:33,410 --> 00:13:35,995 >> Allura aħna għandna tliet bażiku tipi ta 'seletturi. 325 00:13:35,995 --> 00:13:37,120 ALLISON BUCHHOLTZ-UA: Yeah. 326 00:13:37,120 --> 00:13:39,828 Allura aħna għandna tikketta, li huwa dak li konna qed nitkellmu dwar id-dritt issa. 327 00:13:39,828 --> 00:13:42,430 Allura dak it-tip ta 'prodotti simili ġisem tiegħek jew p. 328 00:13:42,430 --> 00:13:46,280 U allura għandna klassi, li hija meta aħna jiddefinixxu fil-fajl CSS tagħna, 329 00:13:46,280 --> 00:13:49,907 huwa dejjem se tkun dot, ikun x'ikun inti tixtieq l-isem tal-klassi tiegħek li tkun. 330 00:13:49,907 --> 00:13:51,490 U dan jista 'japplika għal affarijiet multipli. 331 00:13:51,490 --> 00:13:54,610 332 00:13:54,610 --> 00:13:57,610 >> Tgħid li inti jkollu ħames paragrafi u tnejn mit-tliet minnhom 333 00:13:57,610 --> 00:14:00,580 jeħtieġ li jiġu styled l-istess, inti tapplika klassi għaliha. 334 00:14:00,580 --> 00:14:03,040 U dan huwa biss il-mod kif nagħmlu dan. 335 00:14:03,040 --> 00:14:05,600 Aħna ser jagħtuk eżempju ta fejn dan fil-fatt turi up. 336 00:14:05,600 --> 00:14:11,030 Imma jekk kellek forsi xi tag p, wara dan, inti se jikteb, 337 00:14:11,030 --> 00:14:14,170 klassi ugwali x'ikun klassijiet inti tixtieq li japplikaw għalih. 338 00:14:14,170 --> 00:14:19,280 Sabiex ikun x'ikun seletturi klassi li rridu li japplikaw għal dan il-paragrafu speċifika, 339 00:14:19,280 --> 00:14:21,300 nistgħu biss jiktbu bħal dan. 340 00:14:21,300 --> 00:14:24,080 Of course, I think eżempju se tagħmilha ferm aktar konkreti. 341 00:14:24,080 --> 00:14:27,270 >> Il-waħda oħra għandna huwa id, li aħna tiddenota 342 00:14:27,270 --> 00:14:29,707 ma 'hash, jew lira, jew hashtag. 343 00:14:29,707 --> 00:14:30,790 Tomáš REIMERS: Octothorpe. 344 00:14:30,790 --> 00:14:32,430 ALLISON BUCHHOLTZ-UA: Octothorpe. 345 00:14:32,430 --> 00:14:34,550 Li jaħdem, wisq. 346 00:14:34,550 --> 00:14:36,640 U dan wieħed għandu verament tkun unika. 347 00:14:36,640 --> 00:14:39,880 Huma għandhom japplikaw biss għall- Ħaġa waħda fuq il-paġna tiegħek. 348 00:14:39,880 --> 00:14:43,820 Allura jekk thats paragrafu speċifika, jew xi oġġett f'lista, jew kwalunkwe, 349 00:14:43,820 --> 00:14:45,090 dan għandu jkun uniku. 350 00:14:45,090 --> 00:14:48,730 U fl-istess mod li aħna biss jgħidu, bħal, class = "CLASS2 class1," 351 00:14:48,730 --> 00:14:51,577 dan jista 'jkun biss id ta' kwalunkwe għandna. 352 00:14:51,577 --> 00:14:52,410 Tomáš REIMERS: Yeah. 353 00:14:52,410 --> 00:14:54,330 Mela ejja nitkellmu definittivament dwar eżempji ta hawn. 354 00:14:54,330 --> 00:14:58,170 U jien biss ser adsa straight lura fis-kodiċi. 355 00:14:58,170 --> 00:15:02,090 Mela ejja nħarsu lejn HTML tagħna. 356 00:15:02,090 --> 00:15:03,960 U hekk aħna dritt issa għandhom paragrafu wieħed. 357 00:15:03,960 --> 00:15:05,510 Dan huwa test. 358 00:15:05,510 --> 00:15:09,151 Jien biss ser timmodifika dan. "Dan huwa test 1." 359 00:15:09,151 --> 00:15:11,150 U allura aħna qed tmur biex jkollhom "Dan huwa test 2." 360 00:15:11,150 --> 00:15:12,525 >> ALLISON BUCHHOLTZ-UA: It-tieni wieħed. 361 00:15:12,525 --> 00:15:13,540 Tomáš REIMERS: Yup. 362 00:15:13,540 --> 00:15:16,810 Allura issa għandna "Dan huwa test 2," dritt? 363 00:15:16,810 --> 00:15:21,560 U aħna qed tmur biex tara li jekk aħna rikarigu il-paġna, dak li aħna qed tmur biex issib 364 00:15:21,560 --> 00:15:23,067 hija aħna gonna find-- 365 00:15:23,067 --> 00:15:24,150 ALLISON BUCHHOLTZ-UA: Ooh. 366 00:15:24,150 --> 00:15:24,983 Tomáš REIMERS: Yeah. 367 00:15:24,983 --> 00:15:27,570 Aħna qed tmur biex issib "Dan huwa test 1, "u" Dan huwa test 2. " 368 00:15:27,570 --> 00:15:28,650 >> ALLISON BUCHHOLTZ-UA: U kulur isfar out sabiħ. 369 00:15:28,650 --> 00:15:31,066 >> Tomáš REIMERS: U tkun taf tara li selettur tagħna dritt issa, 370 00:15:31,066 --> 00:15:34,940 li japplika għall tal-p, jew paragrafi, taffettwa tnejn minnhom, 371 00:15:34,940 --> 00:15:38,700 peress li kemm minnhom jilħqu l- kondizzjoni li dawn qed kemm tag p. 372 00:15:38,700 --> 00:15:40,360 Li jagħmel sens totali. 373 00:15:40,360 --> 00:15:43,340 Għalhekk il-kwistjoni hija, ukoll, liema jekk ridna li biss tikseb wieħed? 374 00:15:43,340 --> 00:15:46,350 Allura eżattament bħall Allison kien qal, għandna żewġ modi oħra biex tagħmel dan. 375 00:15:46,350 --> 00:15:47,320 Jien ser tibda bil id. 376 00:15:47,320 --> 00:15:48,405 >> ALLISON BUCHHOLTZ-UA: Nibdew bl-id. 377 00:15:48,405 --> 00:15:50,405 >> Tomáš REIMERS: U kemm minn dawn huma attributi. 378 00:15:50,405 --> 00:15:53,200 Allura jeżistu attributi HTML. 379 00:15:53,200 --> 00:15:55,600 U liema huma hu xi ħaġa li inti żid 380 00:15:55,600 --> 00:15:58,840 ġewwa l-tikketta li huwa separata mill-isem tag. 381 00:15:58,840 --> 00:16:01,301 Allura inti jista 'jkollhom attributi multipli. 382 00:16:01,301 --> 00:16:01,800 Yeah? 383 00:16:01,800 --> 00:16:03,950 >> ALLISON BUCHHOLTZ-UA: I kien biss jmorru li jgħidu, minn eżempju tiegħek mill PSET 7, 384 00:16:03,950 --> 00:16:06,650 jekk kwalunkwe inti tipprova li jallinjaw affarijiet li ċ-ċentru, 385 00:16:06,650 --> 00:16:08,550 inti jista 'jkollok użati "Test jallinjaw = ċentru." 386 00:16:08,550 --> 00:16:10,550 U inti ndunat li probabbilment imissha ċċentrata 387 00:16:10,550 --> 00:16:12,650 test tiegħek jew bar tan-navigazzjoni tiegħek. 388 00:16:12,650 --> 00:16:15,499 Allura dan huwa biss wkoll attribut li tista 'tkun familjari magħhom. 389 00:16:15,499 --> 00:16:18,040 Tomáš REIMERS: Hemm mazz ta attributi li inti ser tara. 390 00:16:18,040 --> 00:16:18,539 Yeah. 391 00:16:18,539 --> 00:16:21,250 Bħal referenza tajjeb biex PSET 7. 392 00:16:21,250 --> 00:16:23,150 Għandna id. 393 00:16:23,150 --> 00:16:25,080 Tista 'wkoll ikollhom klassi, affarijiet bħal dan. 394 00:16:25,080 --> 00:16:27,250 A tag wieħed jista 'jkollhom ħafna attributi. 395 00:16:27,250 --> 00:16:33,140 Allura tibda bil id, ejja nippretendu aħna tixtieq li jkollok id of-- I do not know. 396 00:16:33,140 --> 00:16:35,140 Aħna ser sejħa hija speċjali, għaliex dan wieħed, aħna qed 397 00:16:35,140 --> 00:16:37,867 ser tagħmel kuraġġużi, u jenfasizzaw, u tkun xi tkun. 398 00:16:37,867 --> 00:16:39,950 ALLISON BUCHHOLTZ-UA: Huwa gonna jkun speċjali super. 399 00:16:39,950 --> 00:16:42,360 Tomáš REIMERS: Allura dan waħda, aħna għandna id speċjali. 400 00:16:42,360 --> 00:16:48,140 Allura l-mod biex tagħżel dik, allura, huwa fil main.css, aktar milli jkollhom tikketta p, 401 00:16:48,140 --> 00:16:51,500 inti tagħmel #special, OK? 402 00:16:51,500 --> 00:16:55,538 U li tagħżel il- ħaġa ma id speċjali. 403 00:16:55,538 --> 00:16:57,295 Does this jagħmel sens għal kulħadd? 404 00:16:57,295 --> 00:16:57,920 UDJENZA: Yeah. 405 00:16:57,920 --> 00:16:59,110 Tomáš REIMERS: Kessaħ. 406 00:16:59,110 --> 00:17:04,440 Allura issa jekk immorru lura, aħna ser see-- Whoops. 407 00:17:04,440 --> 00:17:06,240 Yeah. 408 00:17:06,240 --> 00:17:09,460 Aħna ser tara li biss jagħżel l-wieħed ma id speċjali. 409 00:17:09,460 --> 00:17:10,622 Yeah? 410 00:17:10,622 --> 00:17:11,900 Ħsejjes jibred. 411 00:17:11,900 --> 00:17:12,570 Iva. 412 00:17:12,570 --> 00:17:15,456 >> UDJENZA: Jista xi ħaġa jkollu attribut kemm klassi u l-id? 413 00:17:15,456 --> 00:17:16,359 >> Tomáš REIMERS: Iva. 414 00:17:16,359 --> 00:17:16,900 UDJENZA: OK. 415 00:17:16,900 --> 00:17:20,887 U mbagħad x'jiġri jekk inti mbagħad tagħti huwa xi regoli fil CSS li għandhom kunflitt? 416 00:17:20,887 --> 00:17:21,970 Tomáš REIMERS: Assolutament. 417 00:17:21,970 --> 00:17:23,940 Aħna qed definittivament se biex jitkellmu dwar dan. 418 00:17:23,940 --> 00:17:31,890 Allura eżattament dak li għandek kienu jkollna fil, inti tista 'wkoll ikollhom klassijiet. 419 00:17:31,890 --> 00:17:36,380 Mela ejja nippretendu kelli tliet paragrafi u I 420 00:17:36,380 --> 00:17:38,730 riedu stil l-ewwel tnejn, iżda mhux it-tielet. 421 00:17:38,730 --> 00:17:42,850 Ukoll, l-ewwel idea tiegħek tista 'tkun, ukoll, I tista 'biss tagħti t-tieni waħda minn id. 422 00:17:42,850 --> 00:17:45,590 Imma inti ma tistax, minħabba li id, eżattament bħall Allison kien qal, 423 00:17:45,590 --> 00:17:47,330 għandha tkun unika. 424 00:17:47,330 --> 00:17:50,860 >> Allura minflok ta 'id, dak li inti tista 'tuża huwa inti tista' tuża klassi. 425 00:17:50,860 --> 00:17:57,880 U class-- dak li jippermetti inti tagħmel hu bażikament tgħid, 426 00:17:57,880 --> 00:17:59,610 dan jappartjeni bħala parti minn grupp. 427 00:17:59,610 --> 00:18:02,410 F'dan il-każ, il-grupp tagħna huwa msejjaħ Speċjali. 428 00:18:02,410 --> 00:18:06,500 U dak li aħna qed tmur biex tagħmel imbagħad huwa aħna qed tmur biex say-- pjuttost milli lira, 429 00:18:06,500 --> 00:18:08,070 aħna qed tmur biex tuża dot. 430 00:18:08,070 --> 00:18:08,740 OK? 431 00:18:08,740 --> 00:18:11,950 U avviż li l-lira u dot jeżistu biss fil-fajl CSS, 432 00:18:11,950 --> 00:18:12,797 mhux fl-HTML. 433 00:18:12,797 --> 00:18:13,880 ALLISON BUCHHOLTZ-UA: Iva. 434 00:18:13,880 --> 00:18:15,185 Distinzjoni importanti. 435 00:18:15,185 --> 00:18:17,510 >> Tomáš REIMERS: Għandi kellhom tant ġlieda, 436 00:18:17,510 --> 00:18:23,990 minħabba I tpoġġi l-hash fil-HTML u allura biss ħassew stupid għal żmien twil. 437 00:18:23,990 --> 00:18:27,470 Ara kemm huwa jagħżel tnejn dawk bl dik il-klassi? 438 00:18:27,470 --> 00:18:28,210 Kessaħ. 439 00:18:28,210 --> 00:18:29,950 >> Issa, l-affarijiet jista 'jkollhom klassijiet multipli. 440 00:18:29,950 --> 00:18:32,790 Ejja ngħidu jien ridt li jagħmlu l-ewwel tnejn jkollhom sfond ta isfar 441 00:18:32,790 --> 00:18:36,770 u t-tieni tnejn ikollhom kulur font ta blu. 442 00:18:36,770 --> 00:18:37,270 OK. 443 00:18:37,270 --> 00:18:39,735 I do not know verament għaliex I d tixtieq li tagħmel dan, imma nista '. 444 00:18:39,735 --> 00:18:42,401 >> ALLISON BUCHHOLTZ-UA: mhux Jista irrakkomandha għal website tiegħek. 445 00:18:42,401 --> 00:18:43,880 Iżda għall-għanijiet tagħna, inneħħu do. 446 00:18:43,880 --> 00:18:46,294 >> Tomáš REIMERS: Mhuwiex skema ta 'kulur tajba. 447 00:18:46,294 --> 00:18:49,210 ALLISON BUCHHOLTZ-UA: Well, isfar u blu huma kuluri tiegħi iskola għolja. 448 00:18:49,210 --> 00:18:50,947 I do not know, għalkemm. 449 00:18:50,947 --> 00:18:53,530 Tomáš REIMERS: l Allison għolja iskola kellha skema ta 'kulur kbira. 450 00:18:53,530 --> 00:18:54,520 [Rires] 451 00:18:54,520 --> 00:18:59,120 Mela allura dak li nistgħu sejħa dan huwa ejja sejħa this-- hekk aħna Speċjali 452 00:18:59,120 --> 00:19:00,030 u għandna Pretty. 453 00:19:00,030 --> 00:19:02,405 Nissuġġerixxi, għal dan, tuża ismijiet ħafna aktar deskrittivi. 454 00:19:02,405 --> 00:19:05,820 ALLISON BUCHHOLTZ-UA: Yeah, I kieku sejħa dan, bħal, isfar jew blu. 455 00:19:05,820 --> 00:19:08,314 >> Tomáš REIMERS: Aħna ma verament teħid ta 'websajt reali, 456 00:19:08,314 --> 00:19:09,730 huwa għalhekk li aħna ma tkunx qed tagħmel dan. 457 00:19:09,730 --> 00:19:11,521 Imma jekk inti fil-fatt kellha websajt reali, inti 458 00:19:11,521 --> 00:19:16,220 jista 'jkollhom, bħal, artikolu header, kontenut artikolu, l-ewwel kelma, 459 00:19:16,220 --> 00:19:21,920 affarijiet bħal dik, li jippermettu inti tkun ħafna aktar deskrittiva. 460 00:19:21,920 --> 00:19:23,550 Dawn huma verament bħad varjabbli. 461 00:19:23,550 --> 00:19:28,390 Huma għandhom jiġu msemmija b'mod fejn inti tista ', like-- yeah, bħala tali. 462 00:19:28,390 --> 00:19:29,470 Perfect. 463 00:19:29,470 --> 00:19:30,480 >> Allura kulur fl-isfond. 464 00:19:30,480 --> 00:19:35,920 U allura aħna qed tmur biex say-- hekk il- mod ibiddel il-kulur huwa biss "kulur." 465 00:19:35,920 --> 00:19:38,412 U aħna qed tmur biex jagħmilha blu. 466 00:19:38,412 --> 00:19:40,150 C'est jibred. 467 00:19:40,150 --> 00:19:42,640 Allura issa għandna l- ewwel tnejn ikollhom speċjali. 468 00:19:42,640 --> 00:19:45,972 Wieħed li jmiss għaddej biex jkollhom "class = pretty." 469 00:19:45,972 --> 00:19:49,180 ALLISON BUCHHOLTZ-UA: U allura inti taf trid iżżid "pretty" għal dak tan-nofs. 470 00:19:49,180 --> 00:19:49,971 Tomáš REIMERS: Yup. 471 00:19:49,971 --> 00:19:52,970 U mbagħad għall-middle waħda, li tiżdied "pretty," dak li jiġri 472 00:19:52,970 --> 00:19:56,880 huwa inti biss għandek spazju. 473 00:19:56,880 --> 00:19:59,800 Allura l-attribut klassi hija lista mhux mifrudin ispazju 474 00:19:59,800 --> 00:20:02,450 tal-klassijiet kollha li japplikaw għal dak tag. 475 00:20:02,450 --> 00:20:02,959 OK? 476 00:20:02,959 --> 00:20:05,750 Mhuwiex bħal dan wieħed jappartjeni lil xi tip ta 'klassi speċjali msejħa 477 00:20:05,750 --> 00:20:07,180 "Speċjali, l-ispazju, pretty." 478 00:20:07,180 --> 00:20:10,870 Huwa jappartjeni għal żewġ classes-- speċjali u pretty. 479 00:20:10,870 --> 00:20:12,492 Iva? 480 00:20:12,492 --> 00:20:14,360 Kessaħ. 481 00:20:14,360 --> 00:20:17,010 >> U mbagħad jekk inħarsu lejn dak li jiġri, aħna qed 482 00:20:17,010 --> 00:20:21,850 ser tara li l-ewwel waħda għandha sfond isfar, iswed test. 483 00:20:21,850 --> 00:20:22,450 It-tieni one-- 484 00:20:22,450 --> 00:20:26,160 >> ALLISON BUCHHOLTZ-UA: --has bold sfond isfar mat-test blu. 485 00:20:26,160 --> 00:20:29,330 U l-aħħar wieħed tagħna biss għandu l- test blu li aħna assenjat lilha. 486 00:20:29,330 --> 00:20:30,870 >> Tomáš REIMERS: Kessaħ? 487 00:20:30,870 --> 00:20:32,491 Kif seletturi xogħol? 488 00:20:32,491 --> 00:20:32,990 Tal-biża. 489 00:20:32,990 --> 00:20:34,720 >> ALLISON BUCHHOLTZ-UA: Do irridu li jitkellmu dwar il-kunflitt issa allura? 490 00:20:34,720 --> 00:20:35,780 >> Tomáš REIMERS: Allura yeah. 491 00:20:35,780 --> 00:20:36,310 Assolutament. 492 00:20:36,310 --> 00:20:38,380 Allura x'jiġri jekk int ikollhom kunflitt, id-dritt? 493 00:20:38,380 --> 00:20:44,740 Ejja nippretendu l-ewwel waħda tistabbilixxi xi ħaġa like-- 494 00:20:44,740 --> 00:20:47,240 ALLISON BUCHHOLTZ-UA: Forsi dan wieħed bidliet l-isfond? 495 00:20:47,240 --> 00:20:48,090 Tomáš REIMERS: Yeah. 496 00:20:48,090 --> 00:20:51,699 Allura aħna qed tmur biex tagħmel "pretty" jibdlu l-isfond għall-salamun. 497 00:20:51,699 --> 00:20:54,740 ALLISON BUCHHOLTZ-UA: Inti sempliċiment ma l-kuluri kbira llum, Tomas. 498 00:20:54,740 --> 00:20:55,573 Tomáš REIMERS: Yeah. 499 00:20:55,573 --> 00:20:58,200 Minħabba I sab nista jużaw salamun bħala kulur reali. 500 00:20:58,200 --> 00:21:00,270 Allura aħna qed biss se tagħmel dan. 501 00:21:00,270 --> 00:21:01,770 Naħseb ukoll Sunset huwa ta 'kulur reali. 502 00:21:01,770 --> 00:21:03,103 UDJENZA: Sunset huwa ta 'kulur reali? 503 00:21:03,103 --> 00:21:04,572 ALLISON BUCHHOLTZ-AU: Ejja nippruvaw dan. 504 00:21:04,572 --> 00:21:07,735 Tomáš REIMERS: Wara dan demo sempliċement minħabba fil-każ li messijiet up, 505 00:21:07,735 --> 00:21:08,943 Ma rridx li jiġu debugging. 506 00:21:08,943 --> 00:21:11,580 Allura aħna nafu salamun huwa ta 'kulur reali. 507 00:21:11,580 --> 00:21:15,626 Allura xi guesses fuq x'inhu jiġri? 508 00:21:15,626 --> 00:21:17,522 >> ALLISON BUCHHOLTZ-UA: Kull idea? 509 00:21:17,522 --> 00:21:20,002 >> UDJENZA: [inaudible]. 510 00:21:20,002 --> 00:21:20,920 >> Tomáš REIMERS: Yeah. 511 00:21:20,920 --> 00:21:22,150 Allura inti ltqajna eżattament id-dritt. 512 00:21:22,150 --> 00:21:24,930 Bażikament, dan jieħu l- aħħar regola li ġiet mogħtija. 513 00:21:24,930 --> 00:21:27,860 >> ALLISON BUCHHOLTZ-AU: Allura dan huwa fejn cascading tidħol fis-seħħ. 514 00:21:27,860 --> 00:21:31,080 >> Tomáš REIMERS: Mela ftakar kif aħna kieku dik cascading folji stil? 515 00:21:31,080 --> 00:21:33,660 Allura billi dan, aħna tip ta 'jfissru li għandna mazz ta 'regoli 516 00:21:33,660 --> 00:21:37,115 li japplikaw fuq quċċata ta 'xulxin, u huma jistgħu wkoll override xulxin. 517 00:21:37,115 --> 00:21:39,380 >> ALLISON BUCHHOLTZ-UA: Allura ikun x'ikun fiż-qiegħ 518 00:21:39,380 --> 00:21:41,540 se jwarrab x'ikun l fil-quċċata. 519 00:21:41,540 --> 00:21:45,842 Inti jista 'jkollhom regoli li kompletament jċaħħdu xi ħaġa qabel. 520 00:21:45,842 --> 00:21:48,300 C'est wkoll għaliex inti tixtieq li tkun attenti meta int grafika, 521 00:21:48,300 --> 00:21:51,465 sabiex inti ma tkunx qed jinħolqu regoli li int biss kompletament prevalenti. 522 00:21:51,465 --> 00:21:53,340 >> Tomáš REIMERS: Jew forsi inti do jridu jissostitwixxu regoli. 523 00:21:53,340 --> 00:21:53,920 >> ALLISON BUCHHOLTZ-UA: Jew forsi inti tagħmel. 524 00:21:53,920 --> 00:21:54,300 Iva. 525 00:21:54,300 --> 00:21:57,175 >> Tomáš REIMERS: Nippretendu inti għandek klassi li tapplika għal ħafna affarijiet, 526 00:21:57,175 --> 00:22:01,220 imma ejja ngħidu li inti tixtieq li tibdel il- kulur fl-isfond aħmar u l-font 527 00:22:01,220 --> 00:22:03,140 piż li kuraġġużi għall-aktar affarijiet, iżda għal wieħed, 528 00:22:03,140 --> 00:22:06,098 inti biss trid li l-kulur fl-isfond li jkun aħmar iżda inti tixtieq kollha l-oħra 529 00:22:06,098 --> 00:22:09,990 proprjetajiet, inti tista 'tagħmel xi ħaġa bħal "-piż font = normali," 530 00:22:09,990 --> 00:22:12,760 li mbagħad jneħħu din il-bidla kuraġġużi. 531 00:22:12,760 --> 00:22:14,480 Yeah? 532 00:22:14,480 --> 00:22:17,250 Għal darb'oħra, l-aħjar mod, naħseb Allison qal li, huwa biss prattika. 533 00:22:17,250 --> 00:22:18,080 >> ALLISON BUCHHOLTZ-UA: Esperimentazzjoni. 534 00:22:18,080 --> 00:22:20,090 >> Tomáš REIMERS: Prattika, il-prattika, prattika, u esperiment. 535 00:22:20,090 --> 00:22:22,950 Naf ħafna nies li jaħsbu CSS huwa biss ta 'lott ta' 'raden u check 536 00:22:22,950 --> 00:22:25,580 fl-aħħar tal-ġurnata, fejn jekk inti tixtieq li tagħmel something-- simili, 537 00:22:25,580 --> 00:22:27,663 inti għandek idea approssimattiva, iżda inti xorta probabilment ikollok bżonn 538 00:22:27,663 --> 00:22:31,390 li jippruvaw it out biex tiżgura inti taf dak li jidher qisu. 539 00:22:31,390 --> 00:22:34,482 >> UDJENZA: Meta inti qed tapplika klassijiet, aktar minn wieħed 540 00:22:34,482 --> 00:22:37,339 għall-istess paragrafu jew taqsima, ma 541 00:22:37,339 --> 00:22:39,505 jimpurtax f'liema ordni tista tip tagħhom fiċ-kwotazzjonijiet? 542 00:22:39,505 --> 00:22:40,992 >> Tomáš REIMERS: Le, lanqas xejn. 543 00:22:40,992 --> 00:22:45,764 >> ALLISON BUCHHOLTZ-UA: Li huwa importanti huwa l-ordni fi karta tal-istil CSS tiegħek. 544 00:22:45,764 --> 00:22:47,430 UDJENZA: Tista irrepeti l-mistoqsija? 545 00:22:47,430 --> 00:22:50,680 Tomáš REIMERS: Oh. 546 00:22:50,680 --> 00:22:53,990 ALLISON BUCHHOLTZ-UA: Fi ħdan klassi, meta int tagħti klassijiet 547 00:22:53,990 --> 00:22:56,964 għal xi ħaġa fil-HTML, ma jimpurtax f'liema ordni li qed fl? 548 00:22:56,964 --> 00:22:58,130 Ma jimpurtax l-ordni. 549 00:22:58,130 --> 00:23:02,915 Dak li huwa importanti huwa l-ordni tal- seletturi klassi fi ħdan CSS tiegħek, 550 00:23:02,915 --> 00:23:04,306 fi ħdan karta tal-istil tiegħek. 551 00:23:04,306 --> 00:23:06,982 >> Tomáš REIMERS: tajba Sound? 552 00:23:06,982 --> 00:23:08,532 >> ALLISON BUCHHOLTZ-UA: Sabiħ. 553 00:23:08,532 --> 00:23:11,539 >> Tomáš REIMERS: U mbagħad aħna qed tmur biex tkompli to-- 554 00:23:11,539 --> 00:23:13,330 ALLISON BUCHHOLTZ-UA: What do għandna jmiss? 555 00:23:13,330 --> 00:23:14,245 I tinsa. 556 00:23:14,245 --> 00:23:16,087 Oh, aħna biss għandhom eżempji. 557 00:23:16,087 --> 00:23:17,295 Imma konna tip ta magħmul dawk. 558 00:23:17,295 --> 00:23:18,990 We ghamilt eżempji fuq il-fly. 559 00:23:18,990 --> 00:23:20,540 >> Tomáš REIMERS: Nagħmlu biex jikkombinaw il-seletturi dalwaqt. 560 00:23:20,540 --> 00:23:22,790 >> ALLISON BUCHHOLTZ-UA: Oh, nikbru li jgħaqqdu seletturi. 561 00:23:22,790 --> 00:23:25,260 Tomáš REIMERS: Allura xi Eżempji hija li għandna 562 00:23:25,260 --> 00:23:29,630 # Lira dog--, jew hashtag, jew octothorpe, jew kwalunkwe 563 00:23:29,630 --> 00:23:32,050 inti tixtieq li sejħa that-- jaqtgħu. 564 00:23:32,050 --> 00:23:34,875 >> ALLISON BUCHHOLTZ-UA: dog Sharp. 565 00:23:34,875 --> 00:23:36,470 >> Tomáš REIMERS: Imbagħad għandek .pets. 566 00:23:36,470 --> 00:23:39,059 567 00:23:39,059 --> 00:23:41,600 Xi ħaġa għandha l-id ta kelb, hemm wieħed biss kelb fuq il-paġna. 568 00:23:41,600 --> 00:23:43,870 Xi ħaġa għandha l-id ta qattus, hemm qattus wieħed biss. 569 00:23:43,870 --> 00:23:45,665 Jista 'jkun hemm bosta annimali domestiċi fuq il-paġna. 570 00:23:45,665 --> 00:23:47,570 C'est pourquoi aħna taw dik klassijiet. 571 00:23:47,570 --> 00:23:48,740 Inti għandek eżempju ta p. 572 00:23:48,740 --> 00:23:50,490 U allura l-bqija wieħed mill- aħħar eżempju, li 573 00:23:50,490 --> 00:23:53,790 hija xi ħaġa li aħna ma tkellmu dwar, huwa dak li jiġri meta inti jikkombinaw lilhom. 574 00:23:53,790 --> 00:23:54,580 Allura p.pets. 575 00:23:54,580 --> 00:23:57,510 576 00:23:57,510 --> 00:24:02,950 >> Allura għal dak, ejja jmorru lura għall- kodiċi u jintroduċu another-- yeah. 577 00:24:02,950 --> 00:24:04,290 Allura lura hawn. 578 00:24:04,290 --> 00:24:04,850 >> ALLISON BUCHHOLTZ-UA: I jħossu bħal dan huwa really-- 579 00:24:04,850 --> 00:24:08,105 bħal biss tfittex permezz ta 'eżempji huwa verament il-mod biex jitgħallmu dan. 580 00:24:08,105 --> 00:24:09,360 Allura dak hu li aħna qed tagħmel. 581 00:24:09,360 --> 00:24:14,030 >> Tomáš REIMERS: Mela ejja nippretendu aħna biss tixtieq li tagħżel it-test 2, id-dritt? 582 00:24:14,030 --> 00:24:16,530 Allura aħna żgur ma tistax tagħmel dan ma 'id. 583 00:24:16,530 --> 00:24:19,620 Well, nistgħu nagħmlu dan bl- id, iżda ma jkollu id. 584 00:24:19,620 --> 00:24:22,490 I tista 'żżid waħda, imma ejja nippretendu li jien ma riedx li żżid waħda 585 00:24:22,490 --> 00:24:24,910 jew li hija għandha diġà xi ħaġa oħra. 586 00:24:24,910 --> 00:24:26,516 I ma tistax tagħmel dan ma 'dak. 587 00:24:26,516 --> 00:24:28,870 Il-lametta huwa definittivament mhijiex unika, id-dritt? 588 00:24:28,870 --> 00:24:30,670 U la hija l-klassi. 589 00:24:30,670 --> 00:24:32,314 Iżda int tista 'tgħaqqad dawn l-affarijiet. 590 00:24:32,314 --> 00:24:35,230 Ejja ngħidu li ridna nagħmlu xi ħaġa li tapplika biss għall-affarijiet li 591 00:24:35,230 --> 00:24:39,420 ikollhom il-klassi speċjali u li għandhom l-klassi pretty. 592 00:24:39,420 --> 00:24:48,150 >> Allura dak li tista 'tagħmel huwa fil main.css, inti tista 'tgħid, ejja ewwel tħassar dan. 593 00:24:48,150 --> 00:24:50,240 Tista 'tikkombina dawn. 594 00:24:50,240 --> 00:24:51,430 Allura inti tista 'tagħmel .special. 595 00:24:51,430 --> 00:24:52,110 Ebda spazju. 596 00:24:52,110 --> 00:24:54,770 Just .special.pretty. 597 00:24:54,770 --> 00:25:00,550 X'inhu dan ifisser huwa xi ħaġa li hija kemm speċjali u pretty. 598 00:25:00,550 --> 00:25:01,900 Does li jagħmel sens? 599 00:25:01,900 --> 00:25:04,190 U jekk immorru hawn, dak li int ser tara 600 00:25:04,190 --> 00:25:09,734 huwa din ir-regola tapplika biss għall- tieni wieħed, li għandu kemm ta 'dawk. 601 00:25:09,734 --> 00:25:11,400 U inti tista 'tagħmel dan għal ħafna affarijiet. 602 00:25:11,400 --> 00:25:13,270 Tista say-- ejja nippretendu I biss riedu 603 00:25:13,270 --> 00:25:18,300 biex tagħmel affarijiet li għandhom il-klassi pretty u li huma wkoll il-paragrafu tag. 604 00:25:18,300 --> 00:25:19,920 Allura p.pretty. 605 00:25:19,920 --> 00:25:23,585 Ejja nippretendu li kelli xi ħaġa pretty fuq il-ġisem tag. 606 00:25:23,585 --> 00:25:25,850 OK? 607 00:25:25,850 --> 00:25:28,490 I tista 'taħdem dan u I jista 'jara li huwa biss 608 00:25:28,490 --> 00:25:32,720 ser japplikaw għall-affarijiet li huma paragrafi mal-klassi pretty. 609 00:25:32,720 --> 00:25:35,650 U inti tista 'tgħaqqad dawn, bażikament, kif ħafna kif tixtieq. 610 00:25:35,650 --> 00:25:38,580 Allura inti tista 'biss jitqiegħed flimkien. 611 00:25:38,580 --> 00:25:39,604 Does li jagħmel sens? 612 00:25:39,604 --> 00:25:41,770 ALLISON BUCHHOLTZ-UA: Allura dan it-tip ta 'huwa aktar utli 613 00:25:41,770 --> 00:25:45,490 meta, Tomas kien qal qabel, forsi ikollok xi website kkumplikata ħafna, 614 00:25:45,490 --> 00:25:48,050 u inti diġà għandhom ħafna ta 'dawn ir-regoli miktuba, 615 00:25:48,050 --> 00:25:51,170 u inti biss jeħtieġ li jikkombinaw tnejn minn qabel l. 616 00:25:51,170 --> 00:25:55,350 Bħal minflok kitba kollu kemm hu selettur ġdid u li jinbidlu hemmhekk, 617 00:25:55,350 --> 00:25:58,592 inti tista 'biss jgħaqqdu minnhom fejn koinċidenzi. 618 00:25:58,592 --> 00:26:00,670 >> Tomáš REIMERS: Jew inti jistgħu jsibu out-- kultant 619 00:26:00,670 --> 00:26:04,290 hemm klassi waħda li jagħmel color font dinja bħall blu, 620 00:26:04,290 --> 00:26:06,740 u hemm klassi oħra li jagħmel il-blu isfond. 621 00:26:06,740 --> 00:26:07,840 U li biss mhux se taħdem. 622 00:26:07,840 --> 00:26:10,924 Allura tikteb każ speċjali, fejn, like-- imma jekk ikollha tnejn, dak li int 623 00:26:10,924 --> 00:26:13,548 ser tagħmel hu li inti qed tmur biex jagħmlu dan wieħed dan isfumatura ta 'blu 624 00:26:13,548 --> 00:26:15,310 u dan wieħed dan dell ieħor ta 'blu. 625 00:26:15,310 --> 00:26:15,580 Dritt? 626 00:26:15,580 --> 00:26:17,955 >> ALLISON BUCHHOLTZ-UA: Tajba għal dawk it-tipi ta 'eċċezzjonijiet. 627 00:26:17,955 --> 00:26:21,220 Tomáš REIMERS: Allura biex jaħsbu dwar problemi 628 00:26:21,220 --> 00:26:25,000 li jistgħu jinqalgħu meta inti jikkombinaw lilhom. 629 00:26:25,000 --> 00:26:27,020 Kessaħ. 630 00:26:27,020 --> 00:26:29,692 Allura lura għall-preżentazzjoni tagħna. 631 00:26:29,692 --> 00:26:31,400 ALLISON BUCHHOLTZ-UA: Aħna kważi hemm. 632 00:26:31,400 --> 00:26:34,022 Tomáš REIMERS: U tkun waqfet konnessjoni. 633 00:26:34,022 --> 00:26:36,494 ALLISON BUCHHOLTZ-UA: Oh, no. 634 00:26:36,494 --> 00:26:39,125 ALLISON BUCHHOLTZ-AU: CS fi l-uffiċċju, internet jinżel. 635 00:26:39,125 --> 00:26:40,360 Oh, l-ironija. 636 00:26:40,360 --> 00:26:45,620 >> Tomáš REIMERS: Allura fortunatament, nistgħu tippreżenta mingħajr l-internet, I raden, 637 00:26:45,620 --> 00:26:47,380 għaliex għandna l-pjastri hawn. 638 00:26:47,380 --> 00:26:49,304 Mela ejja nitkellmu dwar il- relazzjoni ta 'tags. 639 00:26:49,304 --> 00:26:50,470 ALLISON BUCHHOLTZ-UA: Dritt. 640 00:26:50,470 --> 00:26:52,660 Hekk biss tip ta 'għaddej off ta 'dak Tomas qal, 641 00:26:52,660 --> 00:26:54,180 dan huwa biss mod ieħor biex tagħmel dan. 642 00:26:54,180 --> 00:26:57,840 Allura aħna għandna xi ġenitur selettur bi selettur tfal. 643 00:26:57,840 --> 00:27:02,815 Allura f'dan l-eżempju hawn, aħna għandna xi korp ma 'navbar klassi, buttuna klassi. 644 00:27:02,815 --> 00:27:03,315 Ah. 645 00:27:03,315 --> 00:27:03,990 >> Tomáš REIMERS: Oh, sorry. 646 00:27:03,990 --> 00:27:06,180 >> ALLISON BUCHHOLTZ-UA: U bażikament, liema dan ifisser 647 00:27:06,180 --> 00:27:11,070 huwa tagħżel kollha tat-tfal, bħal kollha ta 'dawn it-tipi ta' seletturi, 648 00:27:11,070 --> 00:27:13,040 fi ħdan dan selettur ġenitur. 649 00:27:13,040 --> 00:27:16,004 U dawk huma l-uniċi huwa qatt ser japplikaw għall. 650 00:27:16,004 --> 00:27:17,755 I do not know jekk inti għandhom mod aħjar of-- 651 00:27:17,755 --> 00:27:19,504 Tomáš REIMERS: So I raden l-mod biex jaħsbu 652 00:27:19,504 --> 00:27:22,440 dwar dan huwa wieħed jiftakar qabel kif aħna tip simili jpoġġuhom flimkien. 653 00:27:22,440 --> 00:27:26,340 U mbagħad dan ifisser element wieħed li jaqbel kollha ta 'dawn. 654 00:27:26,340 --> 00:27:29,530 X'inhu dan huwa qal hu, I Want You biex jaqblu kollox 655 00:27:29,530 --> 00:27:33,220 fi ħdan some-- Irrid inti biex isibu selettur. 656 00:27:33,220 --> 00:27:35,670 U mbagħad fi ħdan dak, nixtieq inti biex jaqblu affarijiet ġodda. 657 00:27:35,670 --> 00:27:36,170 Dritt? 658 00:27:36,170 --> 00:27:40,900 Għalhekk fl CSS, huwa kollha dwar tip ta ' li jkunu jistgħu jaqblu ma 'dawn l-oġġetti. 659 00:27:40,900 --> 00:27:43,050 U inti tista 'tipprova li tqabbel oġġetti fi oġġetti oħra. 660 00:27:43,050 --> 00:27:46,510 >> Mela ejja fil-fatt jagħmlu eżempju, u naħsbu li ser jikkjarifikaw. 661 00:27:46,510 --> 00:27:53,090 Mela ejja nippretendu li għandna speċjali, speċjali pretty, ikun x'ikun. 662 00:27:53,090 --> 00:27:55,690 U allura għandna rabta, OK? 663 00:27:55,690 --> 00:27:59,780 664 00:27:59,780 --> 00:28:02,370 Mela ftakar, a huwa rabta. 665 00:28:02,370 --> 00:28:03,900 Huwa mhux se jmorru kullimkien. 666 00:28:03,900 --> 00:28:11,500 U aħna qed tmur biex jagħtuh l-link klassi, I raden. 667 00:28:11,500 --> 00:28:13,335 Ejja tagħtiha l- class-- tagħti me idea. 668 00:28:13,335 --> 00:28:14,460 ALLISON BUCHHOLTZ-UA: Kessaħ. 669 00:28:14,460 --> 00:28:16,420 Tomáš REIMERS: Coo-- ejja jimxi l-klassi pretty. 670 00:28:16,420 --> 00:28:16,930 Għaliex le? 671 00:28:16,930 --> 00:28:17,971 >> ALLISON BUCHHOLTZ-UA: OK. 672 00:28:17,971 --> 00:28:23,040 Tomáš REIMERS: Allura affarijiet dritt issa pretty 673 00:28:23,040 --> 00:28:26,000 huma ser jagħmlu l-isfond blu, kulur fl-isfond ta 'salamun. 674 00:28:26,000 --> 00:28:27,969 Li jagħmel sens. 675 00:28:27,969 --> 00:28:28,760 U jekk nagħmlu this-- 676 00:28:28,760 --> 00:28:29,620 >> ALLISON BUCHHOLTZ-UA: Tixtieq li żżid it-test 677 00:28:29,620 --> 00:28:31,078 sabiex il-hyperlink attwalment turi up? 678 00:28:31,078 --> 00:28:35,088 Tomáš REIMERS: Li Ikun sejħa tajba. 679 00:28:35,088 --> 00:28:37,921 ALLISON BUCHHOLTZ-UA: "dritt Cause issa aħna qed biss gonna tikseb xejn. 680 00:28:37,921 --> 00:28:39,690 Tomáš REIMERS: Allura dan huwa rabta. 681 00:28:39,690 --> 00:28:42,202 "Din hija link." 682 00:28:42,202 --> 00:28:45,820 Oh, u dan se li jkun link ieħor. 683 00:28:45,820 --> 00:28:47,280 Ejja tagħtiha l-klassi "jibred." 684 00:28:47,280 --> 00:28:50,295 Int dritt. 685 00:28:50,295 --> 00:28:50,795 Kessaħ. 686 00:28:50,795 --> 00:28:53,590 687 00:28:53,590 --> 00:28:56,010 Allura issa dritt aħna qed tmur biex grab din. 688 00:28:56,010 --> 00:28:57,269 Aħna qed tmur biex tarmi wieħed. 689 00:28:57,269 --> 00:28:59,060 Aħna għandna waħda fil- tag speċjali, u aħna wkoll 690 00:28:59,060 --> 00:29:01,150 huma se jkollhom waħda fil-tag pretty. 691 00:29:01,150 --> 00:29:05,449 U d-dritt issa dak li aħna qed tmur biex tagħmel huwa aħna qed tmur biex tagħmel cool-- 692 00:29:05,449 --> 00:29:06,490 dak li rridu li tagħmel? 693 00:29:06,490 --> 00:29:10,347 694 00:29:10,347 --> 00:29:12,180 ALLISON BUCHHOLTZ-UA: Nistgħu nagħmlu dan akbar? 695 00:29:12,180 --> 00:29:13,800 Tomáš REIMERS: Ejja tagħtiha fruntiera. 696 00:29:13,800 --> 00:29:14,840 ALLISON BUCHHOLTZ-UA: Stajna transkonfinali. 697 00:29:14,840 --> 00:29:15,673 Tomáš REIMERS: Yeah. 698 00:29:15,673 --> 00:29:18,560 Allura aħna qed tmur biex tagħmel xi ħaġa simili, is-- fruntieri u aħna qed 699 00:29:18,560 --> 00:29:20,971 tmur għal dan jispjega kollu fit-tieni. 700 00:29:20,971 --> 00:29:21,470 Għal now-- 701 00:29:21,470 --> 00:29:24,592 >> ALLISON BUCHHOLTZ-UA: Biex il-mudell kaxxa. 702 00:29:24,592 --> 00:29:27,300 Tomáš REIMERS: Iżda għal issa, aħna qed biss se tagħtiha fruntiera. 703 00:29:27,300 --> 00:29:29,580 Allura dak li jfisser hu int ser tara dawn ir-rabtiet. 704 00:29:29,580 --> 00:29:32,788 U int ser tara li dawn ikollhom dawn, bħal, fruntieri iswed ikrah, li 705 00:29:32,788 --> 00:29:33,820 huwa jibred. 706 00:29:33,820 --> 00:29:34,500 >> ALLISON BUCHHOLTZ-UA: Il-websajt tagħna huwa so pretty. 707 00:29:34,500 --> 00:29:35,333 >> Tomáš REIMERS: Yeah. 708 00:29:35,333 --> 00:29:38,930 Il-websajt tagħna huwa tal-biża. 709 00:29:38,930 --> 00:29:41,585 Allura dawn tnejn huma links, u dawn jidhru. 710 00:29:41,585 --> 00:29:44,160 Issa ejja nippretendu I biss riedu jagħmlu dan 711 00:29:44,160 --> 00:29:50,072 jekk dan ma kienx fi ħdan xi ħaġa li kellu sfond ta salamun. 712 00:29:50,072 --> 00:29:52,280 Mela ftakar li dan wieħed għandha sfond tas-salamun, 713 00:29:52,280 --> 00:29:54,000 għaliex dan huwa ta 'klassi pretty. 714 00:29:54,000 --> 00:29:59,777 >> Iżda aħna rridu ngħidu li jibred biss li huma fil-klassi speċjali, mhux fil-klassi 715 00:29:59,777 --> 00:30:02,890 pretty, għandu jkollhom dik il-fruntiera. 716 00:30:02,890 --> 00:30:12,549 Well, dak li inti tista 'tagħmel huwa inti tista 'tgħid, .special, l-ispazju, .cool. 717 00:30:12,549 --> 00:30:15,590 U dak li qed jagħmel, meta taħseb dwar dan, huwa huwa bażikament qal, 718 00:30:15,590 --> 00:30:19,530 OK, issib lili kollox li taqbel speċjali. 719 00:30:19,530 --> 00:30:24,104 Imbagħad fi ħdan dawk tags, isibu me dak kollu li jibred. 720 00:30:24,104 --> 00:30:27,270 ALLISON BUCHHOLTZ-UA: Allura mod ieħor li jista 'jkun tajjeb biex jaħsbu dwar dan, 721 00:30:27,270 --> 00:30:29,810 jġibu lura lill C, huwa bħad-idea ta 'ambitu. 722 00:30:29,810 --> 00:30:34,020 Allura meta jkollok xi selettur, bħal dawk 723 00:30:34,020 --> 00:30:38,460 li konna qegħdin jaħdmu għal qabel dan, page tiegħek web kollu, kollha ta 'HTML tiegħek 724 00:30:38,460 --> 00:30:40,180 huwa fi ħdan ambitu tiegħek, id-dritt? 725 00:30:40,180 --> 00:30:43,090 Imma meta aħna jkollhom dawn relazzjonijiet ġenitur-wild, 726 00:30:43,090 --> 00:30:47,130 huwa daqs li kieku int tidjiq fl fejn qed tfittex għal post speċifiku, 727 00:30:47,130 --> 00:30:50,540 bħallikieku, bħal, aħna qed tfittex fi funzjoni speċifika minflok 728 00:30:50,540 --> 00:30:52,007 tal-fajl kollu tagħna. 729 00:30:52,007 --> 00:30:55,090 UDJENZA: Allura jekk wieħed iżomm f'moħħu, kieku miegħu, ikunu mattered kieku kellna changed-- 730 00:30:55,090 --> 00:30:56,423 ALLISON BUCHHOLTZ-UA: L-ordni? 731 00:30:56,423 --> 00:30:59,320 UDJENZA: --the klassi CSS li .cool, l-ispazju, .special? 732 00:30:59,320 --> 00:31:01,153 ALLISON BUCHHOLTZ-UA: Iva, għaliex imbagħad li 733 00:31:01,153 --> 00:31:04,420 ngħid, ambitu biex dak kollu li għandu jibred, 734 00:31:04,420 --> 00:31:07,235 u mbagħad tħares lejn dak has-- I mean, bħal, f'dan il-każ, 735 00:31:07,235 --> 00:31:08,860 Ma naħsibx li se inbidlu dan. 736 00:31:08,860 --> 00:31:10,318 >> Tomáš REIMERS: Jekk aħna kien qal dak? 737 00:31:10,318 --> 00:31:10,906 Jiddispjacini. 738 00:31:10,906 --> 00:31:12,660 >> ALLISON BUCHHOLTZ-UA: Jekk aħna ambitu jibred u mbagħad 739 00:31:12,660 --> 00:31:14,550 tfittex għall-affarijiet barra ta 'speċjali, ikun l-istess, fil-fatt. 740 00:31:14,550 --> 00:31:16,260 >> Tomáš REIMERS: Allura ma jkunx. 741 00:31:16,260 --> 00:31:16,590 >> ALLISON BUCHHOLTZ-UA: Huwa kieku ma? 742 00:31:16,590 --> 00:31:17,590 Oh, oh ukoll. 743 00:31:17,590 --> 00:31:18,090 I am wrong. 744 00:31:18,090 --> 00:31:21,480 >> Tomáš REIMERS: Allura r-raġuni huwa different-- mistake-- komuni 745 00:31:21,480 --> 00:31:27,140 huwa dak id-dritt issa biss il-link għandha jibred, right? 746 00:31:27,140 --> 00:31:32,176 I raden mistoqsija tiegħi lilek guys hi, dak f'din il-paġna tkun imqabbla mill .cool? 747 00:31:32,176 --> 00:31:35,984 748 00:31:35,984 --> 00:31:38,340 Hemm żewġ tags hawn, id-dritt? 749 00:31:38,340 --> 00:31:39,770 Liema hija dan wieħed u dan wieħed. 750 00:31:39,770 --> 00:31:40,590 Kemm jaqblu jibred. 751 00:31:40,590 --> 00:31:42,200 Xejn ma. 752 00:31:42,200 --> 00:31:46,460 Mela jekk inti qal, .cool, l-ispazju, .special, dak li int ser ngħid huwa, 753 00:31:46,460 --> 00:31:48,824 fi ħdan dawn tags, dak li huwa speċjali? 754 00:31:48,824 --> 00:31:49,865 ALLISON BUCHHOLTZ-UA: Hm. 755 00:31:49,865 --> 00:31:51,800 Dak hu it-- id-dritt. 756 00:31:51,800 --> 00:31:52,310 Għaliex dan huwa simili biss xi ħaġa hawn. 757 00:31:52,310 --> 00:31:53,310 >> Tomáš REIMERS: Allura huwa jagħżel xejn. 758 00:31:53,310 --> 00:31:56,530 >> ALLISON BUCHHOLTZ-UA: Billi ma speċjali, aħna qed fi ħdan dawn tags hawn. 759 00:31:56,530 --> 00:31:57,971 >> Tomáš REIMERS: Dawk u dawk. 760 00:31:57,971 --> 00:31:58,512 UDJENZA: OK. 761 00:31:58,512 --> 00:31:58,920 Allura dawk tags mid-quddiem mmejla? 762 00:31:58,920 --> 00:31:59,740 >> Tomáš REIMERS: Iva. 763 00:31:59,740 --> 00:32:01,150 Does li jagħmel sens? 764 00:32:01,150 --> 00:32:03,685 Kif huwa bażikament jippruvaw iċekknu ambitu. 765 00:32:03,685 --> 00:32:04,810 ALLISON BUCHHOLTZ-UA: Yeah. 766 00:32:04,810 --> 00:32:06,870 Naħseb li probabbilment l- eħfef mod biex jaħsbu dwar dan. 767 00:32:06,870 --> 00:32:09,270 >> Tomáš REIMERS: Allura aħna sabu dan, u sibna dan tnejn mqabbla speċjali. 768 00:32:09,270 --> 00:32:11,400 U allura aħna qed tistaqsi, fi żmien dawn guys, x'hemm jibred? 769 00:32:11,400 --> 00:32:12,941 U fi ħdan dan wieħed, berred dan wieħed. 770 00:32:12,941 --> 00:32:14,500 Fi ħdan dan wieħed, xejn jibred. 771 00:32:14,500 --> 00:32:16,250 Allura dan huwa l-unika tag li jibqa '. 772 00:32:16,250 --> 00:32:20,112 >> ALLISON BUCHHOLTZ-UA: Billi jibred huwa biss fi ħdan dawn tags ftit hemmhekk. 773 00:32:20,112 --> 00:32:21,070 Tomáš REIMERS: Eżattament. 774 00:32:21,070 --> 00:32:22,403 U x'hemm speċjali fi ħdan dawk? 775 00:32:22,403 --> 00:32:22,930 Xejn. 776 00:32:22,930 --> 00:32:25,270 Issa, dak I se ngħid huwa jekk ma kienx hemm spazju, 777 00:32:25,270 --> 00:32:29,880 int tistaqsi x'hemm jibred u special-- jew x'hemm pretty u speċjali, id-dritt? 778 00:32:29,880 --> 00:32:35,370 Jekk inti tgħidli .special.pretty, thats l-istess bħal .pretty.special. 779 00:32:35,370 --> 00:32:39,220 >> Għaliex dak tneħħi l-ispazju huwa tistaqsi hija, meta inti tgħidli .special, 780 00:32:39,220 --> 00:32:40,970 int tistaqsi, OK, liema huma speċjali? 781 00:32:40,970 --> 00:32:43,780 U allura dawk, li dawk huma wkoll pretty, 782 00:32:43,780 --> 00:32:47,010 li hija l-istess, grammatikament, kif tistaqsi, x'hemm pretty, 783 00:32:47,010 --> 00:32:49,500 u mbagħad ta 'dawk, x'hemm wkoll speċjali? 784 00:32:49,500 --> 00:32:50,000 Dritt? 785 00:32:50,000 --> 00:32:53,099 Hu l-differenza ta ' x'hemm ġewwa x'inhu. 786 00:32:53,099 --> 00:32:53,640 UDJENZA: OK. 787 00:32:53,640 --> 00:32:54,473 Tomáš REIMERS: Yeah. 788 00:32:54,473 --> 00:32:56,670 789 00:32:56,670 --> 00:32:58,030 Tal-biża. 790 00:32:58,030 --> 00:33:00,426 Allura jekk wieħed iżomm f'moħħu then-- 791 00:33:00,426 --> 00:33:01,800 >> ALLISON BUCHHOLTZ-UA: Naħseb li għaddiet tagħna ħaġa hija (IN FANCY BRITTANIĊI ACCENT) 792 00:33:01,800 --> 00:33:02,510 il-mudell kaxxa. 793 00:33:02,510 --> 00:33:05,992 >> Tomáš REIMERS: Il- [chuckles] box-- I love-mod kif Allison jgħid li. 794 00:33:05,992 --> 00:33:06,950 Allura l-mudell kaxxa ħaġa. 795 00:33:06,950 --> 00:33:09,644 >> ALLISON BUCHHOLTZ-UA: Just jkollhom kaxxa, I ser tkun mudell kaxxa tiegħek. 796 00:33:09,644 --> 00:33:11,310 Tomáš REIMERS: Mela ejja nitkellmu dwar dan. 797 00:33:11,310 --> 00:33:14,070 Allura issa dritt aħna ħadthom jintefqu ħafna ta 'ħin jitkellem dwar seletturi. 798 00:33:14,070 --> 00:33:16,944 Sa issa, inti guys huma probabbilment, bħal, kaptani tal selectors-- tafu, 799 00:33:16,944 --> 00:33:21,510 kif eżattament tagħżel il-kontenut li inti tixtieq li jimmanipulaw fuq l-iskrin tiegħek. 800 00:33:21,510 --> 00:33:24,740 >> Allura issa l-kwistjoni hija, kif eżattament inti tista 'timmanipola dan? 801 00:33:24,740 --> 00:33:27,010 So I raden l-aktar bażika mod biex jaħsbu dwar dak 802 00:33:27,010 --> 00:33:30,294 hija, ukoll, x'inhi eżattament hija element fil CSS? 803 00:33:30,294 --> 00:33:32,585 Imxejna qattgħu ħafna ħin jitkellem dwar, dak li huwa ta'xi tikketta, 804 00:33:32,585 --> 00:33:36,140 jew dak huwa l-aktar bażika rappreżentazzjoni ta 'tag? 805 00:33:36,140 --> 00:33:39,870 806 00:33:39,870 --> 00:33:45,170 >> Mod tajjeb biex jaħsbu dwar jiġifieri, liema forma hi salamun? 807 00:33:45,170 --> 00:33:47,295 Liema forma hi, simili, il- is-salamun kkulurita isfond? 808 00:33:47,295 --> 00:33:47,880 >> UDJENZA: Huwa rettangolu. 809 00:33:47,880 --> 00:33:49,040 >> Tomáš REIMERS: Huwa rettangolu, id-dritt? 810 00:33:49,040 --> 00:33:50,956 >> ALLISON BUCHHOLTZ-UA: Ma kienx mistoqsija trick. 811 00:33:50,956 --> 00:33:51,870 [Rires] 812 00:33:51,870 --> 00:33:54,670 >> Tomáš REIMERS: Mhux jippruvaw biex trick inti guys dan tard. 813 00:33:54,670 --> 00:33:57,510 Allura aħna għandna dan ir-rettangolu. 814 00:33:57,510 --> 00:33:59,140 U l-tikketta hija p, id-dritt? 815 00:33:59,140 --> 00:34:02,280 Allura li jagħtina tajba twemmin li l-paragrafu 816 00:34:02,280 --> 00:34:07,440 huwa rappreżentat bħala rettangolu, fil inqas fil-moħħ tal-browser, li 817 00:34:07,440 --> 00:34:08,715 huwa. 818 00:34:08,715 --> 00:34:11,423 >> ALLISON BUCHHOLTZ-UA: I mean, browsers huma tipikament rettangolari, 819 00:34:11,423 --> 00:34:13,440 għalhekk jagħmel sens. 820 00:34:13,440 --> 00:34:18,750 >> Tomáš REIMERS: L-idea hawnhekk hija li kollha ta 'l-tags fi ħdan CSS 821 00:34:18,750 --> 00:34:21,790 huma rappreżentati bħala rettangolu. 822 00:34:21,790 --> 00:34:25,699 U kull rettangolu għandha erba partijiet skond l-CSS, OK? 823 00:34:25,699 --> 00:34:27,830 Inti għandek l-kontenut attwali. 824 00:34:27,830 --> 00:34:29,644 Li meta t-test tinsab. 825 00:34:29,644 --> 00:34:30,470 >> ALLISON BUCHHOLTZ-UA: Forsi stampa tiegħek. 826 00:34:30,470 --> 00:34:31,303 >> Tomáš REIMERS: Yeah. 827 00:34:31,303 --> 00:34:33,860 Inti għandek ikkuttunar, li hija biss xi tip ta 'l-ispazju abjad. 828 00:34:33,860 --> 00:34:35,085 Imbagħad għandek fruntiera. 829 00:34:35,085 --> 00:34:37,710 U allura inti għandek marġini, li spazju abjad barra minn dak. 830 00:34:37,710 --> 00:34:39,460 Allura li jagħmel ebda sens lil xi ħadd, hekk aħna qed 831 00:34:39,460 --> 00:34:42,500 ser jitkellmu dwar dak għat-tieni. 832 00:34:42,500 --> 00:34:47,570 Allura dritt hawn, dak li aħna qed tmur biex tagħmel huwa aħna qed tmur biex joħolqu xi divs, OK? 833 00:34:47,570 --> 00:34:48,420 Skuża me filwaqt I-- 834 00:34:48,420 --> 00:34:51,506 >> ALLISON BUCHHOLTZ-UA: inħoss simili għandna tpoġġi stampa ħelu fil. 835 00:34:51,506 --> 00:34:52,520 >> Tomáš REIMERS: We definitely għandhom. 836 00:34:52,520 --> 00:34:53,389 >> ALLISON BUCHHOLTZ-UA: Inħoss bħal kulħadd 837 00:34:53,389 --> 00:34:54,870 jistgħu jibbenefikaw minn stampa ħelu, hija kollha. 838 00:34:54,870 --> 00:34:56,774 >> Tomáš REIMERS: Nistgħu kollha jibbenefikaw minn a-- 839 00:34:56,774 --> 00:34:57,648 >> UDJENZA: Yeah, żgur. 840 00:34:57,648 --> 00:34:58,790 Tomáš REIMERS: OK, berred. 841 00:34:58,790 --> 00:35:02,254 Allura aħna għandhom jagħmlu ħelu stampa fil x'imkien. 842 00:35:02,254 --> 00:35:05,295 ALLISON BUCHHOLTZ-UA: inħoss bħal fenek ħelu jista 'jkun utli dritt issa. 843 00:35:05,295 --> 00:35:06,190 Tomáš REIMERS: Sure. 844 00:35:06,190 --> 00:35:06,950 ALLISON BUCHHOLTZ-UA: Tmiem tal-ġimgħa. 845 00:35:06,950 --> 00:35:07,390 Have xi ħaġa adorab-- 846 00:35:07,390 --> 00:35:08,520 >> Tomáš REIMERS: Kif bout kitten? 847 00:35:08,520 --> 00:35:09,220 >> ALLISON BUCHHOLTZ-UA: A kitten xogħlijiet, wisq. 848 00:35:09,220 --> 00:35:11,300 >> Tomáš REIMERS: Kessaħ, għaliex hemm sit għal dan. 849 00:35:11,300 --> 00:35:12,300 Huwa sejjaħ PlaceKitten. 850 00:35:12,300 --> 00:35:14,719 ALLISON BUCHHOLTZ-UA: Li l-kbir. 851 00:35:14,719 --> 00:35:15,510 Tomáš REIMERS: Iva. 852 00:35:15,510 --> 00:35:18,040 ALLISON BUCHHOLTZ-UA: Just għal, bħal, immaġini placeholder fil-website tiegħek. 853 00:35:18,040 --> 00:35:18,914 Tomáš REIMERS: Mm-hm. 854 00:35:18,914 --> 00:35:21,520 Hemm ukoll PlacePuppy. 855 00:35:21,520 --> 00:35:22,832 U hemm PlaceBacon. 856 00:35:22,832 --> 00:35:24,340 >> ALLISON BUCHHOLTZ-UA: PlaceBacon? 857 00:35:24,340 --> 00:35:25,350 Really? 858 00:35:25,350 --> 00:35:28,190 >> Tomáš REIMERS: Oh, aħna ma ikollhom aċċess għall-internet hawn. 859 00:35:28,190 --> 00:35:29,875 >> ALLISON BUCHHOLTZ-UA: [groans] 860 00:35:29,875 --> 00:35:30,375 Traġiku. 861 00:35:30,375 --> 00:35:32,333 Tomáš REIMERS: Inkella, Nixtieq nuruk guys 862 00:35:32,333 --> 00:35:33,870 kif tpoġġi immaġini fil-website tiegħek. 863 00:35:33,870 --> 00:35:36,370 Aħna qed tmur biex tipprova tikseb dan xogħol qabel we ikollhom imorru. 864 00:35:36,370 --> 00:35:38,660 Iżda għal issa, aħna qed biss ser jitkellmu fil-kuluri imbagħad. 865 00:35:38,660 --> 00:35:39,820 Aħna tixtieq li tqiegħed stampi ta 'kittens-- 866 00:35:39,820 --> 00:35:40,210 >> ALLISON BUCHHOLTZ-UA: Aħna ma. 867 00:35:40,210 --> 00:35:43,110 >> Tomáš REIMERS: --the internet l isfel għall-mument benessri. 868 00:35:43,110 --> 00:35:47,820 Allura aħna għandna żewġ divs, u aħna qed ser jagħti lilhom żewġ ids. 869 00:35:47,820 --> 00:35:51,380 870 00:35:51,380 --> 00:35:56,760 Aħna ser sejħa hija "L-ewwel" u "it-tieni." 871 00:35:56,760 --> 00:36:01,184 Allura id = "l-ewwel." 872 00:36:01,184 --> 00:36:02,850 U aħna qed tmur biex jagħtuhom żewġ kuluri. 873 00:36:02,850 --> 00:36:08,424 Allura kif nistgħu tagħżel xi ħaġa ma 'l-id ta' "l-ewwel"? 874 00:36:08,424 --> 00:36:09,840 ALLISON BUCHHOLTZ-AU: Dot jew hash? 875 00:36:09,840 --> 00:36:10,730 UDJENZA: Sharp. 876 00:36:10,730 --> 00:36:12,940 Tomáš REIMERS: Sharp, perfetta. 877 00:36:12,940 --> 00:36:14,950 Sharp, hash, ikun x'ikun we-- 878 00:36:14,950 --> 00:36:15,680 >> ALLISON BUCHHOLTZ-UA: Lottijiet ta 'affarijiet li hija sejħa. 879 00:36:15,680 --> 00:36:16,430 >> Tomáš REIMERS: OK. 880 00:36:16,430 --> 00:36:19,800 Aħna qed tmur biex joqgħod fuq hashtag, u dan huwa dak li aħna qed tmur biex jmorru magħhom. 881 00:36:19,800 --> 00:36:20,300 OK? 882 00:36:20,300 --> 00:36:20,735 >> ALLISON BUCHHOLTZ-UA: hashtag. 883 00:36:20,735 --> 00:36:22,340 >> Tomáš REIMERS: Allura l hashtag ewwel. 884 00:36:22,340 --> 00:36:24,506 >> ALLISON BUCHHOLTZ-UA: Allura inti tista 'tweet l seminar-- 885 00:36:24,506 --> 00:36:27,582 CSS hashtag, hashtag jibred. 886 00:36:27,582 --> 00:36:29,040 Tomáš REIMERS: hashtag Awesomeness. 887 00:36:29,040 --> 00:36:30,730 ALLISON BUCHHOLTZ-UA: Hashtag Awesomeness, iva. 888 00:36:30,730 --> 00:36:31,480 Tomáš REIMERS: OK. 889 00:36:31,480 --> 00:36:33,660 Allura aħna għandna "l-ewwel" u "it-tieni." 890 00:36:33,660 --> 00:36:37,697 Allura l-ewwel, aħna qed tmur biex ikollhom kulur l-isfond ta 'aħmar. 891 00:36:37,697 --> 00:36:39,030 ALLISON BUCHHOLTZ-UA: Uh, kolon. 892 00:36:39,030 --> 00:36:40,281 Tomáš REIMERS: Yup. 893 00:36:40,281 --> 00:36:42,281 ALLISON BUCHHOLTZ-UA: I ser tkun fuq il-post-kontrollur tiegħek. 894 00:36:42,281 --> 00:36:43,960 Tomáš REIMERS: Allison intwera me. 895 00:36:43,960 --> 00:36:45,830 Sfond-kulur ta 'blue-- 896 00:36:45,830 --> 00:36:46,810 >> Tomáš REIMERS: Purple! 897 00:36:46,810 --> 00:36:47,726 >> Tomáš REIMERS: Purple. 898 00:36:47,726 --> 00:36:48,830 ALLISON BUCHHOLTZ-UA: Iva. 899 00:36:48,830 --> 00:36:50,630 Kulur favorit Purple tiegħi, u aħna ma jkunux użati encore. 900 00:36:50,630 --> 00:36:51,546 >> Tomáš REIMERS: Vjola. 901 00:36:51,546 --> 00:36:53,361 ALLISON BUCHHOLTZ-UA: Violet. 902 00:36:53,361 --> 00:36:53,860 Li xogħlijiet. 903 00:36:53,860 --> 00:36:56,482 904 00:36:56,482 --> 00:36:59,880 >> Tomáš REIMERS: Allura aħna qed se jkollha żewġ divs. 905 00:36:59,880 --> 00:37:01,654 Huma qed tmur biex tkun totalment vojta. 906 00:37:01,654 --> 00:37:03,070 Għandna probabbilment għandu jkollhom xi test. 907 00:37:03,070 --> 00:37:05,580 908 00:37:05,580 --> 00:37:09,815 Allura "ewwel" se tkun "HELLO." 909 00:37:09,815 --> 00:37:10,940 U l- "tieni" se say-- 910 00:37:10,940 --> 00:37:11,110 >> ALLISON BUCHHOLTZ-UA: Goodbye. 911 00:37:11,110 --> 00:37:12,514 >> UDJENZA: - "DINJA." 912 00:37:12,514 --> 00:37:14,122 Hello, addiju. 913 00:37:14,122 --> 00:37:16,580 ALLISON BUCHHOLTZ-UA: Rajt minnhom fil-kunċert tal-ġimgħa l-oħra. 914 00:37:16,580 --> 00:37:17,705 Tomáš REIMERS: The Beatles? 915 00:37:17,705 --> 00:37:20,242 ALLISON BUCHHOLTZ-UA: Għal reals. 916 00:37:20,242 --> 00:37:21,200 Huma qed mhux li kbir. 917 00:37:21,200 --> 00:37:24,084 918 00:37:24,084 --> 00:37:24,750 Jien ma bhalu. 919 00:37:24,750 --> 00:37:26,060 >> Tomáš REIMERS: Għandna "HELLO" u "Goodbye." 920 00:37:26,060 --> 00:37:29,102 U għal darb'oħra, CSS huwa biss tal-biża, għaliex jirrikonoxxi kuluri tagħna. 921 00:37:29,102 --> 00:37:30,810 M'għandhomx bżonn li anke jinkwetaw li dawn jeżistu. 922 00:37:30,810 --> 00:37:33,194 Huma jagħmlu. 923 00:37:33,194 --> 00:37:35,130 >> ALLISON BUCHHOLTZ-UA: Dawn jeżistu. 924 00:37:35,130 --> 00:37:39,560 >> Tomáš REIMERS: Allura CSS I think għandha 255 kliem biex jitkellmu dwar color. 925 00:37:39,560 --> 00:37:42,986 Jekk inti tista 'taħseb ta' kulur barra dawk 255, simili, I se jkun impressjonat. 926 00:37:42,986 --> 00:37:44,110 ALLISON BUCHHOLTZ-UA: Yeah. 927 00:37:44,110 --> 00:37:45,560 Naħseb li inti guys jista 'jkollhom biss jidħlu fl-dritt wara. 928 00:37:45,560 --> 00:37:47,727 >> Tomáš REIMERS: Allura hawnhekk, tkun taf tara għandna żewġ kaxxi 929 00:37:47,727 --> 00:37:49,143 dritt fuq quċċata ta 'xulxin, id-dritt? 930 00:37:49,143 --> 00:37:50,200 HELLO u Goodbye. 931 00:37:50,200 --> 00:37:51,460 >> ALLISON BUCHHOLTZ-UA: M'hemm l-ebda spazju bejniethom. 932 00:37:51,460 --> 00:37:53,390 Huma qed biss smooshed dritt fuq quċċata ta 'xulxin. 933 00:37:53,390 --> 00:37:55,973 >> Tomáš REIMERS: Allura l-ewwel ħaġa I raden għandna nitkellmu dwar 934 00:37:55,973 --> 00:38:02,960 huwa ejja say-- wkoll yeah. 935 00:38:02,960 --> 00:38:08,020 Allura CSS tirrappreżentahom bħala tip ta 'kaxxi. 936 00:38:08,020 --> 00:38:10,100 U kif kaxxi, dawn ikollhom kontenut. 937 00:38:10,100 --> 00:38:14,540 U l-kontenut dritt issa huwa tip ta ' l HELLO jew il-Goodbye u thats it. 938 00:38:14,540 --> 00:38:15,040 OK? 939 00:38:15,040 --> 00:38:19,790 >> Allura wieħed mill-ewwel affarijiet li għandek tista 'tagħmel huwa inti tista' żżid padding. 940 00:38:19,790 --> 00:38:25,610 Padding jgħid kemm l-ispazju din għandha tħalli fuq kull naħa. 941 00:38:25,610 --> 00:38:29,200 Mela ejja ngħidu Irrid ngħid 10 pixels fuq kull naħa. 942 00:38:29,200 --> 00:38:31,234 U jien se dissect li fit-tieni. 943 00:38:31,234 --> 00:38:33,150 ALLISON BUCHHOLTZ-UA: Kollha ta 'dawn l-affarijiet hawn 944 00:38:33,150 --> 00:38:36,980 ser ikunu l-aktar fl pixels għall-bqija tas-seminar. 945 00:38:36,980 --> 00:38:40,980 Inti qed tmur biex tara li hija għandha xi spazju madwaru, id-dritt? 946 00:38:40,980 --> 00:38:46,360 Allura dak li inti ma tara hawnhekk huwa hemm dan it-tip inviżibbli tal-ikkuttunar 947 00:38:46,360 --> 00:38:49,600 fuq kull naħa, li jgħid, bħal, OK, inti għandek kaxxa tiegħek ta 'content-- 948 00:38:49,600 --> 00:38:51,680 >> ALLISON BUCHHOLTZ-UA: Tixtieq biss pull up l-element jispezzjonaw? 949 00:38:51,680 --> 00:38:53,659 >> Tomáš REIMERS: Yeah, li hija idea tajba. 950 00:38:53,659 --> 00:38:56,700 ALLISON BUCHHOLTZ-UA: Ukoll, I isibu li l-element jispezzjonaw huwa mod tajjeb 951 00:38:56,700 --> 00:39:01,280 biex insemmu jekk xi ħaġa huwa għaddej ħażin, xi ħaġa mhux mistennija jiġri, 952 00:39:01,280 --> 00:39:04,570 jispezzjona l-tags u tara liema huwa simili jinkiteb fuqhom huwa utli. 953 00:39:04,570 --> 00:39:05,940 >> Tomáš REIMERS: Allura M'inix ċert jekk inti guys tista 'tara dan il-kulur. 954 00:39:05,940 --> 00:39:06,470 Inti tista? 955 00:39:06,470 --> 00:39:10,120 Int ser ikollok tara dan padding fuq il-tip ta tarf. 956 00:39:10,120 --> 00:39:13,410 U allura inti tara l-attwali kontenut blu, id-dritt? 957 00:39:13,410 --> 00:39:16,820 Allura dak l-ħafna baŜi tal-mudell kaxxa. 958 00:39:16,820 --> 00:39:17,674 Inti għandek kontenut. 959 00:39:17,674 --> 00:39:18,590 Imbagħad għandek ikkuttunar. 960 00:39:18,590 --> 00:39:20,440 >> UDJENZA: Għaliex ma inti biss tuża l-kaxxa ġewwa the-- 961 00:39:20,440 --> 00:39:21,606 >> ALLISON BUCHHOLTZ-UA: Dritt. 962 00:39:21,606 --> 00:39:24,745 Għaliex dan huwa biss għażla l-element dritt issa. 963 00:39:24,745 --> 00:39:26,050 >> Tomáš REIMERS: Yup. 964 00:39:26,050 --> 00:39:27,060 Affarijiet oħra. 965 00:39:27,060 --> 00:39:29,780 Mela ejja nitkellmu dwar dak ikkuttunar kmand għat-tieni. 966 00:39:29,780 --> 00:39:36,380 Għalhekk fl CSS, kejl jeħtieġ li jkollhom unità. 967 00:39:36,380 --> 00:39:39,740 Allura l-ewwel inti għandek l-ammont. 968 00:39:39,740 --> 00:39:41,460 Allura f'dan il-każ, konna qal 10. 969 00:39:41,460 --> 00:39:44,780 U allura l-waħda li jmiss konna qal huwa pixels, px. 970 00:39:44,780 --> 00:39:49,160 Oħrajn li jista 'jkollok huma affarijiet simili ċentimetri, pulzieri. 971 00:39:49,160 --> 00:39:51,367 Tista 'tagħmel affarijiet simili, dak li huwa 10 pulzieri? 972 00:39:51,367 --> 00:39:52,700 U li għaddej biex tkun redikoli. 973 00:39:52,700 --> 00:39:52,990 >> ALLISON BUCHHOLTZ-UA: Oh, boy. 974 00:39:52,990 --> 00:39:53,460 >> UDJENZA: Whoa. 975 00:39:53,460 --> 00:39:54,460 >> Tomáš U ALLISON: Yeah. 976 00:39:54,460 --> 00:39:57,840 Tomáš REIMERS: Allura li kollox ikkuttunar. 977 00:39:57,840 --> 00:39:59,255 Jien se jmorru lura għall pixels. 978 00:39:59,255 --> 00:40:01,754 >> ALLISON BUCHHOLTZ-UA: Pixels għandhom tendenza li jkunu, bħal, l-istandard. 979 00:40:01,754 --> 00:40:04,589 Meta inti tħares lejn ħafna ta 'websajts, dawn ħafna drabi jaħdmu pixels. 980 00:40:04,589 --> 00:40:07,755 Tomáš REIMERS: Allura inti qed tmur biex tara jew pixels---oħrajn tara 981 00:40:07,755 --> 00:40:13,952 huwa em, li huwa em waħda hija ugwali għall-għoli tal-font 982 00:40:13,952 --> 00:40:15,160 li inti bħalissa qed tuża. 983 00:40:15,160 --> 00:40:16,201 >> ALLISON BUCHHOLTZ-UA: Mm. 984 00:40:16,201 --> 00:40:17,574 985 00:40:17,574 --> 00:40:20,740 Tomáš REIMERS: Huwa mod tajjeb biex jgħidu, bħal, nixtieq kemm ispazju bħala font my 986 00:40:20,740 --> 00:40:21,514 huwa jieħu. 987 00:40:21,514 --> 00:40:23,180 ALLISON BUCHHOLTZ-UA: Did not know dak. 988 00:40:23,180 --> 00:40:25,747 Inti titgħallem xi ħaġa ġdida kuljum. 989 00:40:25,747 --> 00:40:27,955 Tomáš REIMERS: Hemm lott ta 'kejl fir CS. 990 00:40:27,955 --> 00:40:29,260 Nissuġġerixxi inti tfittex lilhom. 991 00:40:29,260 --> 00:40:32,122 Għall-każijiet kollha tiegħek, naħseb pixels għandha tkun biżżejjed. 992 00:40:32,122 --> 00:40:33,830 U dawn qed wkoll dak li int ser tara 993 00:40:33,830 --> 00:40:36,520 fil-maġġoranza ta 'eżempji isir online. 994 00:40:36,520 --> 00:40:38,320 Allura aħna ser jitilqu minnu pixels. 995 00:40:38,320 --> 00:40:42,420 >> Tista 'wkoll, I għandhom say-- hekk settijiet ikkuttunar kollha ta 'l-paddings. 996 00:40:42,420 --> 00:40:49,789 Tista 'wkoll tagħmel xi ħaġa simili "Ikkuttunar-top" li biss set-- 997 00:40:49,789 --> 00:40:52,080 ALLISON BUCHHOLTZ-UA: Forsi aħna ser jiksbu "HELLO" tagħna lura. 998 00:40:52,080 --> 00:40:55,480 Tomáš REIMERS: --to biss sett l- ikkuttunar fuq il-quċċata u xejn iżjed. 999 00:40:55,480 --> 00:40:59,560 Allura l-erba 'kmandi huma ikkuttunar-top, ikkuttunar tal-qiegħ, ikkuttunar-xellug, 1000 00:40:59,560 --> 00:41:00,310 u padding-dritt. 1001 00:41:00,310 --> 00:41:02,470 >> ALLISON BUCHHOLTZ-UA: Eżatt bħal inti tistenna għal kaxxa. 1002 00:41:02,470 --> 00:41:03,530 >> Tomáš REIMERS: Yeah. 1003 00:41:03,530 --> 00:41:05,240 Xejn wisq crazy hemmhekk. 1004 00:41:05,240 --> 00:41:08,230 Does li jagħmel sens? 1005 00:41:08,230 --> 00:41:11,990 Allura dan huwa ikkuttunar. 1006 00:41:11,990 --> 00:41:14,110 Jien ser jistabbilixxu kulħadd l paddings lura sa 10. 1007 00:41:14,110 --> 00:41:17,010 U mbagħad jien ser jimxu fuq il-fruntiera. 1008 00:41:17,010 --> 00:41:21,130 >> Allura x'inhi transkonfinali hija hi fruntiera huwa kmand stramb. 1009 00:41:21,130 --> 00:41:24,450 Huwa jieħu tip ta 'tliet affarijiet f'daqqa. 1010 00:41:24,450 --> 00:41:28,930 Allura l-ewwel huwa kif big għandek jixtiequ li din tkun bħala kejl. 1011 00:41:28,930 --> 00:41:30,662 Għal darb'oħra, jien biss bl-użu pixels. 1012 00:41:30,662 --> 00:41:32,620 U l-aħħar ħaġa I għandhom iżidu kejl 1013 00:41:32,620 --> 00:41:35,270 huwa l-ħaġa waħda li ma jkunx jeħtieġ unità hija 0. 1014 00:41:35,270 --> 00:41:37,390 Huwa fil-fatt mhux korretta biex jagħtu 0 unità, 1015 00:41:37,390 --> 00:41:41,940 minħabba 0 huwa ta '0 madwar pulzieri, pixels, ċentimetri, tkun xi tkun. 1016 00:41:41,940 --> 00:41:43,960 Dan kollu ifisser biss 0, id-dritt? 1017 00:41:43,960 --> 00:41:46,710 Allura l-ewwel inti tagħti l-kejl. 1018 00:41:46,710 --> 00:41:48,650 >> Imbagħad inti tagħti l-istil. 1019 00:41:48,650 --> 00:41:49,869 Allura jien ser jgħidu "solidu." 1020 00:41:49,869 --> 00:41:51,410 U aħna ser nitkellmu dwar dak li tfisser. 1021 00:41:51,410 --> 00:41:54,290 U mbagħad fl-aħħar, inti tagħtiha kulur. 1022 00:41:54,290 --> 00:41:56,850 Allura jien ser jgħidu "iswed." 1023 00:41:56,850 --> 00:41:59,637 U dawn huma kollha affarijiet li aħna stajt issa rajna qabel, ħlief għall-istil, 1024 00:41:59,637 --> 00:42:00,720 imma aħna ser nitkellmu dwar dan. 1025 00:42:00,720 --> 00:42:04,120 Allura inti guys raw il-kejl, u inti stajt tidher kuluri. 1026 00:42:04,120 --> 00:42:10,410 U dak li jiġri huwa li aħna nikseb dan bordura sewda sbieħ madwaru, id-dritt? 1027 00:42:10,410 --> 00:42:11,620 You guys tara kif għamilna dak? 1028 00:42:11,620 --> 00:42:12,760 >> UDJENZA: Yeah. 1029 00:42:12,760 --> 00:42:14,850 >> Tomáš REIMERS: Kessaħ. 1030 00:42:14,850 --> 00:42:17,370 Allura dak hu li? 1031 00:42:17,370 --> 00:42:19,160 Allura l-ewwel nett, huwa pixel wieħed. 1032 00:42:19,160 --> 00:42:20,880 C'est evidenti biżżejjed, id-dritt? 1033 00:42:20,880 --> 00:42:23,254 Bħal, huwa pixel wieħed ħoxna. 1034 00:42:23,254 --> 00:42:26,170 Jew ikun pixel wieħed, imma jien żżomjati fi, dan huwa ftit aktar 1035 00:42:26,170 --> 00:42:26,490 minn dak. 1036 00:42:26,490 --> 00:42:27,967 >> ALLISON BUCHHOLTZ-UA: U aħna għandna din ir-riżoluzzjoni TV redikoli. 1037 00:42:27,967 --> 00:42:29,460 >> Tomáš REIMERS: Yeah. 1038 00:42:29,460 --> 00:42:33,640 Inti tista 'tagħmel dan akbar, iżgħar, ikun x'ikun. 1039 00:42:33,640 --> 00:42:35,630 Allura hawnhekk fruntiera ta 'żewġ pixel. 1040 00:42:35,630 --> 00:42:38,810 Int ser ikollok tara huwa darbtejn ħoxna. 1041 00:42:38,810 --> 00:42:40,172 Ħaġa li jmiss li għandek huwa l-kulur. 1042 00:42:40,172 --> 00:42:41,130 Li mhux interessanti. 1043 00:42:41,130 --> 00:42:42,710 Jien ma jmur biex jitkellmu dwar dan, verament. 1044 00:42:42,710 --> 00:42:45,110 >> ALLISON BUCHHOLTZ-UA: Iżda l-istil jista 'jkun biss ftit interessanti. 1045 00:42:45,110 --> 00:42:45,980 >> Tomáš REIMERS: Yeah. 1046 00:42:45,980 --> 00:42:48,560 Allura stil, hemm ftit dawk li nara komunement użati. 1047 00:42:48,560 --> 00:42:55,690 Solidi, li wieħed jmiss Ewwel ta 'wieħed bit-tikek, u dashed l-aħħar wieħed. 1048 00:42:55,690 --> 00:42:59,290 U hawn huwa bit-tikek. 1049 00:42:59,290 --> 00:43:02,980 Int ser ikollok tara li dawn qed mazz ta 'tikek, id-dritt? 1050 00:43:02,980 --> 00:43:09,030 Mod tajjeb biex tip ta tikseb fruntiera sympathique għaddejjin, daxxijiet huma wkoll pretty popolari. 1051 00:43:09,030 --> 00:43:11,580 1052 00:43:11,580 --> 00:43:13,600 >> ALLISON BUCHHOLTZ-UA: U mbagħad naturalment, jien 1053 00:43:13,600 --> 00:43:16,660 żgur hemm ħafna oħrajn stili li tista 'tikseb. 1054 00:43:16,660 --> 00:43:20,000 U aħna għandna sett kbir ta ' links fl-aħħar għalik guys 1055 00:43:20,000 --> 00:43:23,470 għall tip ta 'jaqraw b'attenzjoni u tħares lejn CSS aktar jibred. 1056 00:43:23,470 --> 00:43:25,954 >> Tomáš REIMERS: U mbagħad l-aħħar ħaġa, aħna qed 1057 00:43:25,954 --> 00:43:27,870 ser jitkellmu dwar il- Mudelli kaxxa reali malajr. 1058 00:43:27,870 --> 00:43:30,070 Oh, u mbagħad fuq il-fruntiera, eżattament bħall ikkuttunar, 1059 00:43:30,070 --> 00:43:33,270 inti ukoll għandek affarijiet simili xellug il-fruntieri,-dritt tal-fruntieri,-top fruntieri, 1060 00:43:33,270 --> 00:43:37,590 tal-qiegħ fruntieri, li jippermettu li inti biex tikseb fuq il-fruntiera speċifiku. 1061 00:43:37,590 --> 00:43:40,650 Allura hawnhekk biss il-fruntiera xellug definit. 1062 00:43:40,650 --> 00:43:43,060 Does li jagħmel sens? 1063 00:43:43,060 --> 00:43:46,170 >> ALLISON BUCHHOLTZ-UA: Huwa jibred mod biex jenfasizzaw l-affarijiet jew iżidu 1064 00:43:46,170 --> 00:43:47,545 linji bejn elementi differenti. 1065 00:43:47,545 --> 00:43:48,670 Tomáš REIMERS: Assolutament. 1066 00:43:48,670 --> 00:43:50,940 Allura dak fruntiera tagħna. 1067 00:43:50,940 --> 00:43:52,790 U l-marġni tal-aħħar wieħed. 1068 00:43:52,790 --> 00:43:55,892 Padding bħal Marġni ta ħlief mhuwiex within-- 1069 00:43:55,892 --> 00:43:57,975 ALLISON BUCHHOLTZ-UA: Huwa mhux madwar element tiegħek 1070 00:43:57,975 --> 00:44:00,840 imma attwalment madwar il-kollu kaxxa li aħna kont qed jaraw. 1071 00:44:00,840 --> 00:44:02,770 >> Tomáš REIMERS: Yeah. 1072 00:44:02,770 --> 00:44:04,090 Allison qal li perfettament. 1073 00:44:04,090 --> 00:44:07,550 Mhuwiex, simili, ġewwa tiegħek element, huwa madwar il-kaxxa kollu. 1074 00:44:07,550 --> 00:44:10,900 Dan ifisser affarijiet simili isfond ma japplikawx għaliha. 1075 00:44:10,900 --> 00:44:13,550 U bażikament jgħid, bħal, jien ma jridu xejn 1076 00:44:13,550 --> 00:44:15,230 f'dan l-ispazju ħafna għalija. 1077 00:44:15,230 --> 00:44:17,470 Hekk bħall hawnhekk għandna marġni ta '10 pixels. 1078 00:44:17,470 --> 00:44:23,100 Allura xejn fi żmien 10 pixels għandu jkun jmiss lili. 1079 00:44:23,100 --> 00:44:26,210 C'est tip ta 'tagħha ispazju imma xorta ta 'mhux. 1080 00:44:26,210 --> 00:44:29,215 Allura dak l-ħafna baŜi tal-mudell kaxxa. 1081 00:44:29,215 --> 00:44:30,090 Does li jagħmel sens? 1082 00:44:30,090 --> 00:44:33,830 1083 00:44:33,830 --> 00:44:34,550 Kessaħ, berred. 1084 00:44:34,550 --> 00:44:35,800 ALLISON BUCHHOLTZ-UA: biża. 1085 00:44:35,800 --> 00:44:37,890 Allura issa I think we biss għandhom riżorsi jibred tagħna 1086 00:44:37,890 --> 00:44:41,220 li aħna ser tieħu inti guys permezz malajr ħafna. 1087 00:44:41,220 --> 00:44:44,815 U aħna ser actually-- sew, għandna internet għadhom? 1088 00:44:44,815 --> 00:44:47,860 >> Tomáš Reimers: Ejja ara jekk I tista 'tiftaħ up-- 1089 00:44:47,860 --> 00:44:50,040 let me biss tara jekk I jistgħu jiksbu l-internet malajr 1090 00:44:50,040 --> 00:44:53,317 filwaqt Allison taħdidiet dwar xi ħaġa Allison trid biex jitkellmu dwar. 1091 00:44:53,317 --> 00:44:55,150 ALLISON BUCHHOLTZ-UA: Allura basically-- I do not 1092 00:44:55,150 --> 00:44:57,930 jafu x'iktar nista 'ngħid f'dan il-punt. 1093 00:44:57,930 --> 00:45:01,340 Iżda dawn huma xi wħud riżorsi verament tajba. 1094 00:45:01,340 --> 00:45:04,629 Dawn huma dawk li Tomas u I użaw 1095 00:45:04,629 --> 00:45:06,420 u li għandna attwalment użati biex prep għal dan. 1096 00:45:06,420 --> 00:45:09,940 W3schools huwa wieħed li inti guys għandu raw qabel. 1097 00:45:09,940 --> 00:45:12,440 Nirrakkomandaw hija għal ħafna affarijiet ma CSS. 1098 00:45:12,440 --> 00:45:15,060 I know I jirrakkomanda dan lill taqsima tiegħi il-ħin kollu. 1099 00:45:15,060 --> 00:45:21,050 >> Waħda mill-affarijiet kbar huwa li jippermettilek li tip ta 'mess mal CSS 1100 00:45:21,050 --> 00:45:23,830 u tara l-bidliet istantanju f'dan, 1101 00:45:23,830 --> 00:45:25,920 simili, double-tieqa tarah li hija għandha. 1102 00:45:25,920 --> 00:45:29,980 Allura inti ma għandekx għalfejn tinkwieta dwar twaqqif page tiegħek web stess, 1103 00:45:29,980 --> 00:45:33,090 jew it-twaqqif vhost fil tiegħek appliance lokali u ospitanti lokali, 1104 00:45:33,090 --> 00:45:34,980 u jkollna dak kollu li Jittieħed ħidma. 1105 00:45:34,980 --> 00:45:36,830 Huwa parti dritt fi ħdan il-paġna. 1106 00:45:36,830 --> 00:45:39,042 >> U għandu dawn ftit lezzjonijiet li inti tista ' 1107 00:45:39,042 --> 00:45:40,750 jgħaddu biex jitgħallmu aktar dwar seletturi, 1108 00:45:40,750 --> 00:45:44,610 jew jitgħallmu dwar timmanipula tiegħek font, jew sfond, jew immaġni. 1109 00:45:44,610 --> 00:45:46,990 U inti għandek dawn riżultati istantanji li inti 1110 00:45:46,990 --> 00:45:49,310 ma għandekx tagħmel xi xogħol prep ieħor għall. 1111 00:45:49,310 --> 00:45:51,060 So I imħabba w3schools. 1112 00:45:51,060 --> 00:45:51,960 Huwa fabulous. 1113 00:45:51,960 --> 00:45:52,670 Huwa tax-xogħol? 1114 00:45:52,670 --> 00:45:52,950 >> Tomáš REIMERS: Yeah. 1115 00:45:52,950 --> 00:45:53,720 Le, mhuwiex. 1116 00:45:53,720 --> 00:45:55,636 Tixtieq lili biex tipprova u terġa-kompjuter tiegħi? 1117 00:45:55,636 --> 00:45:56,410 Jew do irridu to-- 1118 00:45:56,410 --> 00:46:01,490 >> ALLISON BUCHHOLTZ-UA: I mean, ukoll, dan se jkun ukoll online. 1119 00:46:01,490 --> 00:46:02,740 Il-pjastri se jkun online. 1120 00:46:02,740 --> 00:46:05,470 So I biss jirrakkomanda ħafna li tagħmel dawn. 1121 00:46:05,470 --> 00:46:07,880 >> Dan huwa kbir daqs biss bħal iqarrqu folja. 1122 00:46:07,880 --> 00:46:10,690 Huwa biss l-bażiku jikkmanda li inti għandek. 1123 00:46:10,690 --> 00:46:13,070 Hija xi ħaġa kbira meta int l-ewwel bdew website tiegħek. 1124 00:46:13,070 --> 00:46:15,080 Minħabba li forsi inti ma rridu nġibu fis kollha 1125 00:46:15,080 --> 00:46:17,355 l-nitty mrammel reali disinn tqil Jittieħed. 1126 00:46:17,355 --> 00:46:20,230 Inti biss bżonn format dan b'mod dak it-tip ta 'jagħmel sens u rieda 1127 00:46:20,230 --> 00:46:21,490 do għalissa. 1128 00:46:21,490 --> 00:46:23,580 U jekk int verament tixtieq biex tikseb fis dan, I know 1129 00:46:23,580 --> 00:46:27,240 dan huwa, bħal, wieħed mill Referenzi favoriti Tomáš ta. 1130 00:46:27,240 --> 00:46:30,130 Konna tużaha biex prep, u huwa fabulous. 1131 00:46:30,130 --> 00:46:33,030 Hu l-Developer minn Mozilla. 1132 00:46:33,030 --> 00:46:36,490 >> Tomáš REIMERS: Allura Mozilla huma il-persuni li jagħmlu Firefox. 1133 00:46:36,490 --> 00:46:40,290 U huwa biss iżviluppatur tagħhom stess referenza, li naħseb huwa tal-biża. 1134 00:46:40,290 --> 00:46:44,870 U għandu wunderbare lista ta 'riżorsi. 1135 00:46:44,870 --> 00:46:45,530 Allura aħna have-- 1136 00:46:45,530 --> 00:46:48,060 >> ALLISON BUCHHOLTZ-UA: U allura l-aħħar nota hija 1137 00:46:48,060 --> 00:46:50,120 meta inti qed tipprova disinn ta 'website tiegħek, 1138 00:46:50,120 --> 00:46:53,550 abbaż affarijiet li taħseb huma pretty. 1139 00:46:53,550 --> 00:46:56,340 Jispezzjona l-element, jispezzjona l-kodiċi tas-sors 1140 00:46:56,340 --> 00:46:59,370 jista 'jkun utli super għall jippruvaw biex insemmu 1141 00:46:59,370 --> 00:47:02,080 kif stil website tiegħek stess. 1142 00:47:02,080 --> 00:47:04,540 >> Spiss, inħoss bħal l-aħjar mod, minbarra l-esperimentazzjoni, 1143 00:47:04,540 --> 00:47:06,290 huwa biss li tħares lejn affarijiet li huma pretty. 1144 00:47:06,290 --> 00:47:09,810 I jsibuha verament diffiċli li ftit tip ta 'disinn affarijiet fuq tiegħek stess, 1145 00:47:09,810 --> 00:47:11,090 speċjalment fil-bidu. 1146 00:47:11,090 --> 00:47:14,740 Allura jekk jogħġbok tħares lejn websajts li inti tgawdi tfittex fuq. 1147 00:47:14,740 --> 00:47:16,880 Ċifra barra dak li jagħmel minnhom tappella għalik. 1148 00:47:16,880 --> 00:47:19,170 U imbagħad tħossok liberu li ipprova u jirreplika dak. 1149 00:47:19,170 --> 00:47:20,410 >> Tomáš REIMERS: Dritt. 1150 00:47:20,410 --> 00:47:23,120 Anke bħall-websajts bħal dan, tista 'tara 1151 00:47:23,120 --> 00:47:25,460 hemm definittivament div fil-quċċata. 1152 00:47:25,460 --> 00:47:29,920 U allura inti għandek div ieħor fi ħdan hawnhekk, li huwa Awesomeness CSS. 1153 00:47:29,920 --> 00:47:32,480 U allura inti għandek mazz ta 'links hawn. 1154 00:47:32,480 --> 00:47:34,770 Jekk int verament ftit jispezzjonaw Elementi, inti tista sort ta 1155 00:47:34,770 --> 00:47:38,520 tibda tara liema do websajts look like, u kif nista 1156 00:47:38,520 --> 00:47:40,493 jirrikreaw li jekk jien ridt li. 1157 00:47:40,493 --> 00:47:41,890 Does li jagħmel sens? 1158 00:47:41,890 --> 00:47:43,670 Allura aħna biss għandek tliet minuti xellug. 1159 00:47:43,670 --> 00:47:46,380 Allura mistoqsijiet? 1160 00:47:46,380 --> 00:47:47,650 Kwalunkwe wieħed minnhom? 1161 00:47:47,650 --> 00:47:48,350 Iva. 1162 00:47:48,350 --> 00:47:50,780 >> UDJENZA: Għall-kulur rettangolu, kif kieku inti 1163 00:47:50,780 --> 00:47:53,499 have-- jekk inti ma jriduhom jmorru madwar l-paġna kollha, jista 1164 00:47:53,499 --> 00:47:56,400 tkun għamilt it go madwar biss nofs il-paġna jew biss it-test? 1165 00:47:56,400 --> 00:47:59,660 >> Tomáš REIMERS: Yeah, assolutament. 1166 00:47:59,660 --> 00:48:02,780 So let me tara attwalment. 1167 00:48:02,780 --> 00:48:04,670 Għandi żewġ ideat. 1168 00:48:04,670 --> 00:48:07,265 Allura l-ewwel ta 'kollha, inti jistgħu jużaw ukoll percents. 1169 00:48:07,265 --> 00:48:08,140 >> UDJENZA: Really? 1170 00:48:08,140 --> 00:48:11,260 >> ALLISON BUCHHOLTZ-UA: Allura xi ħaġa biex tfittex up huwa pożizzjonament relattiv. 1171 00:48:11,260 --> 00:48:13,385 Hija xi ħaġa li aħna M'għandix ħin biex tikseb fis- 1172 00:48:13,385 --> 00:48:16,392 imma hija xi ħaġa I definitely jirrakkomanda inti guys ikkontrollar out. 1173 00:48:16,392 --> 00:48:17,580 >> Tomáš REIMERS: percents Allura. 1174 00:48:17,580 --> 00:48:21,524 U tara kif aħna għamilha biss 50% tal-wisa? 1175 00:48:21,524 --> 00:48:24,190 ALLISON BUCHHOLTZ-UA: Jekk inti tassew taf in-numru ta 'pixels, 1176 00:48:24,190 --> 00:48:25,780 inti tista 'tkun aktar preċiża li l-mod. 1177 00:48:25,780 --> 00:48:27,200 Tista 'fiddle madwar magħha. 1178 00:48:27,200 --> 00:48:27,700 Iżda 50%. 1179 00:48:27,700 --> 00:48:31,970 Jekk konna li resize browser tagħna, hi tagħmilha iżgħar. 1180 00:48:31,970 --> 00:48:35,250 >> Tomáš REIMERS: Well, huwa bażikament 50% id-dritt issa, I think. 1181 00:48:35,250 --> 00:48:38,820 Huwa 50%, u allura l-marġni ġie miżjud ma 'dak. 1182 00:48:38,820 --> 00:48:40,100 CSS għandha ħafna ta 'quirks. 1183 00:48:40,100 --> 00:48:43,195 Allura issa dritt dan huwa 50% tal-wisa paġna. 1184 00:48:43,195 --> 00:48:46,860 Imma ftakar li inti għandek 10 pixels jittieħdu barra minn kull naħa. 1185 00:48:46,860 --> 00:48:49,700 Mela jekk inti kienu li jiċċaqalqu li kontra l-tarf tax-xellug tal-browser, 1186 00:48:49,700 --> 00:48:51,550 allura look like 50%. 1187 00:48:51,550 --> 00:48:53,884 Għal darb'oħra, bħal I said, CSS jista jkun hemm ħafna ta 'raden u check. 1188 00:48:53,884 --> 00:48:56,049 Bħal, taħseb xi ħaġa huwa ser iġibu ruħhom mod wieħed, 1189 00:48:56,049 --> 00:48:57,805 iżda iġib ruħu b'mod totalment differenti. 1190 00:48:57,805 --> 00:48:59,420 >> ALLISON BUCHHOLTZ-UA: U inti biss tikseb aktar intelliġenti, 1191 00:48:59,420 --> 00:49:02,020 u inti biss tikseb aħjar intwizzjoni għal dan kif inti timxi flimkien. 1192 00:49:02,020 --> 00:49:02,730 >> Tomáš REIMERS: U imur għall-agħar u agħar. 1193 00:49:02,730 --> 00:49:03,496 Allura huwa verament ftit razza. 1194 00:49:03,496 --> 00:49:05,454 >> ALLISON BUCHHOLTZ-UA: C'est inkoraġġanti super. 1195 00:49:05,454 --> 00:49:07,070 Aħna tixtieq li tixtieq CSS. 1196 00:49:07,070 --> 00:49:08,810 >> Tomáš REIMERS: CSS huwa tal-biża. 1197 00:49:08,810 --> 00:49:10,354 Ftakar li. 1198 00:49:10,354 --> 00:49:11,020 Mistoqsijiet oħra? 1199 00:49:11,020 --> 00:49:14,297 >> ALLISON BUCHHOLTZ-UA: L-unika ħaġa. 1200 00:49:14,297 --> 00:49:14,880 Xi ħaġa oħra? 1201 00:49:14,880 --> 00:49:15,140 Kessaħ. 1202 00:49:15,140 --> 00:49:15,690 >> Tomáš REIMERS: biża. 1203 00:49:15,690 --> 00:49:18,523 >> ALLISON BUCHHOLTZ-UA: Well, jekk inti guys xi mistoqsijiet aktar tard, 1204 00:49:18,523 --> 00:49:20,919 aħna qed dejjem disponibbli bħala kull soltu. 1205 00:49:20,919 --> 00:49:22,960 Int ser ikollok probabbilment tara xi minna għal proġetti finali 1206 00:49:22,960 --> 00:49:24,280 u definittivament fil-hackathon. 1207 00:49:24,280 --> 00:49:25,200 >> Tomáš REIMERS: Assolutament. 1208 00:49:25,200 --> 00:49:25,720 U fil-fiera. 1209 00:49:25,720 --> 00:49:26,560 >> ALLISON BUCHHOLTZ-AU: U fil-fiera. 1210 00:49:26,560 --> 00:49:26,840 Oh. 1211 00:49:26,840 --> 00:49:28,130 >> Tomáš REIMERS: Ħerqa li jaraw kollha ta 'awesome-- tiegħek 1212 00:49:28,130 --> 00:49:29,420 >> ALLISON BUCHHOLTZ-UA: Ser naraw kollha ta 'websajts tal-biża tiegħek 1213 00:49:29,420 --> 00:49:30,572 li se tkun sabiħa. 1214 00:49:30,572 --> 00:49:32,780 Tomáš REIMERS: Inti tista 'dejjem tara, bħal,-websajts 1215 00:49:32,780 --> 00:49:36,234 li kellhom, bħall-, CSS tajba u mbagħad bħal dawk li ma jipprova jagħmel CSS. 1216 00:49:36,234 --> 00:49:39,150 ALLISON BUCHHOLTZ-UA: Ukoll, ieħor ħaġa, wieħed aktar ħaġa li tħares lejn 1217 00:49:39,150 --> 00:49:40,445 huwa Bootstrapping. 1218 00:49:40,445 --> 00:49:41,805 Allura bootstrap hija kbira. 1219 00:49:41,805 --> 00:49:42,240 >> Tomáš REIMERS: Google li jekk you-- 1220 00:49:42,240 --> 00:49:43,573 >> ALLISON BUCHHOLTZ-UA: Google lilha. 1221 00:49:43,573 --> 00:49:44,340 Huwa fabulous. 1222 00:49:44,340 --> 00:49:45,620 Int ser ikollok imħabba tiegħu. 1223 00:49:45,620 --> 00:49:48,000 U issa li inti għandek fehim bażiku tal CSS, 1224 00:49:48,000 --> 00:49:50,340 dan ser tagħmel ħafna aktar sens. 1225 00:49:50,340 --> 00:49:50,890 Tal-biża. 1226 00:49:50,890 --> 00:49:51,480 Grazzi, guys. 1227 00:49:51,480 --> 00:49:53,330 >> Tomáš REIMERS: Grazzi tant. 1228 00:49:53,330 --> 00:49:54,219