1 00:00:00,000 --> 00:00:05,660 >> [Ag seinm ceoil] 2 00:00:05,660 --> 00:00:08,740 >> DOUG LLOYD: Mar sin a ligean ar ghlacadh amháin níos mó físeán chun labhairt faoi theanga amháin níos mó. 3 00:00:08,740 --> 00:00:10,800 An uair seo beidh muid ag labhairt faoi CSS. 4 00:00:10,800 --> 00:00:13,460 Mar sin, CSS, atá gearr do Cascáideacha Stílbhileoga, 5 00:00:13,460 --> 00:00:16,149 Is teanga eile a úsáidimid nuair gréasáin a thógáil. 6 00:00:16,149 --> 00:00:17,190 Smaoineamh air mar seo. 7 00:00:17,190 --> 00:00:20,900 Má tá HTML cad a úsáid againn a eagrú an ábhar a ba mhaith linn a chur ar ár leathanach, 8 00:00:20,900 --> 00:00:25,390 Is CSS an uirlis a úsáid againn go ginearálta a shaincheapadh conas a fhéachann ár láithreáin ghréasáin, 9 00:00:25,390 --> 00:00:30,410 agus conas an taithí úsáideora i ndáiríre is é, idirghníomhú lenár láithreán gréasáin. 10 00:00:30,410 --> 00:00:32,535 >> Cosúil le HTML, CSS is Ní teanga cláir. 11 00:00:32,535 --> 00:00:33,451 Ní chuireann sé loighic. 12 00:00:33,451 --> 00:00:34,595 Ní chuireann sé athróg. 13 00:00:34,595 --> 00:00:38,890 Ní chuireann sé aon saghas sin sreabhadh rudaí a bhaineann go ndéanann C. 14 00:00:38,890 --> 00:00:40,150 Tá sé ina teanga styling. 15 00:00:40,150 --> 00:00:42,810 Agus is é a error deas simplí, agus díreach síos 16 00:00:42,810 --> 00:00:46,240 conas na gnéithe ar ár leathanach bhfuil HTML áirithe 17 00:00:46,240 --> 00:00:48,190 Ba cheart na heilimintí a mhodhnú. 18 00:00:48,190 --> 00:00:51,170 Chun na críche sin, más rud é nach bhfuil tú fós faire ár físeán ar HTML, 19 00:00:51,170 --> 00:00:53,290 nó cur amach acu HTML go ginearálta, tú 20 00:00:53,290 --> 00:00:57,430 B'fhéidir gur mhaith a chur le breathnú ar sin an chéad, mar gheall ar an plé ar CSS 21 00:00:57,430 --> 00:01:00,700 ag dul ag brath ar eolas éigin acu ar HTML. 22 00:01:00,700 --> 00:01:03,740 >> Mar sin, tá anseo i ndáiríre stílbhileog CSS simplí. 23 00:01:03,740 --> 00:01:06,480 Fiú má riamh atá tú cláraithe leis an CSS roimh, 24 00:01:06,480 --> 00:01:10,624 Tá mé cinnte go leor is féidir leat a dhéanamh amach go díreach cad a dhéanann an stílbhileog. 25 00:01:10,624 --> 00:01:11,290 Cad a dhéanann sé? 26 00:01:11,290 --> 00:01:15,470 Bhuel, i bhfeidhm ar an comhlacht ar ár ngréasán leathanach, rud idir clibeanna comhlacht 27 00:01:15,470 --> 00:01:19,631 ar ár HTML, agus leagann sé an dath cúlra den leathanach a gorm. 28 00:01:19,631 --> 00:01:21,130 Bhuel, tá sé ina stílbhileog-simplí. 29 00:01:21,130 --> 00:01:23,269 Tá sé i ndáiríre an-an duine teanga chairdiúil, CSS. 30 00:01:23,269 --> 00:01:26,560 Mar sin, fiú má tá tú riamh a úsáidtear é roimh, d'fhéadfaí tú a buille faoi thuairim is dócha cad a rinne sin. 31 00:01:26,560 --> 00:01:30,140 Go deimhin, má táimid ag luchtú leathanach, i gcás ina Bhí leabaithe an stílbhileog bhealach, 32 00:01:30,140 --> 00:01:36,240 an dath cúlra ár leathanach bheadh a bheith gorm, agus nach bhfuil an caighdeán bán. 33 00:01:36,240 --> 00:01:37,670 >> Mar sin, conas is féidir linn a thógáil stílbhileoga? 34 00:01:37,670 --> 00:01:39,700 Bhuel ar dtús, ní mór dúinn a roghnóir aithint. 35 00:01:39,700 --> 00:01:42,970 Sa sampla seo caite, Bhí go roghnóir comhlacht. 36 00:01:42,970 --> 00:01:45,050 Ansin, ní mór dúinn oscailte brace curly, agus táimid 37 00:01:45,050 --> 00:01:48,410 ag dul go dtí tús a shainiú stílbhileog don roghnóir. 38 00:01:48,410 --> 00:01:51,800 I idir na braces gcuach, táimid ag ach tá liosta de eochair péirí luach. 39 00:01:51,800 --> 00:01:56,205 Ba é an péire luach roimhe dath cúlra leathstad gorm, 40 00:01:56,205 --> 00:01:57,830 ach d'fhéadfaí linn a dhéanamh níos mó agus níos mó de na. 41 00:01:57,830 --> 00:02:02,330 D'fhéadfá a bhfuil rudaí éagsúla a chur i bhfeidhm leis chlib, an comhlacht sin roghnóir. 42 00:02:02,330 --> 00:02:05,960 Gach ceann acu Tá scartha le leathstad, agus tugaimid gach ceann acu 43 00:02:05,960 --> 00:02:08,949 dearbhú, dearbhú CSS. 44 00:02:08,949 --> 00:02:12,410 Nuair a bhíonn muid ag déanamh le gach linn a styling ag iarraidh iarratas a dhéanamh leis an chlib áirithe, 45 00:02:12,410 --> 00:02:15,300 ní mór dúinn ach chatach deiridh brace go dtí deireadh an stílbhileog, 46 00:02:15,300 --> 00:02:19,640 agus táimid ag déanamh a shainiú an stílbhileog don roghnóir áirithe. 47 00:02:19,640 --> 00:02:21,341 >> Cad iad roinnt airíonna CSS coitianta? 48 00:02:21,341 --> 00:02:23,590 Bhuel, b'fhéidir gur mhaith leat a chur teorainn timpeall ar rud éigin. 49 00:02:23,590 --> 00:02:26,850 Sin, is féidir leat a rá, teorann, bheadh ​​do eochair, 50 00:02:26,850 --> 00:02:29,460 agus ansin go mbeadh do na luachanna bheith, cad a stíl, dath, agus leithead 51 00:02:29,460 --> 00:02:30,209 ba mhaith leat é a bheith. 52 00:02:30,209 --> 00:02:33,530 Mar sin, d'fhéadfadh an stíl a bheith soladach líne, líne dotted, líne dashed, 53 00:02:33,530 --> 00:02:36,020 líne iomaire, bheadh ​​ag teacht wavy. 54 00:02:36,020 --> 00:02:38,790 B'fhéidir gur mhaith leat a bheith acu air a bheith gorm nó dubh nó glas. 55 00:02:38,790 --> 00:02:41,490 B'fhéidir gur mhaith leat é a bheith 1 nó 2 nó 10 pixel leathan. 56 00:02:41,490 --> 00:02:43,254 Is féidir leat a shonrú ar gach ceann de na rudaí. 57 00:02:43,254 --> 00:02:46,420 B'fhéidir gur mhaith leat a shocrú ar an cúlra dath do leathanach ar bhealach ar leith. 58 00:02:46,420 --> 00:02:49,215 Chonaic muid cheana féin go bhfuil, ag leagan an cúlra de chuid an chomhlachta a bheith gorm. 59 00:02:49,215 --> 00:02:52,080 >> Ansin, is féidir leat é a úsáid focal eochair, mar sin tá dathanna áirithe CSS 60 00:02:52,080 --> 00:02:55,950 atá tógtha isteach é, gorm, glas, dubh, dathanna an-simplí a fhios againn. 61 00:02:55,950 --> 00:02:59,110 Ach is féidir leat a shonrú freisin ar aon dath heicsidheachúlach go mhaith leat. 62 00:02:59,110 --> 00:03:05,190 Chun cuimhne gur féidir le dathanna a aithint le sraith de trí uimhir heicsidheachúlach 63 00:03:05,190 --> 00:03:08,500 0-255, rg agus b, an dearg, glas, agus gorm a chomhdhéanann í. 64 00:03:08,500 --> 00:03:10,590 Agus mar sin is féidir linn a shonrú dath ar bith is mian linn a trí, 65 00:03:10,590 --> 00:03:15,520 seachas úsáid a bhaint gorm nó glas nó dubh, ag baint úsáide as punt agus ansin sé dhigit de heicsidheachúlach, 66 00:03:15,520 --> 00:03:18,310 agus go mbeadh a thabhairt dúinn an dath sé dhigit. 67 00:03:18,310 --> 00:03:19,850 Mar sin, go bhfuil an dath cúlra. 68 00:03:19,850 --> 00:03:21,975 >> Tá an tulra againn freisin dath, a bhfuil de ghnáth 69 00:03:21,975 --> 00:03:24,140 ag dul a bheith ar an téacs ar do leathanach. 70 00:03:24,140 --> 00:03:28,850 Agus d'fhéadfaí tú a dhéanamh dul céanna go le focal eochair agus nó sé heicsidheachúlach dhigit. 71 00:03:28,850 --> 00:03:32,140 Mar sin, is féidir leat a shonrú ar aon dath tú Ba mhaith le haghaidh an téacs ar do leathanach 72 00:03:32,140 --> 00:03:36,370 aghaidh ar leith dath cúlra, suas thuas. 73 00:03:36,370 --> 00:03:39,100 Is féidir leat freisin agus déileáil le cló, agus an bealach téacs 74 00:03:39,100 --> 00:03:40,400 Tá a rinneadh ar an leathanach. 75 00:03:40,400 --> 00:03:42,010 >> Mar sin, is féidir leat athrú ar do clómhéid. 76 00:03:42,010 --> 00:03:46,320 Is féidir leat é a úsáid eochairfhocail, mar shampla breise, breise beag, nó xx beag, nó trí mheán, 77 00:03:46,320 --> 00:03:47,660 mór, agus mar sin de. 78 00:03:47,660 --> 00:03:50,750 Is féidir leat é a úsáid pointí seasta, 10 pointe, 12 pointe, agus mar sin de. 79 00:03:50,750 --> 00:03:55,850 Is féidir leat é a úsáid céatadáin, 80%, 20%, nuair atá 100% an cló réamhshocraithe 80 00:03:55,850 --> 00:03:59,220 méid, atá ag dul de ghnáth chun a bheith rud éigin cosúil le 11 nó 12 pointí. 81 00:03:59,220 --> 00:04:01,659 Nó is féidir leat bonn fiú sé amach an chlómhéid is déanaí. 82 00:04:01,659 --> 00:04:04,950 Má scríobh tú ach rud éigin agus tá a fhios agat cad ba mhaith leat go bhfuil do é a bheith níos lú, 83 00:04:04,950 --> 00:04:08,241 ach níl a fhios agat go díreach cén méid tú iarraidh é a bheith, go maith, is féidir leat ach a rá, 84 00:04:08,241 --> 00:04:09,330 clómhéid níos lú. 85 00:04:09,330 --> 00:04:14,344 Agus beidh sé bonn as an, ach suas thuas, tá sé méid an chló. 86 00:04:14,344 --> 00:04:15,760 Agus is féidir leat a fháil níos lú nó níos mó. 87 00:04:15,760 --> 00:04:18,390 Mar sin níl a lán de éagsúla bealaí a shonrú clómhéid. 88 00:04:18,390 --> 00:04:20,690 >> Is féidir leat a shonrú freisin cad teaghlach cló mian leat. 89 00:04:20,690 --> 00:04:23,360 Má tá tú ar leith ainm, níl ar bhealach i CSS-- 90 00:04:23,360 --> 00:04:27,270 nach bhfuil muid ag dul chun labhairt faoi sé here-- cló an-sonrach a shainiú 91 00:04:27,270 --> 00:04:28,980 agus leabú isteach i do leathanach. 92 00:04:28,980 --> 00:04:30,620 Is féidir leat úsáid a bhaint freisin ainmneacha cineálach. 93 00:04:30,620 --> 00:04:33,540 Níl a lán de na clónna sábháilte gréasáin atá réamh-sainmhínithe in CSS. 94 00:04:33,540 --> 00:04:36,352 Agus má tá tú i d'úsáideoir de Microsoft Oifig sa 20 bliain anuas, 95 00:04:36,352 --> 00:04:38,810 bhfuil tú eolach is dócha a lán de na clónna sábháilte gréasáin 96 00:04:38,810 --> 00:04:44,640 cheana, Times New Roman, Arial, Courier Nua, Georgia, Tahoma, Verdana, 97 00:04:44,640 --> 00:04:45,470 agus mar sin de. 98 00:04:45,470 --> 00:04:47,170 Glacfar a mheas go léir gréasáin clónna sábháilte. 99 00:04:47,170 --> 00:04:49,169 Agus ar ndóigh,, mar chuid de na cúis tháinig siad chun bheith 100 00:04:49,169 --> 00:04:54,140 bhí a bheidh le húsáid chun web-- gach leathanach Bhí rochtain ar an réamhshocraithe a shocraítear na gclónna 101 00:04:54,140 --> 00:04:58,480 le serifs éagsúla, agus tá sé seo go léir stuif cló ní beidh muid ag dul isteach, 102 00:04:58,480 --> 00:05:01,130 ach tá siad seo de ghnáth inrochtana i do CSS, 103 00:05:01,130 --> 00:05:04,029 fiú amháin mura bhfuil tú a shainiú ar shlí eile na clónna. 104 00:05:04,029 --> 00:05:07,070 Ar deireadh, is féidir leat a chur ar chomhréim do téacs, in ionad é a bheith, de réir réamhshocraithe, ailínithe 105 00:05:07,070 --> 00:05:09,310 ar an taobh clé, d'fhéadfaí tú sé ailíniú leis an gceart, 106 00:05:09,310 --> 00:05:13,740 nó d'fhéadfaí tú a chur ar chomhréim dírithe é, nó údar ionas gur bhuail sé an dá corrlaigh. 107 00:05:13,740 --> 00:05:16,800 Mar sin, siúd go léir roghanna is féidir leat é a úsáid a athrú ar conas mar a bhreathnaíonn do téacs cosúil le, 108 00:05:16,800 --> 00:05:20,120 agus conas tá sé ar taispeáint ar do leathanach. 109 00:05:20,120 --> 00:05:22,180 >> Nach bhfuil do chuid roghnóirí a bheith clibeanna amháin. 110 00:05:22,180 --> 00:05:25,539 Chonaic muid cheana tag comhlacht roghnóir, agus tag roghnóir 111 00:05:25,539 --> 00:05:26,580 Ní breathnú díreach mar sin. 112 00:05:26,580 --> 00:05:30,020 Ainm duit a tag, agus ansin tú stílbhileog don chlib shainmhíniú. 113 00:05:30,020 --> 00:05:32,660 Ach is féidir leat a dhéanamh freisin rud éigin dtugtar roghnóir ID. 114 00:05:32,660 --> 00:05:34,390 Breathnaíonn an roghnóir ID leor den chineál céanna. 115 00:05:34,390 --> 00:05:38,100 Ach faoi deara, go anois nach bhfuil mé ag baint úsáide as clib HTML, tá mé ag baint úsáide as, sa chás seo, 116 00:05:38,100 --> 00:05:40,720 #unique, nó hash ar leith. 117 00:05:40,720 --> 00:05:42,930 Má tá tú chun cuimhne as ár físeán ar HTML, labhair muid 118 00:05:42,930 --> 00:05:45,620 faoi ​​conas is féidir clibeanna bhfuil tréithe. 119 00:05:45,620 --> 00:05:48,340 >> Agus go bhfuil feidhm ag tréith amháin go leor i bhfad gach tags HTML, 120 00:05:48,340 --> 00:05:51,440 ach ní raibh muid labhairt faoi, Is rud ar a dtugtar clib ID. 121 00:05:51,440 --> 00:05:55,250 Mar sin, bheadh ​​an CSS ar leith ach amháin maidir le tag HTML go bhfuil 122 00:05:55,250 --> 00:05:58,530 le haitheantas an-sonrach, go atá tú ainmnithe. 123 00:05:58,530 --> 00:06:01,000 Mar sin, má tá tú áit éigin i do chód, áit éigin 124 00:06:01,000 --> 00:06:06,090 i do chomhad HTML, tag agus tú a shonrú mar an tréith leis chlib, 125 00:06:06,090 --> 00:06:09,060 Ionann le haitheantas ar leith, seo stílbhileog ar leith 126 00:06:09,060 --> 00:06:15,030 Beidh feidhm aige ach amháin anseo i idir go chlib leis an ID de uathúil. 127 00:06:15,030 --> 00:06:17,180 >> Is féidir leat a dhéanamh freisin rud éigin dtugtar roghnóir ranga. 128 00:06:17,180 --> 00:06:19,920 Mar sin, chomh maith le bheith ID tréithe, is féidir leat freisin 129 00:06:19,920 --> 00:06:23,130 add a tréith rang chun clibeanna HTML. 130 00:06:23,130 --> 00:06:27,140 Agus nuair a úsáideann tú tréith ranga, is féidir é a chur i bhfeidhm chun tags il. 131 00:06:27,140 --> 00:06:31,880 Mar sin, má tá tú rudaí éagsúla go Tá chineál céanna, b'fhéidir gur mhaith leat a rá, 132 00:06:31,880 --> 00:06:35,890 tag oscailte blah, blah, blah, blah, is ionann rang mac léinn. 133 00:06:35,890 --> 00:06:38,190 Agus ansin seo go háirithe Bheadh ​​feidhm ag stílbhileog 134 00:06:38,190 --> 00:06:42,041 gach tag a bhfuil a rang is mac léinn. 135 00:06:42,041 --> 00:06:44,290 Sa chás seo, ba mhaith linn a leagtar ar an dath cúlra buí, 136 00:06:44,290 --> 00:06:46,706 agus ba mhaith linn a leagtar teimhneacht, a Is tag ní raibh muid labhairt faoi, 137 00:06:46,706 --> 00:06:52,510 ach amháin dhéileálann le cé chomh trédhearcach Tá rud éigin, go 70%, sa chás seo. 138 00:06:52,510 --> 00:06:54,430 >> Níl dhá rogha stílbhileoga scríbhneoireachta. 139 00:06:54,430 --> 00:06:56,680 Is féidir leat iad a scríobh go díreach isteach i do HTML 140 00:06:56,680 --> 00:06:59,690 trí na stílbhileoga i idir clibeanna stíl. 141 00:06:59,690 --> 00:07:03,850 Agus iad siúd clibeanna stíl dul taobh istigh de na clibeanna ceann de do leathanach gréasáin. 142 00:07:03,850 --> 00:07:08,240 An bealach b'fhéidir níos fearr a dhéanamh tá sé a scríobh comhad .css ar leith, 143 00:07:08,240 --> 00:07:12,360 agus ansin nascadh isteach i do dhoiciméadú ag baint úsáide as clibeanna nasc. 144 00:07:12,360 --> 00:07:14,690 Clibeanna Nasc, arís, tá difriúil ó hipearnasc, 145 00:07:14,690 --> 00:07:16,760 má tá tú chun cuimhne as ár físeán HTML. 146 00:07:16,760 --> 00:07:19,030 Agus tá clibeanna nasc conas a tarraingt i gcomhaid ar leithligh. 147 00:07:19,030 --> 00:07:23,900 Sé saghas cosúil comhionann an #include do chláir gréasáin. 148 00:07:23,900 --> 00:07:27,140 >> Mar sin, a ligean ar ghlacadh le breathnú ar table.HTML. 149 00:07:27,140 --> 00:07:29,380 Má tá tú chun cuimhne as ár Físeán HTML, thaispeáin mé 150 00:07:29,380 --> 00:07:32,000 sampla de an- iolrú simplí 151 00:07:32,000 --> 00:07:35,160 tábla gur fhéach deas gránna, agus b'fhéidir níl 152 00:07:35,160 --> 00:07:38,650 ar bhealach a dhéanamh níos fearr é le CSS, a dhéanamh breathnú sé i ndáiríre 153 00:07:38,650 --> 00:07:41,120 níos mó cosúil le iolraithe tábla, nó rud éigin 154 00:07:41,120 --> 00:07:43,730 nach bhfuil bhfostú go díreach le chéile gan aon roinn iarbhír 155 00:07:43,730 --> 00:07:45,532 idir na sraitheanna agus colúin. 156 00:07:45,532 --> 00:07:47,490 Mar sin, a ligean ar ceann ar aghaidh go dtí CS50 IDE, agus a chur le breathnú 157 00:07:47,490 --> 00:07:50,780 ar conas is féidir CSS, saghas, tweak cad a thosaigh muid le roimh, 158 00:07:50,780 --> 00:07:53,290 agus é a dhéanamh ar rud éigin a lán níos fearr. 159 00:07:53,290 --> 00:07:55,650 >> Mar sin, tá muid i CS50 IDE anois, agus más rud é neamhchoitianta, 160 00:07:55,650 --> 00:07:58,710 beidh orainn a tharraingt suas sa tábla go leathanach HTML. 161 00:07:58,710 --> 00:08:01,090 Table.HTML bunúsach ach Sainmhíníonn an t-ábhar 162 00:08:01,090 --> 00:08:05,044 de multiple-- bhí sé ceaptha a bheith tábla ceithre ag ceithre iolrú. 163 00:08:05,044 --> 00:08:06,210 Tá sé deas simplí. 164 00:08:06,210 --> 00:08:09,410 Agus ba mhaith linn a cheapann go mbeadh sé breathnú maith go leor eagraithe. 165 00:08:09,410 --> 00:08:15,277 Ach i ndáiríre, nuair a réamhamharc táimid ag an leathanach seo, feicimid go bhfuil sé de chineál ar gránna, ceart? 166 00:08:15,277 --> 00:08:16,860 Is léir ní mór dúinn sraitheanna agus colúin anseo. 167 00:08:16,860 --> 00:08:18,350 Tá de chineál éigin scaradh. 168 00:08:18,350 --> 00:08:20,040 Ach nach bhfuil sé ina scaradh brí. 169 00:08:20,040 --> 00:08:23,105 Nach bhfuil muid ag dul go hiarbhír i bhfad ró-eolais anseo. 170 00:08:23,105 --> 00:08:25,730 Agus níl aon scaradh idir na sraitheanna agus colúin i dtéarmaí 171 00:08:25,730 --> 00:08:28,460 rialacha cothrománacha nó ingearach. 172 00:08:28,460 --> 00:08:31,530 D'fhéadfadh muid a dhéanamh is dócha seo cuma beagán beagán níos fearr. 173 00:08:31,530 --> 00:08:32,934 Mar sin, a ligean ar iarracht. 174 00:08:32,934 --> 00:08:34,559 Mar sin, tá mé ag dul a dhúnadh ar an cluaisín suas anseo. 175 00:08:34,559 --> 00:08:37,434 Agus tá mé ag dul a dhúnadh mo table.HTML, agus tá mé leagan eile anseo 176 00:08:37,434 --> 00:08:39,490 ar a dtugtar table2.HTML. 177 00:08:39,490 --> 00:08:40,655 Beidh muid ag oscailt suas. 178 00:08:40,655 --> 00:08:42,530 Is é an comhlacht ar an leathanach go leor i bhfad mar an gcéanna, 179 00:08:42,530 --> 00:08:44,238 ach tá d'athraigh mé beagán ag an mbarr. 180 00:08:44,238 --> 00:08:47,132 Agus beidh mé scrollú suas anseo. 181 00:08:47,132 --> 00:08:49,340 Fógra go an am seo, tá mé ag baint úsáide as clibeanna stíl leabaithe. 182 00:08:49,340 --> 00:08:53,550 Tá mé oscail tag stíl, agus tá mé anois saineofar stílbhileog CSS díreach taobh istigh 183 00:08:53,550 --> 00:08:54,310 de é. 184 00:08:54,310 --> 00:08:56,310 Tá mé stílbhileog a deir, tábla. 185 00:08:56,310 --> 00:08:58,170 Sin mo roghnóir tag. 186 00:08:58,170 --> 00:09:01,340 Níl mé ag baint úsáide as ponc nó hash, a ba mhaith liom a bheith ag déanamh má mé 187 00:09:01,340 --> 00:09:03,710 Ba ag baint úsáide as ID nó roghnóir ranga. 188 00:09:03,710 --> 00:09:06,190 Tá mé tábla here-- tag roghnóir. 189 00:09:06,190 --> 00:09:10,090 Tá an stíl ag dul go dtí le gach chlib tábla. 190 00:09:10,090 --> 00:09:14,950 Cosúil Ba mhaith liom a chur ar ceann picteilín leathan, teorann gorm soladach, 191 00:09:14,950 --> 00:09:15,779 taobh istigh mo tábla. 192 00:09:15,779 --> 00:09:18,320 Sin fuaimeanna cosúil go mbeadh sé is dócha le cuidiú leis an scéal, ceart? 193 00:09:18,320 --> 00:09:20,320 Táimid ag dul a bheith acu rudaí a breathnú ar a lán níos fearr. 194 00:09:20,320 --> 00:09:21,190 Mar sin, tá an fhíneáil seo. 195 00:09:21,190 --> 00:09:23,540 Stíle, tá mé díreach tar éis leabaithe mo stílbhileog i anseo. 196 00:09:23,540 --> 00:09:25,100 Tá sé cinnte bhealach inghlactha chun é a dhéanamh. 197 00:09:25,100 --> 00:09:26,391 A ligean ar a fheiceáil cad Breathnaíonn seo cosúil. 198 00:09:26,391 --> 00:09:29,790 Mar sin, beidh mé ag dul ar ais síos anseo, agus Feicfidh mé a réamhamharc ar mo table2.HTML. 199 00:09:29,790 --> 00:09:32,430 200 00:09:32,430 --> 00:09:36,470 Bhuel, ní go maith cad a bhí mé, ach tá sé go díreach cad a d'iarr muid le haghaidh. 201 00:09:36,470 --> 00:09:39,530 Dúirt muid go bhfuil an stíl dul chun iarratas a dhéanamh ár tábla. 202 00:09:39,530 --> 00:09:43,810 Tá ár tábla anois picteilín amháin leathan, teorainn gorm soladach timpeall air. 203 00:09:43,810 --> 00:09:46,237 Nach bhfuil muid ag dul go hiarbhír ag na cealla tábla. 204 00:09:46,237 --> 00:09:47,570 Táimid ag dul go díreach ag an tábla. 205 00:09:47,570 --> 00:09:49,310 Mar sin, d'oibrigh CSS. 206 00:09:49,310 --> 00:09:51,890 Tá sé tar éis i bhfeidhm ar Stílbhileog go dtí ár tábla. 207 00:09:51,890 --> 00:09:53,981 Ach ní raibh a dhéanamh go leor cad a bhí muid é a dhéanamh. 208 00:09:53,981 --> 00:09:55,730 Conas is féidir linn a fháil a dhéanamh cad ba mhaith linn é a dhéanamh? 209 00:09:55,730 --> 00:09:59,287 >> Bhuel, a ligean ar ghlacadh le breathnú ar amháin níos mó leagan den in table3.HTML. 210 00:09:59,287 --> 00:10:00,870 Mar sin, tá mé ag dul díreach tar éis a dhúnadh na tabs. 211 00:10:00,870 --> 00:10:03,890 Tá mé ag dul chun dul ar ais thar anseo go dtí mo comhad crann, agus oscailt suas table3.HTML. 212 00:10:03,890 --> 00:10:07,680 213 00:10:07,680 --> 00:10:10,350 Arís, tá sé ag dul chun breathnú go leor den chineál céanna anseo ag an tús. 214 00:10:10,350 --> 00:10:14,460 Ach fógra, an uair seo, seachas úsáid a bhaint stílbhileog leabaithe ceart i ann, 215 00:10:14,460 --> 00:10:18,870 Tá mé ag dul chun nasc i stílbhileog ag baint úsáide as an chlib nasc. 216 00:10:18,870 --> 00:10:22,480 Mar sin, tá mé ag nascadh cosúil i stílbhileog dtugtar tables.CSS, 217 00:10:22,480 --> 00:10:25,090 agus is ionann seo go maith stílbhileog means-- ach go maith, 218 00:10:25,090 --> 00:10:28,645 cad é an comhad seo i gcomparáid leis an méid a Tá mé doing-- is stílbhileog go bhfuil mé 219 00:10:28,645 --> 00:10:29,821 ag baint úsáide as do mo leathanach. 220 00:10:29,821 --> 00:10:32,320 Mar sin, más mian liom a fheiceáil cad Tá mé ag déanamh leis an CSS anseo, 221 00:10:32,320 --> 00:10:35,010 Gá dom dul oscailte table.CSS comhad chomh maith. 222 00:10:35,010 --> 00:10:37,490 Mar sin, beidh muid ag dul ar ais thar anseo arís go dtí ár crann comhad. 223 00:10:37,490 --> 00:10:38,660 Níl table.CSS. 224 00:10:38,660 --> 00:10:40,490 Beidh muid pop sé ar oscailt. 225 00:10:40,490 --> 00:10:43,070 Anois, tá muid ag feiceáil beagán den CSS. 226 00:10:43,070 --> 00:10:45,630 Réir dealraimh, tá mé cúpla de rudaí ag dul ar anseo. 227 00:10:45,630 --> 00:10:48,950 Ba mhaith liom cosúil a chur cúig picteilín leathan, teorann dearg soladach, 228 00:10:48,950 --> 00:10:50,287 thart ar mo tábla. 229 00:10:50,287 --> 00:10:52,870 Tá a fhios againn cheana féin go bhfuil go bhfuil ag dul chun dul go díreach ar an imlíne. 230 00:10:52,870 --> 00:10:56,180 Chonaic muid go bhfuil i table2.HTML. 231 00:10:56,180 --> 00:10:58,770 Le gach as a chéile, mé cosúil ag iarraidh a shonrú 232 00:10:58,770 --> 00:11:01,950 go bhfuil an airde a chéile 50 pixel ard. 233 00:11:01,950 --> 00:11:05,680 Mar sin, le haghaidh gach as a chéile, cuimhnigh go bhfuil an méid a dhéanann an chlib tr, 234 00:11:05,680 --> 00:11:08,550 Tá mé ag déanamh sé 50 pixel ard. 235 00:11:08,550 --> 00:11:09,804 >> Ar deireadh, tá mé an comment. 236 00:11:09,804 --> 00:11:11,470 Agus is é seo conas a dhéanamh linn tuairimí i CSS. 237 00:11:11,470 --> 00:11:16,174 Tá sé an-chosúil bloc a urghabháil Tuairimí error réalta Slais. 238 00:11:16,174 --> 00:11:17,090 Gach an téacs is mian leat. 239 00:11:17,090 --> 00:11:19,470 Níl aon Slais Slais cé sa CSS. 240 00:11:19,470 --> 00:11:23,400 Chun tuairimí inlíne gearr, ní mór dúinn seo a úsáid bhformáid ar leith anseo. 241 00:11:23,400 --> 00:11:26,830 Tá sé cosúil Tá mé ag déanamh lán rudaí i mo clibeanna td. 242 00:11:26,830 --> 00:11:29,710 Cuimhnigh tags td, nó tábla sonraí, a bhfuil i ndáiríre ach 243 00:11:29,710 --> 00:11:32,210 na colúin taobh istigh de ár sraitheanna, agus is cosúil 244 00:11:32,210 --> 00:11:35,090 i gcás gach píosa sonraí i mo tábla, ba mhaith liom 245 00:11:35,090 --> 00:11:38,850 a shocrú ar an dath cúlra a a bheith dubh, an dath a bheith bán, 246 00:11:38,850 --> 00:11:40,320 Tá dath dath tulra. 247 00:11:40,320 --> 00:11:42,360 Mar sin, tá sé seo ag dul a bheith an téacs ar mo leathanach. 248 00:11:42,360 --> 00:11:45,140 Ba mhaith liom cló mór, 22 pointe cló, agus ba mhaith liom 249 00:11:45,140 --> 00:11:47,001 é a bheith ar an teaghlach cló, Georgia. 250 00:11:47,001 --> 00:11:48,750 Mar sin, ní mé ag dul a Tá an cló réamhshocraithe. 251 00:11:48,750 --> 00:11:51,820 Tá mé ag dul a shonrú tSeoirsia, a Is é ceann de na clónna sábháilte gréasáin 252 00:11:51,820 --> 00:11:53,830 go atá feicthe againn roimh. 253 00:11:53,830 --> 00:11:57,284 Ba mhaith liom mo téacs a ailíniú go lárnach, i lár an bhosca, 254 00:11:57,284 --> 00:11:59,450 Níl mé ag iarraidh é a bheith fágtha ailínithe nó ceart ailínithe. 255 00:11:59,450 --> 00:12:03,461 Agus ba mhaith liom mo leithead colún a bheith 50 pixel leathan chomh maith. 256 00:12:03,461 --> 00:12:05,210 A ligean ar ghlacadh le breathnú ar cad Breathnaíonn seo cosúil, 257 00:12:05,210 --> 00:12:07,470 agus a fheiceáil má tá sé seo b'fhéidir feabhas. 258 00:12:07,470 --> 00:12:12,890 Mar sin, tá mé ag dul chun dul go dtí table3.HTML, a Áirítear cuimhne, table.CSS mar nasc, 259 00:12:12,890 --> 00:12:14,830 agus beidh orainn réamhamharc air. 260 00:12:14,830 --> 00:12:16,800 Sin a lán níos fearr, ceart? 261 00:12:16,800 --> 00:12:20,004 Tá sé seo ag tosú i ndáiríre chun breathnú ar lán níos mó cosúil le tábla iolraithe. 262 00:12:20,004 --> 00:12:21,920 Tá mé go teorainn dearg thart ar mo tábla ach anois 263 00:12:21,920 --> 00:12:26,700 Mé a shonraítear freisin go tá gach sraith 50 pixel leathan, 264 00:12:26,700 --> 00:12:30,220 nó tá sé 50 pixel tall-- leithscéal Is me-- gach colún 50 pixel leathan. 265 00:12:30,220 --> 00:12:34,251 Na sonraí i ngach colún, agus gan ach na sonraí, tá chúlra dubh. 266 00:12:34,251 --> 00:12:36,000 Mar sin tá sin an fáth iad siúd Tá línte bána ann. 267 00:12:36,000 --> 00:12:38,836 Mar gheall ar an spás i idir gach ceann de na cealla, 268 00:12:38,836 --> 00:12:40,710 nach bhfuil sé teorainn i agus de féin, tá sé ach 269 00:12:40,710 --> 00:12:43,170 Níl mé ach ag líonadh an cealla, a iarbhír 270 00:12:43,170 --> 00:12:46,310 Déanann na teorainneacha an tábla, a cosúil raibh ann go léir chomh maith, sé 271 00:12:46,310 --> 00:12:47,887 Bhí línte bán díreach tanaí. 272 00:12:47,887 --> 00:12:48,720 Anois tá siad le feiceáil. 273 00:12:48,720 --> 00:12:50,380 Anois pop siad amach ar an scáileán. 274 00:12:50,380 --> 00:12:52,920 Agus mar sin tá sé seo an-simplí stílbhileog go bhfuil mé i bhfeidhm, 275 00:12:52,920 --> 00:12:56,850 agus anois tá mo tábla a lán níos mó cosúil le tábla ceithre ag ceithre iolrú, 276 00:12:56,850 --> 00:13:00,950 seachas ina praiseach díreach jumbled, i gcás ina tá gach rud soiléir sraitheanna agus colúin, 277 00:13:00,950 --> 00:13:03,717 ach ní Super eagraithe go maith. 278 00:13:03,717 --> 00:13:06,800 Táimid ag i ndáiríre ach scratching an dromchla ar cad is féidir leat a dhéanamh le CSS anseo. 279 00:13:06,800 --> 00:13:10,330 Fortunately an doiciméadú CSS Is deas simplí. 280 00:13:10,330 --> 00:13:14,000 Feicfidh tú úsáid a bhaint as roinnt dá tréithe, go cóir go minic. 281 00:13:14,000 --> 00:13:16,087 Na cinn labhair muid faoi níos luaithe i físeán seo. 282 00:13:16,087 --> 00:13:18,170 Tá roinnt go bhfuil tú Ní bheidh is dócha a úsáid go léir. 283 00:13:18,170 --> 00:13:19,469 Agus sin fíneáil, freisin. 284 00:13:19,469 --> 00:13:22,010 Ach tá a fhios go díreach, go bhfuil a lán de na doiciméid amach ann. 285 00:13:22,010 --> 00:13:25,110 Mar sin, fiú amháin más rud é nach raibh muid a chlúdach gach rud, bhfuil tú ag cinnte nach bhfuil fágtha ar do chuid féin. 286 00:13:25,110 --> 00:13:26,780 Ach tá CSS i ndáiríre spraoi chun triail. 287 00:13:26,780 --> 00:13:29,040 Agus ba mhaith liom a spreagadh go láidir duit a imirt ar fud le do leathanaigh ghréasáin, 288 00:13:29,040 --> 00:13:32,180 agus a fheiceáil conas is féidir leat iad a dhéanamh cuma agus mothú chun feabhas a chur ar an úsáideoir 289 00:13:32,180 --> 00:13:34,790 taithí ar cuairt ar do leathanach. 290 00:13:34,790 --> 00:13:35,710 Tá mé Doug Lloyd. 291 00:13:35,710 --> 00:13:37,980 Is é seo an CS50. 292 00:13:37,980 --> 00:13:40,151