1 00:00:00,000 --> 00:00:05,660 >> [MIZIK jwe] 2 00:00:05,660 --> 00:00:08,740 >> Doug Lloyd: Se konsa, kite a pran yon sèl plis videyo pale sou yon sèl lang plis. 3 00:00:08,740 --> 00:00:10,800 Fwa sa a, nou pral pale sou CSS. 4 00:00:10,800 --> 00:00:13,460 Se konsa, CSS, ki se kout pou Kaskad Dra Style, 5 00:00:13,460 --> 00:00:16,149 se yon lòt lang nou itilize lè konstwi sit entènèt. 6 00:00:16,149 --> 00:00:17,190 Reflechi sou li tankou sa a. 7 00:00:17,190 --> 00:00:20,900 Si HTML se sa nou itilize yo òganize nan kontni nou vle mete yo sou paj nou an, 8 00:00:20,900 --> 00:00:25,390 CSS se zouti a ke nou jeneralman itilize yo Customize ki jan sit nou an gade, 9 00:00:25,390 --> 00:00:30,410 ak ki jan eksperyans nan itilizatè reyèlman se, kominike avèk sit entènèt nou an. 10 00:00:30,410 --> 00:00:32,535 >> Menm jan ak HTML, CSS se pa yon lang programmation. 11 00:00:32,535 --> 00:00:33,451 Li pa gen lojik. 12 00:00:33,451 --> 00:00:34,595 Li pa gen varyab. 13 00:00:34,595 --> 00:00:38,890 Li pa gen nenpòt ki sòt de ki koule bagay ki gen rapò ke C fè. 14 00:00:38,890 --> 00:00:40,150 Li se yon lang manier. 15 00:00:40,150 --> 00:00:42,810 Apre sa, sentaks li yo se trè senp, ak jis dekri 16 00:00:42,810 --> 00:00:46,240 ki jan eleman ki nan nou an paj gen sèten HTML 17 00:00:46,240 --> 00:00:48,190 eleman yo ta dwe modifye. 18 00:00:48,190 --> 00:00:51,170 Pou sa ka fèt, si ou pa gen ankò ap gade videyo nou an sou HTML, 19 00:00:51,170 --> 00:00:53,290 oswa ou se abitye avèk HTML jeneralman, ou 20 00:00:53,290 --> 00:00:57,430 ka vle pran yon gade nan ki premye, paske sa a diskisyon sou CSS 21 00:00:57,430 --> 00:01:00,700 ki pral depann de kèk konesans nan HTML. 22 00:01:00,700 --> 00:01:03,740 >> Se konsa, isit la nan yon reyèlman senp stylesheet CSS. 23 00:01:03,740 --> 00:01:06,480 Menm si ou te pa janm pwograme ak CSS anvan, 24 00:01:06,480 --> 00:01:10,624 Mwen se trè asire w ou kapab konnen ki ekzakteman ki sa stylesheet sa a fè. 25 00:01:10,624 --> 00:01:11,290 Ki sa sa fè? 26 00:01:11,290 --> 00:01:15,470 Oke, aplike nan kò a nan wèb nou an paj, tout bagay ant Tags kò 27 00:01:15,470 --> 00:01:19,631 sou HTML nou an, epi li kouche la koulè background nan ki paj nan ble. 28 00:01:19,631 --> 00:01:21,130 Oke, li nan yon stylesheet trè senp. 29 00:01:21,130 --> 00:01:23,269 Li nan aktyèlman trè imen lang amikal, CSS. 30 00:01:23,269 --> 00:01:26,560 Se konsa, menm si ou pa janm te itilize li anvan, pwobableman ou te kapab devine kisa ki te fè sa. 31 00:01:26,560 --> 00:01:30,140 An reyalite, si nou chaje yon paj, kote stylesheet sa a te entegre yon jan kanmenm, 32 00:01:30,140 --> 00:01:36,240 koulè a ​​background nan paj nou an ta gen ble, epi yo pa blan an estanda. 33 00:01:36,240 --> 00:01:37,670 >> Se konsa, kouman nou bati feuilles? 34 00:01:37,670 --> 00:01:39,700 Oke premye, nou dwe idantifye yon seleksyon. 35 00:01:39,700 --> 00:01:42,970 Nan dènye egzanp lan, ki seleksyon te kò. 36 00:01:42,970 --> 00:01:45,050 Lè sa a, nou gen yon louvri Curly atèl, epi nou ap 37 00:01:45,050 --> 00:01:48,410 ale nan kòmanse defini nan stylesheet pou sa seleksyon. 38 00:01:48,410 --> 00:01:51,800 Nan ant aparèy òtopedik yo Curly, nou jis gen yon lis ki gen valè kle pè. 39 00:01:51,800 --> 00:01:56,205 Koup la valè anvan te koulè background virgules ble, 40 00:01:56,205 --> 00:01:57,830 men nou ta ka fè pi plis ak plis nan sa yo. 41 00:01:57,830 --> 00:02:02,330 Ou te kapab gen plizyè bagay k ap aplike ak sa yo ki tag, ke kò seleksyon. 42 00:02:02,330 --> 00:02:05,960 Chak youn nan yo se separe pa yon virgules, epi nou rele chak youn nan yo 43 00:02:05,960 --> 00:02:08,949 yon deklarasyon, yon deklarasyon CSS. 44 00:02:08,949 --> 00:02:12,410 Lè nou ap fè ak tout sa nou nan manier vle aplike ak sa yo ki tag patikilye, 45 00:02:12,410 --> 00:02:15,300 nou jis gen yon Curly fèmen mete sipò nan fen stylesheet a, 46 00:02:15,300 --> 00:02:19,640 epi nou ap fè defini stylesheet nan pou sa seleksyon an patikilye. 47 00:02:19,640 --> 00:02:21,341 >> Site kèk pwopriyete CSS komen? 48 00:02:21,341 --> 00:02:23,590 Oke, petèt ou vle mete yon fwontyè alantou yon bagay. 49 00:02:23,590 --> 00:02:26,850 Se konsa, ou ka di, fwontyè, ki ta ka kle ou, 50 00:02:26,850 --> 00:02:29,460 ak Lè sa a valè ou ta dwe, sa ki style, koulè, ak lajè 51 00:02:29,460 --> 00:02:30,209 ou vle li yo dwe. 52 00:02:30,209 --> 00:02:33,530 Se konsa, style la te kapab fè yon solid liy, yon liy pwentiye an, yon liy an tirè, 53 00:02:33,530 --> 00:02:36,020 yon liy Ridge, ki ta dwe liy tranble. 54 00:02:36,020 --> 00:02:38,790 Petèt ou vle genyen li gen ble oswa nwa oswa vèt. 55 00:02:38,790 --> 00:02:41,490 Petèt ou vle li nan dwe 1 oswa 2 oswa 10 piksèl lajè. 56 00:02:41,490 --> 00:02:43,254 Ou ka presize tout nan bagay sa yo. 57 00:02:43,254 --> 00:02:46,420 Petèt ou vle yo mete background nan koulè nan paj ou nan yon fason patikilye. 58 00:02:46,420 --> 00:02:49,215 Nou deja wè jan, mete nan jan nou koumanse nan kò a yo dwe ble. 59 00:02:49,215 --> 00:02:52,080 >> Lè sa a, ou ka itilize yon mo kle, se konsa CSS gen sèten koulè 60 00:02:52,080 --> 00:02:55,950 ki yo bati nan li, ble, vèt, nwa, yon koulè trè senp nou konnen. 61 00:02:55,950 --> 00:02:59,110 Men, ou ka tou presize nenpòt Egzagòn koulè ki ou ta renmen. 62 00:02:59,110 --> 00:03:05,190 Sonje byen, koulè kapab idantifye pa yon seri twa chif Egzagòn 63 00:03:05,190 --> 00:03:08,500 ki ant 0 a 255 nan, RG ak b, wouj, vèt, ak ble eleman. 64 00:03:08,500 --> 00:03:10,590 Se konsa, nou ka presize nenpòt koulè nou vle pa, 65 00:03:10,590 --> 00:03:15,520 olye pou yo lè l sèvi avèk ble oswa vèt, oubyen nwa, lè l sèvi avèk liv ak Lè sa a sis chif nan Egzagòn, 66 00:03:15,520 --> 00:03:18,310 ak ki ta ban nou koulè a ​​sis chif. 67 00:03:18,310 --> 00:03:19,850 Se konsa, sa a, se koulè a ​​background. 68 00:03:19,850 --> 00:03:21,975 >> Nou genyen tou premye plan an koulè, ki se nòmalman 69 00:03:21,975 --> 00:03:24,140 pral fè tèks la nan paj ou yo. 70 00:03:24,140 --> 00:03:28,850 Epi ou te kapab Menm jan an tou fè sa ak pawòl Bondye kle yo ak oswa sis Egzagòn chif. 71 00:03:28,850 --> 00:03:32,140 Se konsa, ou ka presize nenpòt koulè ou vle pou tèks la nan paj ou 72 00:03:32,140 --> 00:03:36,370 kont yon patikilye koulè background, moute pi wo a. 73 00:03:36,370 --> 00:03:39,100 Ou kapab tou chanje epi fè fas ak font, ak tèks nan fason 74 00:03:39,100 --> 00:03:40,400 se rann nan paj la. 75 00:03:40,400 --> 00:03:42,010 >> Se konsa, ou kapab chanje gwosè font ou yo. 76 00:03:42,010 --> 00:03:46,320 Ou kapab sèvi ak kle mo, tankou siplemantè, siplemantè ti, oswa xx piti, oswa mwayen, 77 00:03:46,320 --> 00:03:47,660 gwo, ak sou sa. 78 00:03:47,660 --> 00:03:50,750 Ou kapab sèvi ak pwen fiks, 10 pwen, 12 pwen, ak sou sa. 79 00:03:50,750 --> 00:03:55,850 Ou kapab sèvi ak pousantaj, 80%, 20%, kote 100% se font la default 80 00:03:55,850 --> 00:03:59,220 gwosè, ki se nòmalman ale nan gen yon bagay tankou 11 oswa 12 pwen. 81 00:03:59,220 --> 00:04:01,659 Ou, ou ka menm baz li koupe a ki pi resan font size la. 82 00:04:01,659 --> 00:04:04,950 Si ou jis te ekri yon bagay e yo ou konnen sa ou vle se pou li nan dwe pi piti, 83 00:04:04,950 --> 00:04:08,241 men ou pa konnen ekzakteman ki sa gwosè ou vle li nan dwe, byen, ou ka jis di, 84 00:04:08,241 --> 00:04:09,330 font size pi piti. 85 00:04:09,330 --> 00:04:14,344 Epi li pral koupe nan baz la, jis moute pi wo a, li nan font size. 86 00:04:14,344 --> 00:04:15,760 Epi ou ka jwenn ki pi piti oswa ki pi gwo. 87 00:04:15,760 --> 00:04:18,390 Se konsa, gen nan yon anpil nan diferan fason ou presize font size. 88 00:04:18,390 --> 00:04:20,690 >> Ou ka presize tou sa fanmi font ou vle. 89 00:04:20,690 --> 00:04:23,360 Si ou gen yon patikilye Non, gen nan yon fason nan CSS-- 90 00:04:23,360 --> 00:04:27,270 nou pa ap ale nan pale sou sa isit lan-- yo defini yon font trè espesifik 91 00:04:27,270 --> 00:04:28,980 ak Afiche l 'nan paj ou yo. 92 00:04:28,980 --> 00:04:30,620 Ou kapab tou itilize non jenerik. 93 00:04:30,620 --> 00:04:33,540 Genyen yon anpil nan sit entènèt ki an sekirite polis ke yo pre-defini nan CSS. 94 00:04:33,540 --> 00:04:36,352 Men, si ou se yon itilizatè nan Microsoft Biwo nan 20 dènye ane yo, 95 00:04:36,352 --> 00:04:38,810 w ap pwobableman abitye avèk yon anpil nan sa yo sou sit polis san danje 96 00:04:38,810 --> 00:04:44,640 deja, Times New Roman, aryal, Courier New, Georgia, Tahoma, Verdana, 97 00:04:44,640 --> 00:04:45,470 ak sou sa. 98 00:04:45,470 --> 00:04:47,170 Moun sa yo ki, yo tout konsidere kòm entènèt polis ki an sekirite. 99 00:04:47,170 --> 00:04:49,169 Ak aktyèlman, yon pati nan la Rezon ki fè yo rive yo dwe 100 00:04:49,169 --> 00:04:54,140 te yo dwe itilize fè web-- chak paj te gen aksè a default sa a mete nan polis 101 00:04:54,140 --> 00:04:58,480 ak divès kalite anpatman, ak tout bagay sa a font bagay nou pa pral jwenn nan, 102 00:04:58,480 --> 00:05:01,130 men sa yo yo anjeneral aksesib nan CSS ou, 103 00:05:01,130 --> 00:05:04,029 menm si ou pa fè sa otreman defini polis yo. 104 00:05:04,029 --> 00:05:07,070 Anfen, ou ka aliman tèks ou, olye pou yo li ke yo te, pa default, ki aliyen 105 00:05:07,070 --> 00:05:09,310 sou bò goch la, ou te kapab aliman li nan bò dwat la, 106 00:05:09,310 --> 00:05:13,740 oswa ou ta ka fè aliman li santre, oswa jistifye konsa ke li frape tou de marges. 107 00:05:13,740 --> 00:05:16,800 Se konsa, sa yo se tout opsyon ou ka itilize chanje sa tèks ou sanble, 108 00:05:16,800 --> 00:05:20,120 ak ki jan li a parèt sou paj ou yo. 109 00:05:20,120 --> 00:05:22,180 >> Seleksyon ou pa fè sa gen yo dwe Tags sèlman. 110 00:05:22,180 --> 00:05:25,539 Nou deja wè yon tag kò seleksyon, ak tag seleksyon 111 00:05:25,539 --> 00:05:26,580 gade jis tankou sa. 112 00:05:26,580 --> 00:05:30,020 Ou non yon tag, ak Lè sa a ou defini yon stylesheet pou sa tag. 113 00:05:30,020 --> 00:05:32,660 Men, ou ka tou fè yon bagay rele yon seleksyon ID. 114 00:05:32,660 --> 00:05:34,390 Yon seleksyon ID sanble trè menm jan an. 115 00:05:34,390 --> 00:05:38,100 Men, remake, ke kounye a mwen pa lè l sèvi avèk yon tag HTML, mwen lè l sèvi avèk, nan ka sa a, 116 00:05:38,100 --> 00:05:40,720 #unique, oswa Hash inik. 117 00:05:40,720 --> 00:05:42,930 Si ou sonje soti nan nou an videyo sou HTML, nou te pale 118 00:05:42,930 --> 00:05:45,620 sou ki jan Tags ka gen atribi. 119 00:05:45,620 --> 00:05:48,340 >> Yonn atribi ki aplike bèl anpil tout Tags HTML, 120 00:05:48,340 --> 00:05:51,440 men nou pa t 'pale sou li, se yon bagay yo rele yon tag ID. 121 00:05:51,440 --> 00:05:55,250 Se konsa, sa a an patikilye ta CSS aplike sèlman nan HTML tag ki gen 122 00:05:55,250 --> 00:05:58,530 yon ID trè espesifik, ke ou te rele. 123 00:05:58,530 --> 00:06:01,000 Se konsa, si ou gen yon kote nan kòd ou a, yon kote 124 00:06:01,000 --> 00:06:06,090 nan dosye HTML ou a, yon tag epi ou presize kòm yon atribi ak sa yo ki tag, 125 00:06:06,090 --> 00:06:09,060 ID egal inik, sa a stylesheet patikilye 126 00:06:09,060 --> 00:06:15,030 isit la ap aplike sèlman nan ant ki tag ak ID a nan inik. 127 00:06:15,030 --> 00:06:17,180 >> Ou kapab tou fè yon bagay rele yon seleksyon klas la. 128 00:06:17,180 --> 00:06:19,920 Se konsa, nan adisyon a gen ID atribi, ou kapab tou 129 00:06:19,920 --> 00:06:23,130 ajoute yon atribi klas yo Tags HTML. 130 00:06:23,130 --> 00:06:27,140 Men, lè ou sèvi ak yon atribi klas, li kapab aplike nan plizyè Tags. 131 00:06:27,140 --> 00:06:31,880 Se konsa, si ou gen plizyè bagay ki yo menm jan an, petèt ou vle di, 132 00:06:31,880 --> 00:06:35,890 louvri tag bla, bla, bla, bla, klas egal elèv yo. 133 00:06:35,890 --> 00:06:38,190 Lè sa a, sa a an patikilye stylesheet ta aplike 134 00:06:38,190 --> 00:06:42,041 bay chak tag ki gen klas se elèv yo. 135 00:06:42,041 --> 00:06:44,290 Nan ka sa a, nou ta mete nan koulè background jòn, 136 00:06:44,290 --> 00:06:46,706 epi nou ta mete stupidity, ki se yon tag nou pa t 'pale sou, 137 00:06:46,706 --> 00:06:52,510 men jis kontra avèk ki jan transparan yon bagay ki, a 70%, nan ka sa a. 138 00:06:52,510 --> 00:06:54,430 >> Genyen de opsyon pou ekri style. 139 00:06:54,430 --> 00:06:56,680 Ou ka ekri yo dirèkteman nan HTML ou 140 00:06:56,680 --> 00:06:59,690 pa mete yo feuilles nan ant Tags style. 141 00:06:59,690 --> 00:07:03,850 Ak moun ki Tags style ale andedan nan etikèt yo tèt nan paj entènèt ou an. 142 00:07:03,850 --> 00:07:08,240 Fason ki petèt plis pi pito fè li se yo ekri yon dosye .css ki apa a, 143 00:07:08,240 --> 00:07:12,360 ak Lè sa a lyen l 'nan ou dokimante lè l sèvi avèk Tags lyen. 144 00:07:12,360 --> 00:07:14,690 Tags Link, ankò, yo diferan de Des, 145 00:07:14,690 --> 00:07:16,760 si ou sonje soti nan videyo nou an yon HTML. 146 00:07:16,760 --> 00:07:19,030 Ak Tags lyen yo ki jan nou rale nan dosye apa a. 147 00:07:19,030 --> 00:07:23,900 Li sòt de tankou sa ki egal a # enkli nan pou pwogram entènèt. 148 00:07:23,900 --> 00:07:27,140 >> Se konsa, kite a pran yon gade nan table.html. 149 00:07:27,140 --> 00:07:29,380 Si ou sonje soti nan nou an HTML videyo, mwen te montre 150 00:07:29,380 --> 00:07:32,000 yon egzanp sou yon trè miltiplikasyon senp 151 00:07:32,000 --> 00:07:35,160 tab ki te bèl lèd, e petèt gen nan 152 00:07:35,160 --> 00:07:38,650 yon fason yo fè l 'pi bon ak CSS, fè li aktyèlman gade 153 00:07:38,650 --> 00:07:41,120 plis tankou yon miltiplikasyon tab, oswa yon bagay 154 00:07:41,120 --> 00:07:43,730 ke se pa sa jis kole ansanm ki pa gen okenn divizyon aktyèl 155 00:07:43,730 --> 00:07:45,532 ant ranje yo ak kolòn yo. 156 00:07:45,532 --> 00:07:47,490 Se konsa nou tèt sou nan CS50 IDE, ak pran yon gade 157 00:07:47,490 --> 00:07:50,780 nan ki jan CSS kapab, sòt de, ajiste ki sa nou te kòmanse avèk anvan, 158 00:07:50,780 --> 00:07:53,290 , epi fè li yon bagay yon anpil pi byen. 159 00:07:53,290 --> 00:07:55,650 >> Se konsa, nou ap nan CS50 IDE kounye a, epi si abitye, 160 00:07:55,650 --> 00:07:58,710 nou pral rale moute nan sa a tab ki HTML paj. 161 00:07:58,710 --> 00:08:01,090 Table.html fondamantalman jis defini sa ki 162 00:08:01,090 --> 00:08:05,044 nan yon multiple-- li te sipoze la yon kat pa kat tab miltiplikasyon. 163 00:08:05,044 --> 00:08:06,210 Li trè senp. 164 00:08:06,210 --> 00:08:09,410 Apre sa, nou ta panse ke li ta gade trè byen òganize. 165 00:08:09,410 --> 00:08:15,277 Men, an reyalite, lè nou preview paj sa a, nou wè ke li nan kalite lèd, dwa? 166 00:08:15,277 --> 00:08:16,860 Klèman nou gen ranje ak kolòn isit la. 167 00:08:16,860 --> 00:08:18,350 Gen kèk sòt de separasyon. 168 00:08:18,350 --> 00:08:20,040 Men, li la pa yon separasyon ki gen sans. 169 00:08:20,040 --> 00:08:23,105 Nou ap aktyèlman ap resevwa pa twòp enfòmasyon isit la. 170 00:08:23,105 --> 00:08:25,730 Apre sa, gen nan pa gen separasyon ant ranje yo ak kolòn nan tèm 171 00:08:25,730 --> 00:08:28,460 nan règ orizontal oswa vètikal. 172 00:08:28,460 --> 00:08:31,530 Nou te kapab pwobableman fè sa-a gade yon ti jan ti kras pi byen. 173 00:08:31,530 --> 00:08:32,934 Se konsa nou eseye. 174 00:08:32,934 --> 00:08:34,559 Se konsa, mwen pral fèmen tab sa a moute isit la. 175 00:08:34,559 --> 00:08:37,434 Apre sa, mwen pral yo fèmen table.html mwen, epi mwen te gen yon lòt vèsyon isit la 176 00:08:37,434 --> 00:08:39,490 rele table2.HTML. 177 00:08:39,490 --> 00:08:40,655 Nou pral louvri ki yo. 178 00:08:40,655 --> 00:08:42,530 Kò a nan paj la se bèl anpil, nan menm 179 00:08:42,530 --> 00:08:44,238 men mwen te chanje yon ti kras nan tèt la. 180 00:08:44,238 --> 00:08:47,132 Apre sa, mwen pral woulo liv moute isit la. 181 00:08:47,132 --> 00:08:49,340 Remake tan sa a, mwen se lè l sèvi avèk embedded tags style. 182 00:08:49,340 --> 00:08:53,550 Mwen te louvri yon tag style, ak mwen se kounye a defini yon stylesheet CSS jis andedan 183 00:08:53,550 --> 00:08:54,310 nan li. 184 00:08:54,310 --> 00:08:56,310 Mwen gen yon stylesheet ki di, tab. 185 00:08:56,310 --> 00:08:58,170 Sa a seleksyon tag mwen. 186 00:08:58,170 --> 00:09:01,340 Mwen pa lè l sèvi avèk dot oswa regle, ki mwen ta dwe ap fè si mwen 187 00:09:01,340 --> 00:09:03,710 te lè l sèvi avèk yon ID oswa yon seleksyon klas la. 188 00:09:03,710 --> 00:09:06,190 Mwen gen yon tag seleksyon tab isit lan--. 189 00:09:06,190 --> 00:09:10,090 Sa a style ki pral aplike nan chak tag tab. 190 00:09:10,090 --> 00:09:14,950 Aparamman mwen vle mete yon yon sèl pixel lajè, solid fwontyè ble, 191 00:09:14,950 --> 00:09:15,779 andedan tab mwen. 192 00:09:15,779 --> 00:09:18,320 Sa son tankou li ta pwobableman ede sitiyasyon an, dwa? 193 00:09:18,320 --> 00:09:20,320 Nou ap ale nan gen bagay sa yo gade yon pi bon anpil. 194 00:09:20,320 --> 00:09:21,190 Se konsa, sa a se amann. 195 00:09:21,190 --> 00:09:23,540 Estilitikman, Mwen te jis embedded stylesheet m 'ki nan isit la. 196 00:09:23,540 --> 00:09:25,100 Li nan sètènman yon fason akseptab fè li. 197 00:09:25,100 --> 00:09:26,391 Ann wè sa ki sa a sanble. 198 00:09:26,391 --> 00:09:29,790 Se konsa, mwen pral ale tounen desann isit la, ak Mwen pral pral preview table2.HTML mwen. 199 00:09:29,790 --> 00:09:32,430 200 00:09:32,430 --> 00:09:36,470 Oke, sa a, se pa byen ki sa mwen te vle, men li se ekzakteman ki sa nou te mande pou. 201 00:09:36,470 --> 00:09:39,530 Nou te di ke sa a style se ale nan aplike nan tablo nou an. 202 00:09:39,530 --> 00:09:43,810 Tablo nou an kounye a gen yon pixel yon sèl lajè, solid fwontyè ble fè wonn li. 203 00:09:43,810 --> 00:09:46,237 Nou ap aktyèlman ap resevwa pa a selil yo tab. 204 00:09:46,237 --> 00:09:47,570 Nou ap jis ap resevwa sou tab la. 205 00:09:47,570 --> 00:09:49,310 Se konsa, CSS te travay. 206 00:09:49,310 --> 00:09:51,890 Li te gen aplike yon stylesheet sou tab nou an. 207 00:09:51,890 --> 00:09:53,981 Men, pa t 'byen fè ki sa nou te vle li fè. 208 00:09:53,981 --> 00:09:55,730 Ki jan nou jwenn yo fè ki sa nou vle l 'bay fè? 209 00:09:55,730 --> 00:09:59,287 >> Oke, kite la pran yon gade nan yon sèl plis vèsyon an sa a nan table3.HTML. 210 00:09:59,287 --> 00:10:00,870 Se konsa, mwen jis ale nan fèmen onglè sa yo. 211 00:10:00,870 --> 00:10:03,890 Mwen pral tounen sou isit la yo mwen ranpli pye bwa, ak louvri moute table3.HTML. 212 00:10:03,890 --> 00:10:07,680 213 00:10:07,680 --> 00:10:10,350 Yon fwa ankò, li k ap pase yo gade bèl menm jan isit la nan konmansman an. 214 00:10:10,350 --> 00:10:14,460 Men, avi, fwa sa a, olye pou yo lè l sèvi avèk yon stylesheet embedded dwat nan la, 215 00:10:14,460 --> 00:10:18,870 Mwen pral fè rapò ant nan yon stylesheet lè l sèvi avèk tag nan lyen. 216 00:10:18,870 --> 00:10:22,480 Se konsa, mwen aparamman ki lye ak nan yon stylesheet rele tables.CSS, 217 00:10:22,480 --> 00:10:25,090 ak byen sa a egal stylesheet jis means-- byen, 218 00:10:25,090 --> 00:10:28,645 ki sa ki dosye sa a relatif nan sa Mwen se doing-- se yon stylesheet ke mwen se 219 00:10:28,645 --> 00:10:29,821 lè l sèvi avèk pou paj m 'yo. 220 00:10:29,821 --> 00:10:32,320 Se konsa, si mwen reyèlman vle wè sa ki M ap fè ak CSS la isit la, 221 00:10:32,320 --> 00:10:35,010 Mwen bezwen ale louvri ki table.CSS depoze kòm byen. 222 00:10:35,010 --> 00:10:37,490 Se konsa, nou pral tounen sou isit la ankò nan pye bwa dosye nou yo. 223 00:10:37,490 --> 00:10:38,660 Genyen table.CSS. 224 00:10:38,660 --> 00:10:40,490 Nou pral pòp li louvri. 225 00:10:40,490 --> 00:10:43,070 Koulye a, nou ap wè yon ti kras nan CSS la. 226 00:10:43,070 --> 00:10:45,630 Aparamman, mwen gen yon koup de bagay sa yo ap pase sou isit la. 227 00:10:45,630 --> 00:10:48,950 Mwen aparamman vle mete yon senk pixel lajè, solid fwontyè wouj, 228 00:10:48,950 --> 00:10:50,287 bò tab mwen. 229 00:10:50,287 --> 00:10:52,870 Nou deja konnen ke ki k ap pase jis ale sou perimèt la. 230 00:10:52,870 --> 00:10:56,180 Nou te wè ke nan table2.HTML. 231 00:10:56,180 --> 00:10:58,770 Avèk chak ranje, mwen aparamman vle presize 232 00:10:58,770 --> 00:11:01,950 ki wotè nan ranje se 50 piksèl segondè. 233 00:11:01,950 --> 00:11:05,680 Se konsa, pou chak ranje, sonje se sa ki tag a tr fè, 234 00:11:05,680 --> 00:11:08,550 M 'ap fè li 50 piksèl segondè. 235 00:11:08,550 --> 00:11:09,804 >> Anfen, mwen gen kòmantè sa a. 236 00:11:09,804 --> 00:11:11,470 Lè sa a se ki jan nou fè kòmantè nan CSS. 237 00:11:11,470 --> 00:11:16,174 Li nan trè menm jan ak arete blòk kòmantè sentaks zetwal koupe. 238 00:11:16,174 --> 00:11:17,090 Tout tèks la ou vle. 239 00:11:17,090 --> 00:11:19,470 Gen nan pa gen koupe koupe menm si nan CSS. 240 00:11:19,470 --> 00:11:23,400 Pou kòmantè kout aliye, nou gen yo sèvi ak fòma sa a an patikilye isit la. 241 00:11:23,400 --> 00:11:26,830 Li sanble ke m ap fè yon anpil nan bagay sa yo nan Tags td m 'yo. 242 00:11:26,830 --> 00:11:29,710 Sonje Tags td, oswa tab done, ki reyèlman yo se jis 243 00:11:29,710 --> 00:11:32,210 kolòn yo andedan nan ranje nou an, ak aparamman 244 00:11:32,210 --> 00:11:35,090 pou chak moso nan done nan tablo m 'yo, mwen vle 245 00:11:35,090 --> 00:11:38,850 yo mete koulè a ​​background gen nwa, koulè a ​​yo dwe blan, 246 00:11:38,850 --> 00:11:40,320 koulè se koulè premye plan. 247 00:11:40,320 --> 00:11:42,360 Se konsa, sa a pwal tèks la nan paj m 'yo. 248 00:11:42,360 --> 00:11:45,140 Mwen vle gwo font, 22 pwen font, e mwen vle 249 00:11:45,140 --> 00:11:47,001 li nan dwe nan fanmi an font, Georgia. 250 00:11:47,001 --> 00:11:48,750 Se konsa, mwen pa pwal gen font la default. 251 00:11:48,750 --> 00:11:51,820 Mwen pral presize Georgia, ki se youn nan moun sou sit polis san danje 252 00:11:51,820 --> 00:11:53,830 ke nou te wè anvan. 253 00:11:53,830 --> 00:11:57,284 Mwen vle tèks mwen yo dwe ki aliyen santralman, nan mitan an nan bwat la, 254 00:11:57,284 --> 00:11:59,450 Mwen pa vle li nan dwe kite ki aliyen oswa dwa ki aliyen. 255 00:11:59,450 --> 00:12:03,461 Apre sa, mwen vle lajè kolòn mwen yo dwe 50 piksèl lajè kòm byen. 256 00:12:03,461 --> 00:12:05,210 Se pou nou pran yon gade nan ki sa sa a sanble, 257 00:12:05,210 --> 00:12:07,470 ak wè si sa a se petèt yon amelyorasyon. 258 00:12:07,470 --> 00:12:12,890 Se konsa, mwen pral pou yo ale nan table3.HTML, ki sonje, gen ladan table.CSS kòm yon lyen, 259 00:12:12,890 --> 00:12:14,830 epi n ap preview li. 260 00:12:14,830 --> 00:12:16,800 Sa se yon anpil pi bon, dwa? 261 00:12:16,800 --> 00:12:20,004 Sa a se aktyèlman kòmanse gade yon anpil plis tankou yon tab miltiplikasyon. 262 00:12:20,004 --> 00:12:21,920 Mwen gen ki fwontyè wouj alantou tab mwen men kounye a 263 00:12:21,920 --> 00:12:26,700 Mwen menm mwen te te espesifye ki chak ranje se 50 piksèl lajè, 264 00:12:26,700 --> 00:12:30,220 oswa li la 50 piksèl tall-- eskiz mele l chak kolòn se 50 piksèl lajè. 265 00:12:30,220 --> 00:12:34,251 Done yo nan chak kolòn, epi sèlman done yo, te gen yon nwa jan nou koumanse. 266 00:12:34,251 --> 00:12:36,000 Se konsa, Se poutèt sa moun liy blan yo se a. 267 00:12:36,000 --> 00:12:38,836 Paske espas ki la nan ant tout nan selil sa yo, 268 00:12:38,836 --> 00:12:40,710 li pa yon fwontyè an ak tèt li, li nan jis 269 00:12:40,710 --> 00:12:43,170 M 'ap sèlman ranpli nan la selil, ki aktyèlman 270 00:12:43,170 --> 00:12:46,310 fè fwontyè ki separe nan tablo a, ki aparamman t egziste tout ansanm, li 271 00:12:46,310 --> 00:12:47,887 te liy jis mens blan. 272 00:12:47,887 --> 00:12:48,720 Koulye a, yo ap vizib. 273 00:12:48,720 --> 00:12:50,380 Koulye a, yo pòp nan sou ekran an. 274 00:12:50,380 --> 00:12:52,920 Se konsa, sa a se yon trè senp stylesheet ke mwen te aplike, 275 00:12:52,920 --> 00:12:56,850 e kounye a, tab mwen sanble yon anpil plis tankou yon tab kat pa kat miltiplikasyon, 276 00:12:56,850 --> 00:13:00,950 olye pou yo jis yon dezòd melanje, kote tout bagay se byen klè ranje ak kolòn, 277 00:13:00,950 --> 00:13:03,717 men se pa super byen òganize. 278 00:13:03,717 --> 00:13:06,800 Nou ap vrèman jis grate sifas la nan sa ou kapab fè avèk CSS isit la. 279 00:13:06,800 --> 00:13:10,330 Erezman dokiman an CSS se trè senp. 280 00:13:10,330 --> 00:13:14,000 Ou pral sèvi ak plizyè nan li yo atribi figi, san patipri souvan. 281 00:13:14,000 --> 00:13:16,087 Yo menm ki nou te pale de pi bonè nan videyo sa a. 282 00:13:16,087 --> 00:13:18,170 Gen plizyè ke ou pwobableman pa pral sèvi ak tout. 283 00:13:18,170 --> 00:13:19,469 Epi sa a, amann, tou. 284 00:13:19,469 --> 00:13:22,010 Men, jis konnen, ke gen nan yon anpil nan dokiman yo deyò. 285 00:13:22,010 --> 00:13:25,110 Se konsa, menm si nou pa t 'kouvri tout bagay, w ap sètènman pa kite sou pwòp ou yo. 286 00:13:25,110 --> 00:13:26,780 Men, CSS se reyèlman plezi fè eksperyans avèk yo. 287 00:13:26,780 --> 00:13:29,040 Apre sa, mwen ta fòtman ankouraje w yo jwe otou ak paj wèb ou, 288 00:13:29,040 --> 00:13:32,180 ak wè kòman ou ka fè yo gade epi yo santi yo amelyore itilizatè a 289 00:13:32,180 --> 00:13:34,790 eksperyans nan vizite paj ou yo. 290 00:13:34,790 --> 00:13:35,710 Mwen se Doug Lloyd. 291 00:13:35,710 --> 00:13:37,980 Sa a se CS50. 292 00:13:37,980 --> 00:13:40,151