SPIKA: Kwa hiyo ni kweli si bora kubuni na intermingle CSS kwa HTML. Badala yake, ni bora na sababu nje yako CSS, kuweka mahali fulani kati, na namna fulani kuomba kwa tags katika mtandao ukurasa wako. Ili kufanikisha hili, tunaweza kweli kuacha kutumia Sinema sifa na badala yake kutumia Sinema tag, ambayo ni katika kichwa ya ukurasa wa mtandao pamoja na, kwa mfano, jina yako. 

Hebu kutoa hii kujaribu na re-kutekeleza ukurasa wa nyumbani kwa John Harvard kutumia Sinema tag. Nimekuwa tayari wamezipata yetu ilianza hapa na divs tatu kwa Mzee John Harvard ya. Lakini hebu kwanza sasa kwenda hadi hii kwanza div na kuongeza sifa mpya, yaani ID, na bayana kwamba kipekee kitambulisho kwa div fulani itakuwa, kwa mfano, quote unquote "Juu," jina holela, lakini maelezo katika div hii ni kweli juu ya ukurasa wangu. 

Kwa div ijayo, hebu kuwapa ID mbalimbali ya kunukuu unquote "Katikati," na hebu kutoa div ya tatu ID ya kunukuu unquote "chini." Sisi sasa na tatu kitambulisho kipekee ambayo tunaweza kutumia baadhi ya CSS mali, lakini kwanza, hebu kurudi na mkuu wa ukurasa huu. Tu juu ya kichwa hapa, mimi itabidi kwenda mbele na kufafanua style na kisha style karibu. 

Ndani ya hii sasa, mimi nina kwenda kufafanua tabia ya baadhi ya CSS, yaani sawa ndio mimi hapo awali walikuwa katika Sinema sifa, lakini hapa wao utakuwa serikali kuu defined. Kwa kufanya hivyo, mimi nina kwenda bayana pound ishara na kufuatiwa na ya juu, na hivyo kubainisha kwamba CSS zifuatazo mali wanapaswa kuomba kwa kila HTML hiki ina kipekee kitambulisho ya juu. Mimi kisha kwenda na baadhi wazi na C. braces curly, na mimi nina kwenda kwa bayana, kusema, ukubwa wa herufi itakuwa 36 saizi, font uzito atakuwa na ujasiri. 

Kuweka mambo safi, mimi nina kuweka kila ya mali hizi sasa juu yake mwenyewe line, lakini hiyo ni Stylistic mkataba. Chini ya Baraza hili, hebu sasa kufafanua mwingine selector, hivyo kusema. Hii moja kwa HTML tag ambayo ina kitambulisho ya kipekee ya katikati. Na katika hapa, hebu bayana font ukubwa 24, saizi ya faili chini kwamba mwingine selector kwa chini, na ndani ya ya kwamba, hebu bayana font ukubwa wa 12 saizi. 

Hebu sasa ila, mabadiliko ya ruhusa juu, na kupakia ukurasa huu katika browser, chmod pamoja na r css-1.html. Hebu kufungua Chrome na kutembelea http://localhost/css-1.html. Si mbaya. Hasa kama mimi lengo, lakini Ningependa kuchukua mambo hatua moja zaidi sasa na kituo cha John Harvard ya maandishi. Sasa kufanya hivyo, mimi nilikuwa wrap ukurasa mzima katika div kama mimi alifanya mfano mapema. Au ni mimi inaweza kuwa zaidi wajanja na kutambua kwamba yote ya divs haya ni ndani ya mwili ukurasa yangu, hivyo kwa nini tu kuomba moja au zaidi CSS mali kwa mwili tag yenyewe? 

Kwa kufanya hivyo, hebu kufanya hivyo. Hebu kwenda nyuma ya gedit hapa. Hebu kitabu nyuma hadi Sinema tag, na hebu bayana selector tu kutumia kwamba tag jina, Mwili. Chini ya kwamba, hebu kuweka braces yetu curly ikifuatiwa na kituo cha text-align. Hebu sasa ila ukurasa na upya ni ndani ya kwamba browser. Reload katika Chrome, na voila. Kwa sasa tuna John Harvard ya ukurasa unaozingatia kama sisi lengo.