1 00:00:00,000 --> 00:00:00,300 2 00:00:00,300 --> 00:00:04,840 >> SPIKA: Kwa hiyo ni kweli si bora kubuni na intermingle CSS kwa HTML. 3 00:00:04,840 --> 00:00:08,700 Badala yake, ni bora na sababu nje yako CSS, kuweka mahali fulani kati, na 4 00:00:08,700 --> 00:00:11,430 namna fulani kuomba kwa tags katika mtandao ukurasa wako. 5 00:00:11,430 --> 00:00:15,290 Ili kufanikisha hili, tunaweza kweli kuacha kutumia Sinema sifa na badala yake 6 00:00:15,290 --> 00:00:19,290 kutumia Sinema tag, ambayo ni katika kichwa ya ukurasa wa mtandao pamoja na, kwa 7 00:00:19,290 --> 00:00:20,700 mfano, jina yako. 8 00:00:20,700 --> 00:00:24,400 >> Hebu kutoa hii kujaribu na re-kutekeleza ukurasa wa nyumbani kwa John Harvard 9 00:00:24,400 --> 00:00:26,410 kutumia Sinema tag. 10 00:00:26,410 --> 00:00:28,930 Nimekuwa tayari wamezipata yetu ilianza hapa na divs tatu kwa 11 00:00:28,930 --> 00:00:30,260 Mzee John Harvard ya. 12 00:00:30,260 --> 00:00:33,990 Lakini hebu kwanza sasa kwenda hadi hii kwanza div na kuongeza sifa mpya, 13 00:00:33,990 --> 00:00:38,680 yaani ID, na bayana kwamba kipekee kitambulisho kwa div fulani 14 00:00:38,680 --> 00:00:42,390 itakuwa, kwa mfano, quote unquote "Juu," jina holela, lakini 15 00:00:42,390 --> 00:00:45,840 maelezo katika div hii ni kweli juu ya ukurasa wangu. 16 00:00:45,840 --> 00:00:48,920 >> Kwa div ijayo, hebu kuwapa ID mbalimbali ya kunukuu unquote 17 00:00:48,920 --> 00:00:54,080 "Katikati," na hebu kutoa div ya tatu ID ya kunukuu unquote "chini." Sisi 18 00:00:54,080 --> 00:00:57,740 sasa na tatu kitambulisho kipekee ambayo tunaweza kutumia baadhi ya CSS 19 00:00:57,740 --> 00:01:01,210 mali, lakini kwanza, hebu kurudi na mkuu wa ukurasa huu. 20 00:01:01,210 --> 00:01:04,760 Tu juu ya kichwa hapa, mimi itabidi kwenda mbele na kufafanua style 21 00:01:04,760 --> 00:01:07,120 na kisha style karibu. 22 00:01:07,120 --> 00:01:10,340 >> Ndani ya hii sasa, mimi nina kwenda kufafanua tabia ya baadhi ya CSS, yaani 23 00:01:10,340 --> 00:01:14,550 sawa ndio mimi hapo awali walikuwa katika Sinema sifa, lakini hapa wao utakuwa 24 00:01:14,550 --> 00:01:16,320 serikali kuu defined. 25 00:01:16,320 --> 00:01:20,880 Kwa kufanya hivyo, mimi nina kwenda bayana pound ishara na kufuatiwa na ya juu, na hivyo 26 00:01:20,880 --> 00:01:24,710 kubainisha kwamba CSS zifuatazo mali wanapaswa kuomba kwa kila 27 00:01:24,710 --> 00:01:28,800 HTML hiki ina kipekee kitambulisho ya juu. 28 00:01:28,800 --> 00:01:32,240 Mimi kisha kwenda na baadhi wazi na C. braces curly, na mimi nina kwenda kwa 29 00:01:32,240 --> 00:01:39,170 bayana, kusema, ukubwa wa herufi itakuwa 36 saizi, font uzito atakuwa na ujasiri. 30 00:01:39,170 --> 00:01:41,810 >> Kuweka mambo safi, mimi nina kuweka kila ya mali hizi sasa juu yake mwenyewe 31 00:01:41,810 --> 00:01:44,610 line, lakini hiyo ni Stylistic mkataba. 32 00:01:44,610 --> 00:01:47,830 Chini ya Baraza hili, hebu sasa kufafanua mwingine selector, hivyo kusema. 33 00:01:47,830 --> 00:01:52,680 Hii moja kwa HTML tag ambayo ina kitambulisho ya kipekee ya katikati. 34 00:01:52,680 --> 00:01:57,540 Na katika hapa, hebu bayana font ukubwa 24, saizi ya faili chini kwamba mwingine 35 00:01:57,540 --> 00:02:01,520 selector kwa chini, na ndani ya ya kwamba, hebu bayana 36 00:02:01,520 --> 00:02:03,850 font ukubwa wa 12 saizi. 37 00:02:03,850 --> 00:02:09,350 >> Hebu sasa ila, mabadiliko ya ruhusa juu, na kupakia ukurasa huu katika browser, 38 00:02:09,350 --> 00:02:14,230 chmod pamoja na r css-1.html. 39 00:02:14,230 --> 00:02:22,260 Hebu kufungua Chrome na kutembelea http://localhost/css-1.html. 40 00:02:22,260 --> 00:02:22,960 Si mbaya. 41 00:02:22,960 --> 00:02:26,930 Hasa kama mimi lengo, lakini Ningependa kuchukua mambo hatua moja zaidi sasa na 42 00:02:26,930 --> 00:02:29,050 kituo cha John Harvard ya maandishi. 43 00:02:29,050 --> 00:02:32,080 Sasa kufanya hivyo, mimi nilikuwa wrap ukurasa mzima katika div kama mimi 44 00:02:32,080 --> 00:02:33,800 alifanya mfano mapema. 45 00:02:33,800 --> 00:02:37,820 Au ni mimi inaweza kuwa zaidi wajanja na kutambua kwamba yote ya divs haya ni ndani ya 46 00:02:37,820 --> 00:02:42,420 mwili ukurasa yangu, hivyo kwa nini tu kuomba moja au zaidi CSS mali kwa mwili 47 00:02:42,420 --> 00:02:43,850 tag yenyewe? 48 00:02:43,850 --> 00:02:45,460 >> Kwa kufanya hivyo, hebu kufanya hivyo. 49 00:02:45,460 --> 00:02:47,650 Hebu kwenda nyuma ya gedit hapa. 50 00:02:47,650 --> 00:02:52,460 Hebu kitabu nyuma hadi Sinema tag, na hebu bayana selector tu 51 00:02:52,460 --> 00:02:54,520 kutumia kwamba tag jina, Mwili. 52 00:02:54,520 --> 00:03:00,580 Chini ya kwamba, hebu kuweka braces yetu curly ikifuatiwa na kituo cha text-align. 53 00:03:00,580 --> 00:03:05,580 Hebu sasa ila ukurasa na upya ni ndani ya kwamba browser. 54 00:03:05,580 --> 00:03:08,090 Reload katika Chrome, na voila. 55 00:03:08,090 --> 00:03:11,000 Kwa sasa tuna John Harvard ya ukurasa unaozingatia kama sisi lengo. 56 00:03:11,000 --> 00:03:12,619