1 00:00:00,000 --> 00:00:05,660 >> [Music kucheza] 2 00:00:05,660 --> 00:00:08,740 >> DOUG LLOYD: Basi hebu kuchukua moja zaidi video kuzungumza kuhusu lugha moja zaidi. 3 00:00:08,740 --> 00:00:10,800 Wakati huu tutaweza majadiliano juu CSS. 4 00:00:10,800 --> 00:00:13,460 Hivyo CSS, ambayo ni fupi kwa Kuachia Style Sheets, 5 00:00:13,460 --> 00:00:16,149 ni mwingine tunatumia lugha wakati ujenzi wa Nje. 6 00:00:16,149 --> 00:00:17,190 Fikiria kuhusu hilo kama hii. 7 00:00:17,190 --> 00:00:20,900 Kama HTML ni nini sisi kutumia ili kuandaa yaliyomo tunataka kuweka kwenye ukurasa wetu, 8 00:00:20,900 --> 00:00:25,390 CSS ni chombo kwamba sisi ujumla kutumia Customize jinsi tovuti yetu kuangalia, 9 00:00:25,390 --> 00:00:30,410 na jinsi uzoefu user kwa kweli ni, mazungumzo na tovuti yetu. 10 00:00:30,410 --> 00:00:32,535 >> Sawa na HTML, CSS ni si lugha ya programu. 11 00:00:32,535 --> 00:00:33,451 Haina mantiki. 12 00:00:33,451 --> 00:00:34,595 Haina vigezo. 13 00:00:34,595 --> 00:00:38,890 Haina aina yoyote ya kwamba kati yake mambo yanayohusiana kwamba C gani. 14 00:00:38,890 --> 00:00:40,150 Ni lugha styling. 15 00:00:40,150 --> 00:00:42,810 Na syntax yake ni mzuri rahisi, na inaeleza tu 16 00:00:42,810 --> 00:00:46,240 jinsi mambo ya yetu ukurasa na HTML fulani 17 00:00:46,240 --> 00:00:48,190 mambo lazima iliyopita. 18 00:00:48,190 --> 00:00:51,170 Ili kufikia lengo hilo, kama una si lakini kuangalia video wetu juu ya HTML, 19 00:00:51,170 --> 00:00:53,290 au ni unfamiliar na HTML kwa ujumla, wewe 20 00:00:53,290 --> 00:00:57,430 kutaka tuangalie kwamba kwanza, kwa sababu hii mjadala wa CSS 21 00:00:57,430 --> 00:01:00,700 ni kwenda hutegemea baadhi ya ujuzi wa HTML. 22 00:01:00,700 --> 00:01:03,740 >> Hivyo hapa ni kweli rahisi CSS XSLT. 23 00:01:03,740 --> 00:01:06,480 Hata kama wewe sijawahi iliyowekwa na CSS kabla, 24 00:01:06,480 --> 00:01:10,624 Mimi nina uhakika pretty unaweza kufikiri nini hasa XSLT hii haina. 25 00:01:10,624 --> 00:01:11,290 Je, ni nini? 26 00:01:11,290 --> 00:01:15,470 Naam, kutumika kwa mwili wa mtandao wetu ukurasa, kila kitu kati ya vitambulisho mwili 27 00:01:15,470 --> 00:01:19,631 juu ya HTML yetu, na unaweka rangi ya asili ya kwamba ukurasa wa bluu. 28 00:01:19,631 --> 00:01:21,130 Naam, ni XSLT rahisi sana. 29 00:01:21,130 --> 00:01:23,269 Ni kweli binadamu sana lugha ya kirafiki, CSS. 30 00:01:23,269 --> 00:01:26,560 Hivyo hata kama wewe sijawahi kutumika hivyo kabla, pengine inaweza nadhani nini kwamba alifanya. 31 00:01:26,560 --> 00:01:30,140 Kwa kweli, kama sisi kubeba ukurasa, ambapo XSLT hii ilikuwa iliyoingia kwa kiasi fulani, 32 00:01:30,140 --> 00:01:36,240 rangi ya asili ya ukurasa wetu ingekuwa kuwa bluu, na si kiwango nyeupe. 33 00:01:36,240 --> 00:01:37,670 >> Hivyo ni jinsi gani sisi kujenga stylesheets? 34 00:01:37,670 --> 00:01:39,700 Vizuri kwanza, inabidi kutambua selector. 35 00:01:39,700 --> 00:01:42,970 Katika mfano wa mwisho, kwamba selector ilikuwa mwili. 36 00:01:42,970 --> 00:01:45,050 Basi tuna wazi curly brace, na tuko 37 00:01:45,050 --> 00:01:48,410 kwenda kuanza kufafanua XSLT kwa kuwa selector. 38 00:01:48,410 --> 00:01:51,800 Katika kati ya braces curly, sisi tu kuwa na orodha ya thamani jozi ufunguo. 39 00:01:51,800 --> 00:01:56,205 Jozi uliopita thamani alikuwa rangi ya asili ya bluu semicolon, 40 00:01:56,205 --> 00:01:57,830 lakini tunaweza kufanya zaidi na zaidi ya hayo. 41 00:01:57,830 --> 00:02:02,330 Unaweza kuwa na mambo mbalimbali kutumia kwa kuwa tag, kwamba selector mwili. 42 00:02:02,330 --> 00:02:05,960 Kila mmoja wao ni kutengwa kwa semicolon, na tunatoa wito kila mmoja wao 43 00:02:05,960 --> 00:02:08,949 tamko, CSS tamko hilo. 44 00:02:08,949 --> 00:02:12,410 Wakati sisi ni kosa kwa kila styling sisi unataka kuomba kwa tag fulani, 45 00:02:12,410 --> 00:02:15,300 sisi tu curly kufunga wanakabiliwa na kumaliza XSLT, 46 00:02:15,300 --> 00:02:19,640 na sisi ni kosa kufafanua XSLT kwa kuwa selector fulani. 47 00:02:19,640 --> 00:02:21,341 >> Ni tabia ya baadhi ya kawaida CSS nini? 48 00:02:21,341 --> 00:02:23,590 Naam, labda unataka kuweka mpaka karibu kitu. 49 00:02:23,590 --> 00:02:26,850 Hivyo unaweza kusema, mpaka, kwamba itakuwa ufunguo wako, 50 00:02:26,850 --> 00:02:29,460 na kisha maadili yako itakuwa, nini mtindo, rangi, na upana 51 00:02:29,460 --> 00:02:30,209 wewe unataka kuwa ni. 52 00:02:30,209 --> 00:02:33,530 Hivyo mtindo inaweza kuwa imara mstari, mstari wa doti, line dashed, 53 00:02:33,530 --> 00:02:36,020 mgongo mstari, ambayo itakuwa ni WAVY line. 54 00:02:36,020 --> 00:02:38,790 Labda unataka kuwa ni kuwa bluu au nyeusi au kijani. 55 00:02:38,790 --> 00:02:41,490 Labda unataka kuwa 1 au 2 au 10 saizi mbalimbali. 56 00:02:41,490 --> 00:02:43,254 Unaweza kutaja mambo hayo yote. 57 00:02:43,254 --> 00:02:46,420 Labda unataka kuweka historia rangi ya ukurasa wako katika njia fulani. 58 00:02:46,420 --> 00:02:49,215 Sisi tayari kuona kwamba, kuweka asili ya mwili kuwa bluu. 59 00:02:49,215 --> 00:02:52,080 >> Basi unaweza kutumia neno muhimu, hivyo CSS ina rangi fulani 60 00:02:52,080 --> 00:02:55,950 ambazo kujengwa ndani yake, bluu, kijani, nyeusi, rangi rahisi sana tunajua. 61 00:02:55,950 --> 00:02:59,110 Lakini unaweza pia kutaja yoyote hex rangi kwamba Ningependa. 62 00:02:59,110 --> 00:03:05,190 Kumbuka kwamba rangi yanaweza kutambuliwa na seti ya namba tatu hex 63 00:03:05,190 --> 00:03:08,500 0-255, rg na b, nyekundu, kijani, na bluu sehemu. 64 00:03:08,500 --> 00:03:10,590 Na ili tuweze kutaja alama yoyote tunataka kwa, 65 00:03:10,590 --> 00:03:15,520 badala ya kutumia rangi ya bluu au kijani au nyeusi, kutumia chupa na kisha sita ya hex, 66 00:03:15,520 --> 00:03:18,310 na kwamba atatupa sita tarakimu rangi. 67 00:03:18,310 --> 00:03:19,850 Hivyo hiyo ni rangi ya asili. 68 00:03:19,850 --> 00:03:21,975 >> Sisi pia kuwa foreground rangi, ambayo ni kawaida 69 00:03:21,975 --> 00:03:24,140 kwenda kuwa maandishi ya ukurasa wako. 70 00:03:24,140 --> 00:03:28,850 Na unaweza vile vile kufanya hivyo kwa neno muhimu na au sita tarakimu hex. 71 00:03:28,850 --> 00:03:32,140 Hivyo unaweza kutaja alama yoyote wanataka kwa maandishi ya ukurasa wako 72 00:03:32,140 --> 00:03:36,370 dhidi fulani rangi ya asili, hadi hapo juu. 73 00:03:36,370 --> 00:03:39,100 Unaweza pia mabadiliko na kukabiliana kwa maandishi, na njia asilia 74 00:03:39,100 --> 00:03:40,400 inavyosema juu ya ukurasa. 75 00:03:40,400 --> 00:03:42,010 >> Hivyo unaweza kubadilisha ukubwa wa herufi yako. 76 00:03:42,010 --> 00:03:46,320 Unaweza kutumia maneno muhimu, kama vile ziada, ziada ndogo, au xx ndogo, au wa kati, 77 00:03:46,320 --> 00:03:47,660 kubwa, na kadhalika. 78 00:03:47,660 --> 00:03:50,750 Unaweza kutumia fasta pointi, 10 uhakika, 12 hatua, na kadhalika. 79 00:03:50,750 --> 00:03:55,850 Unaweza kutumia asilimia, 80%, 20%, ambapo 100% ni herufi chaguo-msingi 80 00:03:55,850 --> 00:03:59,220 ukubwa, ambayo ni kawaida ya kwenda kuwa kitu kama 11 au 12 pointi. 81 00:03:59,220 --> 00:04:01,659 Au unaweza hata msingi ni mbali ya hivi karibuni ukubwa wa herufi. 82 00:04:01,659 --> 00:04:04,950 Kama wewe tu aliandika kitu na unajua nini unataka ni kwa kuwa ni ndogo, 83 00:04:04,950 --> 00:04:08,241 lakini wewe sijui nini hasa ukubwa wewe unataka kuwa, vizuri, unaweza kusema tu, 84 00:04:08,241 --> 00:04:09,330 ukubwa wa herufi ndogo. 85 00:04:09,330 --> 00:04:14,344 Na itakuwa msingi mbali ya, tu juu juu, ni ukubwa wa herufi. 86 00:04:14,344 --> 00:04:15,760 Na unaweza kupata ndogo au kubwa. 87 00:04:15,760 --> 00:04:18,390 Hivyo kuna mengi ya tofauti njia ya kutaja ukubwa wa herufi. 88 00:04:18,390 --> 00:04:20,690 >> Unaweza pia bayana nini font familia unataka. 89 00:04:20,690 --> 00:04:23,360 Kama una hasa jina, kuna njia katika CSS-- 90 00:04:23,360 --> 00:04:27,270 sisi siyo kwenda kuzungumza kuhusu suala hilo here-- kufafanua herufi maalum sana 91 00:04:27,270 --> 00:04:28,980 na kuiweka katika ukurasa wako. 92 00:04:28,980 --> 00:04:30,620 Unaweza pia kutumia majina ya kurefusha maisha. 93 00:04:30,620 --> 00:04:33,540 Kuna mengi ya mtandao fonts salama ambazo kabla ya kuelezwa katika CSS. 94 00:04:33,540 --> 00:04:36,352 Na kama wewe ni mtumiaji wa Microsoft Ofisi katika miaka 20 iliyopita, 95 00:04:36,352 --> 00:04:38,810 wewe pengine ukoo na mengi ya haya mtandao fonts salama 96 00:04:38,810 --> 00:04:44,640 Tayari, Times New Roman, Arial, Courier Mpya, Illinois, Tahoma, Verdana, 97 00:04:44,640 --> 00:04:45,470 na kadhalika. 98 00:04:45,470 --> 00:04:47,170 Wale wote ni kuchukuliwa mtandao fonts salama. 99 00:04:47,170 --> 00:04:49,169 Na kwa kweli, sehemu ya sababu wao alikuja kuwa 100 00:04:49,169 --> 00:04:54,140 ilikuwa kutumiwa kufanya web-- kila ukurasa alikuwa upatikanaji wa chaguo-msingi huu seti ya fonts 101 00:04:54,140 --> 00:04:58,480 na serifs mbalimbali, na haya yote mambo herufi sisi si kupata katika, 102 00:04:58,480 --> 00:05:01,130 lakini hizi ni kawaida kupatikana katika CSS yako, 103 00:05:01,130 --> 00:05:04,029 hata kama huna vinginevyo kufafanua fonts. 104 00:05:04,029 --> 00:05:07,070 Mwisho, unaweza align maandishi yako, badala ya kuwa, kwa default, na kompyuta 105 00:05:07,070 --> 00:05:09,310 kwa upande wa kushoto, ungeweza align na haki, 106 00:05:09,310 --> 00:05:13,740 au unaweza align ni unaozingatia, au waadilifu ili hit pembezoni zote mbili. 107 00:05:13,740 --> 00:05:16,800 Basi hizo chaguzi zote unaweza kutumia kubadili kile maandishi yako inaonekana kama, 108 00:05:16,800 --> 00:05:20,120 na jinsi gani kuonyeshwa kwenye ukurasa wako. 109 00:05:20,120 --> 00:05:22,180 >> Selectors yako hawana kuwa vitambulisho tu. 110 00:05:22,180 --> 00:05:25,539 Sisi hapo awali aliona tag mwili selector, na tag selector 111 00:05:25,539 --> 00:05:26,580 haina kuangalia kama hiyo. 112 00:05:26,580 --> 00:05:30,020 Wewe jina tag, na kisha kufafanua XSLT kwa tag kwamba. 113 00:05:30,020 --> 00:05:32,660 Lakini pia unaweza kufanya kitu aitwaye ID selector. 114 00:05:32,660 --> 00:05:34,390 ID selector inaonekana pretty sawa. 115 00:05:34,390 --> 00:05:38,100 Lakini taarifa kwamba sasa mimi si kutumia HTML tag, mimi nina kutumia, katika kesi hii, 116 00:05:38,100 --> 00:05:40,720 #unique, au hash kipekee. 117 00:05:40,720 --> 00:05:42,930 Kama unakumbuka kutoka wetu video juu ya HTML, sisi aliyesema 118 00:05:42,930 --> 00:05:45,620 kuhusu jinsi ya vitambulisho wanaweza kuwa na sifa. 119 00:05:45,620 --> 00:05:48,340 >> Na sifa moja ambayo inatumika kwa pretty much wote tags, 120 00:05:48,340 --> 00:05:51,440 lakini hatukuwa kuzungumzia suala hilo, ni kitu kinachoitwa ID tag. 121 00:05:51,440 --> 00:05:55,250 Hivyo CSS hii hasa ingekuwa kuomba tu kwa tag HTML ambayo ina 122 00:05:55,250 --> 00:05:58,530 ID maalum sana, kwamba umefanya jina. 123 00:05:58,530 --> 00:06:01,000 Hivyo kama una mahali fulani katika kanuni yako, mahali fulani 124 00:06:01,000 --> 00:06:06,090 katika HTML faili yako, tag na wewe kutaja kama sifa kwa tag kwamba, 125 00:06:06,090 --> 00:06:09,060 ID sawa na ya kipekee, hii XSLT fulani 126 00:06:09,060 --> 00:06:15,030 hapa tu kuomba katika kati ya kwamba tag na kitambulisho cha kipekee. 127 00:06:15,030 --> 00:06:17,180 >> Unaweza pia kufanya kitu aitwaye darasa selector. 128 00:06:17,180 --> 00:06:19,920 Hivyo pamoja na kuwa na ID sifa, unaweza pia 129 00:06:19,920 --> 00:06:23,130 kuongeza darasa sifa kwa HTML. 130 00:06:23,130 --> 00:06:27,140 Na wakati matumizi ya darasani sifa, inaweza kutumika kwa vitambulisho mbalimbali. 131 00:06:27,140 --> 00:06:31,880 Hivyo kama una mambo kadhaa ambayo ni sawa, labda unataka kusema, 132 00:06:31,880 --> 00:06:35,890 tag wazi blah, blah, blah, blah, darasa ni sawa na wanafunzi. 133 00:06:35,890 --> 00:06:38,190 Na kisha hii hasa XSLT bila kuomba 134 00:06:38,190 --> 00:06:42,041 kwa kila tag ambao darasani ni wanafunzi. 135 00:06:42,041 --> 00:06:44,290 Katika kesi hiyo, tunatarajia kuweka rangi ya asili na njano, 136 00:06:44,290 --> 00:06:46,706 na tunatarajia kuweka opacity, ambayo ni tag hatukuwa kuzungumzia, 137 00:06:46,706 --> 00:06:52,510 lakini tu inahusika na jinsi uwazi kitu ni, 70%, katika kesi hii. 138 00:06:52,510 --> 00:06:54,430 >> Kuna chaguzi mbili kwa kuandika stylesheets. 139 00:06:54,430 --> 00:06:56,680 Unaweza kuandika yao moja kwa moja kwenye HTML yako 140 00:06:56,680 --> 00:06:59,690 kwa kuweka stylesheets katika kati ya vitambulisho style. 141 00:06:59,690 --> 00:07:03,850 Na vitambulisho wale style kwenda ndani ya vitambulisho mkuu wa mtandao ukurasa wako. 142 00:07:03,850 --> 00:07:08,240 Njia labda zaidi kuliko kufanya ni kuandika tofauti css faili, 143 00:07:08,240 --> 00:07:12,360 na kisha kuunganisha ndani yako hati kutumia vitambulisho kiungo. 144 00:07:12,360 --> 00:07:14,690 Vitambulisho kiungo, tena, ni tofauti na viungo, 145 00:07:14,690 --> 00:07:16,760 kama unakumbuka kutoka sehemu yetu HTML. 146 00:07:16,760 --> 00:07:19,030 Na vitambulisho kiungo ni jinsi sisi kuvuta katika files tofauti. 147 00:07:19,030 --> 00:07:23,900 Ni aina ya kama sawa na # Pamoja kwa programu ya mtandao. 148 00:07:23,900 --> 00:07:27,140 >> Basi hebu tuangalie table.HTML. 149 00:07:27,140 --> 00:07:29,380 Kama unakumbuka kutoka wetu HTML video, mimi ilionyesha 150 00:07:29,380 --> 00:07:32,000 Mfano wa sana kuzidisha rahisi 151 00:07:32,000 --> 00:07:35,160 meza kwamba inaonekana pretty mbaya, na labda kuna 152 00:07:35,160 --> 00:07:38,650 njia ya kufanya vizuri na CSS, kwa kufanya hivyo kweli kuangalia 153 00:07:38,650 --> 00:07:41,120 zaidi kama kuzidisha meza, au kitu 154 00:07:41,120 --> 00:07:43,730 kwamba si tu kukwama kwa pamoja na hakuna mgawanyiko halisi 155 00:07:43,730 --> 00:07:45,532 kati ya safu na nguzo. 156 00:07:45,532 --> 00:07:47,490 Basi hebu kichwa juu ya CS50 IDE, na tuangalie 157 00:07:47,490 --> 00:07:50,780 jinsi CSS wanaweza, aina ya, tweak nini sisi ilianza na kabla, 158 00:07:50,780 --> 00:07:53,290 na kufanya hivyo kitu mengi zaidi. 159 00:07:53,290 --> 00:07:55,650 >> Hivyo tuko katika CS50 IDE sasa, na kama usio wa kawaida, 160 00:07:55,650 --> 00:07:58,710 tutaweza kuvuta up katika hii meza kwamba HTML ukurasa. 161 00:07:58,710 --> 00:08:01,090 Table.HTML kimsingi tu amefafanua yaliyomo 162 00:08:01,090 --> 00:08:05,044 ya multiple-- ilitakiwa kuwa nne na nne kuzidisha meza. 163 00:08:05,044 --> 00:08:06,210 Ni pretty moja kwa moja. 164 00:08:06,210 --> 00:08:09,410 Na sisi kudhani kuwa ingekuwa kuangalia pretty vizuri utaratibu. 165 00:08:09,410 --> 00:08:15,277 Lakini kwa kweli, wakati sisi hakikisho ukurasa huu, tunaona kwamba ni aina ya sura mbaya, sawa? 166 00:08:15,277 --> 00:08:16,860 Ni wazi tuna safu na nguzo hapa. 167 00:08:16,860 --> 00:08:18,350 Kuna aina fulani ya kujitenga. 168 00:08:18,350 --> 00:08:20,040 Lakini siyo kujitenga maana. 169 00:08:20,040 --> 00:08:23,105 Sisi siyo kweli kupata sana habari hapa. 170 00:08:23,105 --> 00:08:25,730 Na hakuna mgawanyo kati ya safu na nguzo katika suala 171 00:08:25,730 --> 00:08:28,460 ya usawa au wima sheria. 172 00:08:28,460 --> 00:08:31,530 Tunaweza pengine kufanya hii kuangalia kidogo bora. 173 00:08:31,530 --> 00:08:32,934 Basi hebu jaribu. 174 00:08:32,934 --> 00:08:34,559 Hivyo nina kwenda kuifunga tabo hii hapa. 175 00:08:34,559 --> 00:08:37,434 Na mimi nina kwenda kuifunga table.HTML yangu, na nina toleo mwingine hapa 176 00:08:37,434 --> 00:08:39,490 aitwaye table2.HTML. 177 00:08:39,490 --> 00:08:40,655 Tutaweza kufungua kwamba up. 178 00:08:40,655 --> 00:08:42,530 Mwili wa ukurasa ni pretty kiasi sawa, 179 00:08:42,530 --> 00:08:44,238 lakini nimekuwa iliyopita kidogo juu. 180 00:08:44,238 --> 00:08:47,132 Na mimi itabidi kitabu juu hapa. 181 00:08:47,132 --> 00:08:49,340 Taarifa kwamba wakati huu, mimi nina kutumia iliyoingia vitambulisho style. 182 00:08:49,340 --> 00:08:53,550 Nimekuwa kufunguliwa tag style, na mimi nina sasa kufafanua CSS XSLT tu ndani 183 00:08:53,550 --> 00:08:54,310 yake. 184 00:08:54,310 --> 00:08:56,310 Nina XSLT kwamba anasema, meza. 185 00:08:56,310 --> 00:08:58,170 Hiyo ni tag yangu selector. 186 00:08:58,170 --> 00:09:01,340 Mimi si kutumia nukta au hash, ambayo napenda kufanya kama mimi 187 00:09:01,340 --> 00:09:03,710 Ilikuwa kwa kutumia ID au tabaka selector. 188 00:09:03,710 --> 00:09:06,190 Nina tag selector here-- meza. 189 00:09:06,190 --> 00:09:10,090 Style hii ni kwenda kuomba kila tag meza. 190 00:09:10,090 --> 00:09:14,950 Inavyoonekana nataka kuweka moja pixel pana, mpaka imara bluu, 191 00:09:14,950 --> 00:09:15,779 ndani ya meza yangu. 192 00:09:15,779 --> 00:09:18,320 Hii inaonekana kama ingekuwa pengine kusaidia hali hiyo, haki? 193 00:09:18,320 --> 00:09:20,320 Tunakwenda kuwa na mambo kuangalia mengi zaidi. 194 00:09:20,320 --> 00:09:21,190 Hivyo hii ni faini. 195 00:09:21,190 --> 00:09:23,540 Stylistically, nimekuwa tu iliyoingia XSLT yangu humu. 196 00:09:23,540 --> 00:09:25,100 Ni hakika njia inayofaa ya kufanya hivyo. 197 00:09:25,100 --> 00:09:26,391 Hebu kuona nini hii inaonekana kama. 198 00:09:26,391 --> 00:09:29,790 Hivyo nitakwenda nyuma chini hapa, na Mimi itabidi itakuwa preview table2.HTML yangu. 199 00:09:29,790 --> 00:09:32,430 200 00:09:32,430 --> 00:09:36,470 Naam, hiyo ni si kabisa nini nilitaka, lakini ni nini hasa sisi aliuliza kwa. 201 00:09:36,470 --> 00:09:39,530 Sisi alisema kuwa mtindo huu ni kwenda kuomba meza yetu. 202 00:09:39,530 --> 00:09:43,810 Meza yetu ya sasa ina pixel moja pana, imara bluu mpaka kuzunguka. 203 00:09:43,810 --> 00:09:46,237 Sisi siyo kweli kupata katika seli meza. 204 00:09:46,237 --> 00:09:47,570 Sisi ni kupata tu mezani. 205 00:09:47,570 --> 00:09:49,310 Hivyo CSS kazi. 206 00:09:49,310 --> 00:09:51,890 Ni ina kutumika XSLT kwa meza yetu. 207 00:09:51,890 --> 00:09:53,981 Lakini haikuweza kufanya kile sisi alitaka kufanya. 208 00:09:53,981 --> 00:09:55,730 Je, sisi kupata kufanya nini tunataka kufanya? 209 00:09:55,730 --> 00:09:59,287 >> Naam, hebu tuangalie moja zaidi toleo la hii katika table3.HTML. 210 00:09:59,287 --> 00:10:00,870 Hivyo mimi nina kwenda tu karibu tabo hizi. 211 00:10:00,870 --> 00:10:03,890 Mimi nina kwenda nyuma zaidi ya hapa kwa wangu faili mti, na kufungua table3.HTML. 212 00:10:03,890 --> 00:10:07,680 213 00:10:07,680 --> 00:10:10,350 Tena, ni kwenda kuangalia pretty sawa hapa mwanzoni. 214 00:10:10,350 --> 00:10:14,460 Lakini sikia, wakati huu, badala ya kutumia XSLT iliyoingia haki katika huko, 215 00:10:14,460 --> 00:10:18,870 Mimi nina kwenda kuunganisha katika XSLT kwa kutumia tag kiungo. 216 00:10:18,870 --> 00:10:22,480 Hivyo mimi nina inaonekana kuunganisha katika XSLT aitwaye tables.CSS, 217 00:10:22,480 --> 00:10:25,090 na vizuri hii ni sawa na XSLT tu means-- vizuri, 218 00:10:25,090 --> 00:10:28,645 ni kitu gani faili jamaa na kile Mimi nina doing-- ni XSLT kwamba mimi nina 219 00:10:28,645 --> 00:10:29,821 kutumia kwa ukurasa wangu. 220 00:10:29,821 --> 00:10:32,320 Hivyo kama mimi kwa kweli wanataka kuona nini Mimi nina kufanya na CSS hapa, 221 00:10:32,320 --> 00:10:35,010 Mimi haja ya kwenda wazi kwamba table.CSS faili vilevile. 222 00:10:35,010 --> 00:10:37,490 Hivyo tutaweza kwenda nyuma zaidi ya hapa tena kwa faili mti wetu. 223 00:10:37,490 --> 00:10:38,660 Kuna table.CSS. 224 00:10:38,660 --> 00:10:40,490 Tutaweza pop ni wazi. 225 00:10:40,490 --> 00:10:43,070 Sasa sisi ni kuona kidogo ya CSS. 226 00:10:43,070 --> 00:10:45,630 Inavyoonekana, mimi kuwa wanandoa mambo kinachoendelea hapa. 227 00:10:45,630 --> 00:10:48,950 Mimi inaonekana wanataka kuweka tano pixel pana, mpaka imara nyekundu, 228 00:10:48,950 --> 00:10:50,287 karibu na meza yangu. 229 00:10:50,287 --> 00:10:52,870 Sisi tayari kujua kwamba hiyo ni kwenda tu kwenda kwenye mzunguko. 230 00:10:52,870 --> 00:10:56,180 Tuliona kwamba katika table2.HTML. 231 00:10:56,180 --> 00:10:58,770 Kwa kila mstari, mimi inaonekana wanataka bayana 232 00:10:58,770 --> 00:11:01,950 kuwa mstari urefu ni 50 saizi kubwa. 233 00:11:01,950 --> 00:11:05,680 Hivyo kwa kila mstari, kukumbuka hilo ndilo tr tag gani, 234 00:11:05,680 --> 00:11:08,550 Mimi na kuifanya 50 saizi kubwa. 235 00:11:08,550 --> 00:11:09,804 >> Mwisho, nina maoni hii. 236 00:11:09,804 --> 00:11:11,470 Na hii ni jinsi sisi kufanya maoni katika CSS. 237 00:11:11,470 --> 00:11:16,174 Ni sawa na kumtia kuzuia maoni syntax kufyeka nyota. 238 00:11:16,174 --> 00:11:17,090 Nakala unataka wote. 239 00:11:17,090 --> 00:11:19,470 Hakuna kufyeka kufyeka ni ingawa katika CSS. 240 00:11:19,470 --> 00:11:23,400 Kwa maoni short inline, tuna kutumia muundo huu hasa hapa. 241 00:11:23,400 --> 00:11:26,830 Inaonekana kama mimi nina kufanya mambo mengi katika vitambulisho yangu td. 242 00:11:26,830 --> 00:11:29,710 Kumbuka vitambulisho td, au meza data, ambayo kwa kweli ni tu 243 00:11:29,710 --> 00:11:32,210 nguzo ndani ya safu yetu, na inaonekana 244 00:11:32,210 --> 00:11:35,090 kwa kila kipande cha data katika meza yangu, nataka 245 00:11:35,090 --> 00:11:38,850 kuweka rangi ya asili kwa kuwa nyeusi, rangi kuwa nyeupe, 246 00:11:38,850 --> 00:11:40,320 rangi ni foreground rangi. 247 00:11:40,320 --> 00:11:42,360 Hivyo hii ni kwenda kuwa Nakala ya ukurasa wangu. 248 00:11:42,360 --> 00:11:45,140 Nataka herufi kubwa, 22 uhakika wa herufi, na mimi nataka 249 00:11:45,140 --> 00:11:47,001 kuwa ni ya font familia, Georgia. 250 00:11:47,001 --> 00:11:48,750 Hivyo mimi si kwenda kwa na herufi chaguo-msingi. 251 00:11:48,750 --> 00:11:51,820 Mimi nina kwenda kutaja Illinois, ambayo ni mmoja wa wale mtandao fonts salama 252 00:11:51,820 --> 00:11:53,830 kwamba tumeona kabla. 253 00:11:53,830 --> 00:11:57,284 Nataka maandishi yangu kuwa na kompyuta serikali kuu, katikati ya sanduku, 254 00:11:57,284 --> 00:11:59,450 Sitaki hilo kuachwa kompyuta au kulia na kompyuta. 255 00:11:59,450 --> 00:12:03,461 Na mimi nataka safu yangu upana kuwa 50 saizi mbalimbali kama vile. 256 00:12:03,461 --> 00:12:05,210 Hebu tuangalie nini hii inaonekana kama, 257 00:12:05,210 --> 00:12:07,470 na kuona kama hii ni labda kuboresha. 258 00:12:07,470 --> 00:12:12,890 Hivyo mimi nina kwenda kwa table3.HTML, ambayo wanakumbuka, ni pamoja na table.CSS kama kiungo, 259 00:12:12,890 --> 00:12:14,830 na tutaweza hakikisho hilo. 260 00:12:14,830 --> 00:12:16,800 Hiyo ni mengi zaidi, sawa? 261 00:12:16,800 --> 00:12:20,004 Hii ni kweli mapya ya kuangalia mengi zaidi kama meza kuzidisha. 262 00:12:20,004 --> 00:12:21,920 Nina mpaka kuwa nyekundu karibu na meza yangu lakini sasa 263 00:12:21,920 --> 00:12:26,700 Mimi pia kuwa maalum kwamba kila mstari ni 50 saizi mbalimbali, 264 00:12:26,700 --> 00:12:30,220 au ni 50 saizi tall-- kisingizio ME kila safu ni 50 saizi mbalimbali. 265 00:12:30,220 --> 00:12:34,251 Data katika kila safu, na tu data, ina historia nyeusi. 266 00:12:34,251 --> 00:12:36,000 Hivyo ndiyo sababu wale mistari nyeupe ni pale. 267 00:12:36,000 --> 00:12:38,836 Kwa sababu nafasi katika kati ya yote ya seli hizo, 268 00:12:38,836 --> 00:12:40,710 siyo mpaka katika na wenyewe, ni tu 269 00:12:40,710 --> 00:12:43,170 Mimi tu kujaza seli, ambayo kwa kweli 270 00:12:43,170 --> 00:12:46,310 hufanya mipaka ya meza, ambayo inaonekana hawakuwa zipo wote pamoja, ni 271 00:12:46,310 --> 00:12:47,887 alikuwa mwembamba tu nyeupe mistari. 272 00:12:47,887 --> 00:12:48,720 Sasa wao uko wazi. 273 00:12:48,720 --> 00:12:50,380 Sasa wao pop mbali kwenye screen. 274 00:12:50,380 --> 00:12:52,920 Na hivyo hii ni rahisi sana XSLT kwamba nimepata kutumika, 275 00:12:52,920 --> 00:12:56,850 na sasa meza yangu inaonekana mengi zaidi kama nne na nne kuzidisha meza, 276 00:12:56,850 --> 00:13:00,950 badala ya fujo tu jumbled, ambapo kila kitu ni wazi safu na nguzo, 277 00:13:00,950 --> 00:13:03,717 lakini si super kupangwa vizuri. 278 00:13:03,717 --> 00:13:06,800 Sisi ni kweli tu scratching ya uso ya nini unaweza kufanya na CSS hapa. 279 00:13:06,800 --> 00:13:10,330 Kwa bahati nzuri CSS nyaraka ni pretty moja kwa moja. 280 00:13:10,330 --> 00:13:14,000 Itabidi kutumia kadhaa ya wake sifa, haki mara nyingi. 281 00:13:14,000 --> 00:13:16,087 Ndio kuongelea mapema katika video hii. 282 00:13:16,087 --> 00:13:18,170 Kuna mambo kadhaa kwamba pengine si kutumia wote. 283 00:13:18,170 --> 00:13:19,469 Na hiyo ni nzuri, pia. 284 00:13:19,469 --> 00:13:22,010 Lakini tu kujua kwamba kuna mengi ya nyaraka huko nje. 285 00:13:22,010 --> 00:13:25,110 Hivyo hata kama hatukuwa kufunika kila kitu, wewe ni hakika si wa kushoto juu yako mwenyewe. 286 00:13:25,110 --> 00:13:26,780 Lakini CSS ni kweli na furaha kufanya majaribio ya. 287 00:13:26,780 --> 00:13:29,040 Na napenda sana moyo kucheza karibu na mtandao kurasa yako, 288 00:13:29,040 --> 00:13:32,180 na kuona ni jinsi gani wanaweza kufanya nao kuangalia na kujisikia ya kuboresha user 289 00:13:32,180 --> 00:13:34,790 uzoefu wa kutembelea ukurasa wako. 290 00:13:34,790 --> 00:13:35,710 Mimi nina Doug Lloyd. 291 00:13:35,710 --> 00:13:37,980 Hii ni CS50. 292 00:13:37,980 --> 00:13:40,151