Tip:
Highlight text to annotate it
X
>> 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.