>> SPIKA: Ni zinageuka kuwa HTML si lugha tu unaweza kutumia ndani ya
ya ukurasa wa mtandao.
Unaweza kutumia kitu kinachoitwa CSS, au Kuachia Style Sheets, kama vile.
CSS utapata bayana zaidi just aesthetics ya mtandao
ukurasa, ikiwa ni pamoja na mpangilio na ukubwa na rangi na fonts na mengi zaidi.
Kwa mfano, hebu kuunda ukurasa wa mtandao hapa aitwaye CSS0 kwamba inawakilisha
ukurasa wa nyumbani kwa kusema, John Harvard.
>> Katika ukurasa huu, kutakuwa na John Harvard ya jina, chini ya ambayo itakuwa
ujumbe nzuri kwa ajili ya wageni wake, chini ya ambayo itakuwa footer, na
kusema, habari baadhi ya hati miliki.
Kwa kufanya hivyo, hebu kufafanua tarafa tatu kwa ukurasa kwa kutumia tag
aitwaye div.
Open bracket div, John Harvard, karibu bracket div, mwingine wazi bracket div,
na sasa tutaweza bayana kitu kama, kuwakaribisha kwa ukurasa wangu nyumbani!
Na hebu karibu div hii, kama vile.
>> Na sasa tatu na ya mwisho div, hati miliki.
Tu kuwa dhana, napenda kutumia sasa HTML chombo, ishara kwamba inawakilisha
tabia ya kuwa unaweza si vinginevyo aina kwenye keyboard yako.
Hasa, mimi nina kwenda kufanya Ampersand, chupa, 169, semicolon.
Zinageuka kuwa ni kanuni numeric kwa ishara ya hati miliki.
Basi hebu bayana John Harvard hapa chini.
Hebu karibu div na kuokoa faili.
>> Sasa, ni nini tag hii div?
tag div tu amefafanua mgawanyiko ya ukurasa, ambayo kimsingi ni
mstatili kanda.
Hivyo katika wakati huu, mimi na tatu mikoa mstatili, mmoja juu
ya nyingine.
Hivyo kwa sasa, athari ni karibu kama mimi, ingawa alikuwa aya tatu.
Lakini hatutaweza kuona kabisa kama vile nafasi nyeupe katika kati yao.
>> Hebu kuokoa faili hili, kubadilika ruhusa, na kwa ajili ya kuangalia
sasa katika Chrome.
Chmod a + r CSS0.html.
Hebu sasa kufungua Chrome na ziara http://localhost.CSS0.html.
Hakika, hapa ukurasa wa nyumbani kwa John Harvard.
Hebu sasa stylize ni kidogo zaidi hasa kwa kutumia baadhi ya CSS.
>> Nyuma katika gedit, hebu kwenda katika hii kwanza div tag na kuongeza style
sifa kubainisha kwamba Ningependa font ukubwa wa, kusema, 36, saizi ya faili au px.
Na ningependa uzito wa font hii kuwa na ujasiri badala ya msingi,
ambayo ni ya kawaida.
Kwa div pili, hebu bayana sifa nyingine style ambayo ina
font ukubwa wa 24 saizi, hivyo kidogo kidogo kidogo.
Karibu quotes baada ya semicolon.
>> Mwisho, katika div hii ya tatu, hebu kufanya style ni sawa na quote, ukubwa wa herufi, na
hebu sema 12 saizi wakati huu.
Karibu quote baada ya semicolon.
Taarifa kwamba mimi wanaonekana kuwa na fulani kidogo ya stylization kwa
kila moja ya haya divs tatu kutumia, ni zamu nje, CSS.
Kwa kweli, syntax kwamba unaweza kuona katika kati ya wale quotes mbili ni CSS,
hasa CSS mali na maadili.
Na kwa kuwa tag kwanza, ambapo nilikuwa mbili mali hizo, font ukubwa na
font uzito, mimi tu kutengwa yao kwa semicolon.
>> Sasa, kwa ajili tu ya style, mimi pia ni pamoja na semicolons katika
mwisho wa kila mstari.
Lakini wao siyo madhubuti muhimu, hasa wakati moja tu
mali defined.
Hebu sasa kuokoa faili na upya katika Chrome, na kuona nini
athari wavu ni.
Nyuma katika Chrome hapa, hebu bonyeza Reload.
>> Sasa tuna kidogo zaidi ya kuvutia ukurasa wa nyumbani kwa John
Harvard, ambapo mstari wa kwanza na jina lake, ambayo ni ndani ya kwamba
div kwanza, ni 36 saizi mrefu na pia boldface, ambapo mstari wa pili,
ambayo ni kwa kuwa div pili, ni 24 saizi mrefu, lakini si boldface.
Na ambapo mstari wa tatu katika kwamba theluthi div ni 12 saizi mrefu na pia
si boldface.
Lakini tuseme sasa Ningependa kuhama yote ya kifungu hiki juu ya
kama kwamba ni katikati.
>> Mimi naweza align kila mtu divs kama kuwa katikati.
Lakini kwa urahisi zaidi, naweza kufuta wale divs tatu ndani ya div ya nne,
mzazi div, hivyo kusema, na kubainisha kwamba div na wake wote
kizazi lazima Nakala iliyokaa katikati?
Hebu tuangalie.
>> Ndani ya gedit, hebu kwenda nyuma yangu mwili na kuongeza mpya div juu juu kwa
div, style ni sawa na quote unquote kituo cha Nakala align, karibu
baada ya semicolon kunukuu.
Na sasa, hebu kwenda mbele na Indent wote ya mistari wale kwamba sisi typed kabla ya.
Na chini ya kwamba div ya tatu, hebu karibu div hii mpya.
>> Kwa maneno mengine, kwa sababu wale watatu divs awali ni watoto sasa, hivyo
kusema, mpya mzazi div na nimekuwa maalum kwamba Ningependa align
Nakala ya kwamba div mzazi katika kituo cha ya ukurasa, mali ambayo itakuwa
kurithi na wote wa watoto hao.
Hakika, hebu kuokoa faili na kuangalia katika browser.
Hebu upya katika Chrome.
Na huko tuna yake, hata nicer ukurasa wa nyumbani kwa John Harvard.