1 00:00:00,000 --> 00:00:00,300 2 00:00:00,300 --> 00:00:04,840 >> Cainteoir: Mar sin, tá sé i ndáiríre nach bhfuil an chuid is fearr dhearadh CSS a intermingle le HTML. 3 00:00:04,840 --> 00:00:08,700 Ina ionad sin, tá sé is fearr a fhachtóir amach do CSS, a chur in áit éigin lárnach, agus 4 00:00:08,700 --> 00:00:11,430 bhealach sé a iarraidh ar an clibeanna i do leathanach gréasáin. 5 00:00:11,430 --> 00:00:15,290 Chun seo a bhaint amach, is féidir linn a stopadh i ndáiríre ag baint úsáide as an tréith Stíl agus ina ionad sin 6 00:00:15,290 --> 00:00:19,290 úsáid tag Stíl, a bhaineann sa ceann de leathanach gréasáin taobh, le haghaidh 7 00:00:19,290 --> 00:00:20,700 Mar shampla, do theideal. 8 00:00:20,700 --> 00:00:24,400 >> A ligean ar thabhairt seo iarracht agus ath-chur i bhfeidhm ar leathanach baile do John Harvard 9 00:00:24,400 --> 00:00:26,410 úsáid a bhaint as an chlib Stíl. 10 00:00:26,410 --> 00:00:28,930 Tá mé gotten cheana féin a thosaigh linn anseo le trí divs do 11 00:00:28,930 --> 00:00:30,260 Leathanach baile John Harvard. 12 00:00:30,260 --> 00:00:33,990 Ach a ligean ar an chéad dul anois suas go dtí an chéad div agus cuir tréith nua, 13 00:00:33,990 --> 00:00:38,680 eadhon ID, agus a shonrú go leith aitheantóir le haghaidh an div áirithe 14 00:00:38,680 --> 00:00:42,390 beidh, mar shampla, ceanglófar athfhriotail ó "Barr," ar an t-ainm treallach, ach 15 00:00:42,390 --> 00:00:45,840 tuairisciúil sa mhéid is go bhfuil an div go deimhin ag an bharr mo leathanach. 16 00:00:45,840 --> 00:00:48,920 >> Chun an div seo chugainn, a ligean ar thabhairt dó ID éagsúla comharthaí athfhriotail ceanglófar 17 00:00:48,920 --> 00:00:54,080 "Lár," agus a ligean ar thabhairt ar an tríú div ar ID ar ceanglófar athfhriotail ó "bun." Táimid 18 00:00:54,080 --> 00:00:57,740 Tá trí aitheantóir uathúil anois ar féidir linn iarratas a dhéanamh ar roinnt CSS 19 00:00:57,740 --> 00:01:01,210 airíonna, ach an chéad, a ligean ar an tuairisceán chuig ceann an leathanaigh seo. 20 00:01:01,210 --> 00:01:04,760 Díreach os cionn an teideal anseo, beidh mé dul ar aghaidh agus stíl a shainiú 21 00:01:04,760 --> 00:01:07,120 agus ansin stíl dhúnadh. 22 00:01:07,120 --> 00:01:10,340 >> Taobh istigh de seo anois, tá mé ag dul a shainmhíniú roinnt airíonna CSS, is é sin an 23 00:01:10,340 --> 00:01:14,550 cinn céanna a bhí agam roimhe seo i Stíl tréithe, ach anseo beidh siad a bheith 24 00:01:14,550 --> 00:01:16,320 sainithe go lárnach. 25 00:01:16,320 --> 00:01:20,880 Chun é sin a dhéanamh, tá mé ag dul a shonrú ar an punt siombail dhiaidh barr, rud a 26 00:01:20,880 --> 00:01:24,710 ag sonrú go bhfuil an CSS a leanas Ba chóir go mbeadh airíonna i bhfeidhm le cibé 27 00:01:24,710 --> 00:01:28,800 Tá eilimint HTML uathúil an aitheantóir barr. 28 00:01:28,800 --> 00:01:32,240 Tá mé ag dul ansin go bhfuil roinnt oscailte agus guailleáin chatach dúnta, agus tá mé ag dul go dtí 29 00:01:32,240 --> 00:01:39,170 a shonrú, a rá, beidh méid an téacs a 36 picteilíni, beidh meáchan cló a bheith trom. 30 00:01:39,170 --> 00:01:41,810 >> Chun rudaí a choinneáil glan, tá mé ag cur gach de na maoine anois ar a chuid féin 31 00:01:41,810 --> 00:01:44,610 líne, ach sin ach choinbhinsiún stíle. 32 00:01:44,610 --> 00:01:47,830 Thíos sin, a ligean ar shainmhíniú anois eile roghnóir, mar a déarfá. 33 00:01:47,830 --> 00:01:52,680 Seo ar cheann le haghaidh an chlib HTML go bhfuil aitheantóir uathúil lár. 34 00:01:52,680 --> 00:01:57,540 Agus i anseo, a ligean ar a shonrú clómhéid 24 picteilíni, faoi bhun ceann eile 35 00:01:57,540 --> 00:02:01,520 roghnóir do bun, agus taobh istigh sin, a ligean ar a shonrú 36 00:02:01,520 --> 00:02:03,850 clómhéid de 12 pixel. 37 00:02:03,850 --> 00:02:09,350 >> A ligean ar a shábháil anois, athrú ar an ceadanna ar, agus ualach an leathanach i bhrabhsálaí, 38 00:02:09,350 --> 00:02:14,230 chmod móide r-1.html CSS. 39 00:02:14,230 --> 00:02:22,260 A ligean ar a oscailt suas Chrome agus cuairt a thabhairt ar http://localhost/css-1.html. 40 00:02:22,260 --> 00:02:22,960 Nach dona. 41 00:02:22,960 --> 00:02:26,930 Go díreach mar a bhí beartaithe agam, ach ba mhaith liom buíochas a rudaí a ghlacadh céim amháin eile anois agus 42 00:02:26,930 --> 00:02:29,050 téacs seo a lár John Harvard. 43 00:02:29,050 --> 00:02:32,080 Anois, é sin a dhéanamh, d'fhéadfadh mé wrap an leathanach ar fad i div mar mé 44 00:02:32,080 --> 00:02:33,800 Rinne sampla níos luaithe. 45 00:02:33,800 --> 00:02:37,820 Nó is féidir liom a bheith níos cliste agus a thuiscint go Tá gach ceann de na divs taobh istigh de 46 00:02:37,820 --> 00:02:42,420 mo leathanach chorp, mar sin cén fáth nach iarratas a dhéanamh ach ceann amháin nó níos mó airíonna CSS leis an gcomhlacht 47 00:02:42,420 --> 00:02:43,850 chlib féin? 48 00:02:43,850 --> 00:02:45,460 >> Chun é sin a dhéanamh, a ligean ar é seo a dhéanamh. 49 00:02:45,460 --> 00:02:47,650 A ligean ar dul ar ais go dtí gedit anseo. 50 00:02:47,650 --> 00:02:52,460 A ligean ar scrollbharra ar ais go dtí an chlib Stíl, agus a ligean ar a shonrú roghnóir díreach 51 00:02:52,460 --> 00:02:54,520 úsáid a bhaint as ainm, Comhlacht go chlib ar. 52 00:02:54,520 --> 00:03:00,580 Thíos sin, a ligean ar chur ar ár braces gcuach le leanúint ag ionad téacs-ailíniú. 53 00:03:00,580 --> 00:03:05,580 A ligean ar a shábháil anois an leathanach agus athlódáil sé taobh istigh den bhrabhsálaí. 54 00:03:05,580 --> 00:03:08,090 Reload i Chrome, agus voila. 55 00:03:08,090 --> 00:03:11,000 Tá muid anois leathanach John Harvard dírithe mar a bhí beartaithe againn. 56 00:03:11,000 --> 00:03:12,619