>> HOPARL脰R: Bu HTML deyil ki 莽谋x谋r daxili istifad蓹 ed蓹 bil蓹rsiniz yaln谋z dil
bir web page.
Siz CSS deyil蓹n bir 艧ey istifad蓹 ed蓹 bil蓹rsiniz v蓹 ya Cascading Style Sheets, h蓹m莽inin.
CSS daha 莽ox daxil etm蓹k 眉莽眉n imkan verir bir web d蓹qiq esteti臒i
layout v蓹 枚l莽眉l蓹ri, o c眉ml蓹d蓹n s蓹hif蓹 v蓹 r蓹ng v蓹 艧riftl蓹r v蓹 daha 莽ox.
Misal 眉莽眉n, bir web page yaratmaq imkan bir t蓹msil ki, burada deyil蓹n CSS0
John Harvard, dem蓹k, ev s蓹hif蓹.
>> Bu s蓹hif蓹d蓹 biz laz谋md谋r John Harvard nin ad, olacaq alt谋nda
onun qonaqlar 眉莽眉n g枚z蓹l bir mesaj, alt谋nda olan, bir footer olacaq
, b蓹zi copyright m蓹lumat deyirl蓹r.
Bunu etm蓹k 眉莽眉n, 眉莽 b枚lm蓹l蓹rinin m眉蓹yy蓹n ed蓹k tag istifad蓹 ed蓹r蓹k s蓹hif蓹 眉莽眉n
div 莽a臒谋r谋b.
Open bracket div, John Harvard, yax谋n bracket div, ba艧qa bir a莽谋q bracket div,
v蓹 indi biz bir 艧ey belirtirsiniz kimi, m蓹nim ana s蓹hif蓹sin蓹 xo艧 g蓹lmisiniz!
V蓹 h蓹m莽inin, bu div yax谋n qoy.
>> 陌ndi 眉莽眉nc眉 v蓹 son div, copyright.
Just x眉lya olmaq, m蓹n蓹 indi bir HTML istifad蓹 ed蓹k M眉蓹ssis蓹, t蓹msil bir simvolu
bir xarakter ki, siz ba艧qa bilm蓹di klavyenizdeki yaz谋n.
X眉susil蓹, m蓹n gedir蓹m i艧areti, funt, 169, n枚qt蓹li verg眉l.
Ki, r蓹q蓹mli kodu 莽谋x谋r m眉蓹llif simvolu.
Sonra John Harvard daxil bildirin Burada alt.
Nin div yax谋n v蓹 fayl谋 ed蓹k.
>> 陌ndi bu div tag n蓹dir?
The div tag sad蓹c蓹 b枚lg眉s眉 m眉蓹yy蓹n mahiyy蓹tc蓹 olan s蓹hif蓹, bir
d眉zbucaql谋 rayonu.
Bel蓹 ki, vaxt谋nda bu anda, m蓹n 眉莽 d眉zbucaql谋 rayonlar谋nda, 眉st bir
dig蓹r.
Bel蓹 ki, indi 眉莽眉n, t蓹siri dem蓹k olar ki, kimi M蓹n 眉莽-ci madd蓹l蓹rd蓹 baxmayaraq.
Amma biz olduqca 莽ox g枚rm蓹k olmaz Onlar谋n aras谋nda white space.
>> D蓹yi艧dirm蓹k, bu fayl谋 ed蓹k onun icaz蓹l蓹rin v蓹 bir n蓹z蓹r
Chrome an.
Chmod a + CSS0.html r.
Chrome v蓹 s蓹f蓹r a莽maq indi ed蓹k http://localhost.CSS0.html.
H蓹qiq蓹t蓹n, burada bir ev s蓹hif蓹 var John Harvard 眉莽眉n.
陌ndi bir az daha stylize ed蓹k d蓹qiq b蓹zi CSS istifad蓹 ed蓹r蓹k.
>> Geri gedit, bu daxil bildirin ilk div tag v蓹 bir stil 蓹lav蓹
M蓹n ist蓹rdim ki, ifad蓹 atribut bir font dem蓹k, 枚l莽眉s眉, 36 piksel, v蓹 ya px.
V蓹 m蓹n bu font 莽蓹ki ist蓹rdim deyil default 莽ox c蓹sar蓹tli olmaq,
olan normal deyil.
陌kinci div 眉莽眉n, daxil bildirin bir var ki, ba艧qa stil atributu
font 24 piksel 枚l莽眉s眉, bel蓹 ki, bir az ki莽ik.
N枚qt蓹li verg眉l sonra Close quotes.
>> N蓹hay蓹t, bu 眉莽眉nc眉 div ild蓹, n蓹 ed蓹k stil quote, font 枚l莽眉s眉 b蓹rab蓹rdir, v蓹
12 piksel bu d蓹f蓹 deyirl蓹r.
N枚qt蓹li verg眉l sonra Close quote.
M蓹n g枚r眉n眉r ki, sonra bildir蓹k 眉莽眉n still蓹艧dirm蓹 m眉蓹yy蓹n bir bit
istifad蓹 ed蓹r蓹k, bu 眉莽 divs h蓹r, Bu, CSS 莽谋x谋r.
茝slind蓹, siz g枚r眉r眉k sintaksis o ikiqat quotes aras谋nda CSS edir
x眉susi xass蓹l蓹ri css d蓹y蓹rl蓹ri il蓹.
M蓹n idi ki, ilk tag 眉莽眉n iki bel蓹 xass蓹l蓹ri, font 枚l莽眉s眉 v蓹
font 莽蓹ki, m蓹n sad蓹c蓹 ayr谋lm谋艧 bir n枚qt蓹li verg眉l il蓹 onlara.
>> 陌ndi, yaln谋z stil namin蓹, m蓹n d蓹 daxil semicolons at
h蓹r x蓹tti sonu.
Lakin onlar ciddi laz谋m deyilik, Siz yaln谋z bir var x眉susil蓹
蓹mlak m眉蓹yy蓹n edilmi艧dir.
陌ndi fayl saxlamaq v蓹 yenid蓹n bildirin Chrome, v蓹 g枚rm蓹k n蓹
xalis t蓹sir edir.
Geri Chrome burada, nin yenid蓹n y眉kl蓹 bas谋n bildirin.
>> 陌ndi biz bir az daha maraql谋 var John ana s蓹hif蓹
Harvard il蓹 qovu艧durma臒谋m谋z ilk line ki, daxilind蓹 olan, onun ad谋,
ilk div, h蓹m莽inin 36 piksel h眉nd眉r v蓹 yar谋mqara vasit蓹si ikinci x蓹tt
ikinci div olan, 24 h眉nd眉r, lakin boldface piksel.
V蓹 vasit蓹si 眉莽眉nc眉 眉莽眉nc眉 line div d蓹 12 piksel h眉nd眉r v蓹
yar谋mqara deyil.
Amma indi g眉man I ke莽m蓹k ist蓹rdim bu b眉t眉n m蓹tni
m蓹rk蓹zi ki, bu c眉r.
>> M蓹n f蓹rdi h蓹r align bil蓹r m蓹rk蓹zi kimi DIVs.
Amma daha asan, m蓹n o b眉km蓹k bil蓹r d枚rd眉nc眉 div daxilind蓹 眉莽 divs, bir
valideyn div, bel蓹 ki, dan谋艧maq, v蓹 m眉蓹yy蓹n etm蓹k 眉莽眉n ki, div v蓹 b眉t眉n onun
n蓹slind蓹n olmal谋d谋r m蓹tn m蓹rk蓹zi aligned?
Bir n蓹z蓹r salaq.
>> Gedit daxilind蓹, nin geri ged蓹k m蓹nim b蓹d蓹n v蓹 yeni div up 眉st 蓹lav蓹 edin
div, stil quote d谋rna臒谋 ba臒lamaq b蓹rab蓹rdir text align center yax谋n
n枚qt蓹li verg眉l sonra sitat.
陌ndi, b眉t眉n qabaqda v蓹 indent ged蓹k biz 蓹vv蓹l yazd谋臒谋n谋z o x蓹tl蓹ri.
V蓹 眉莽眉nc眉 div a艧a臒谋da, ed蓹k Bu yeni div ba臒lay谋n.
>> Ba艧qa s枚zl蓹, 莽眉nki bu 眉莽 orijinal divs indi u艧aqlar var ki, 眉莽眉n
yeni ana div, dan谋艧maq v蓹 m蓹n var M蓹n align ist蓹diyiniz g枚st蓹ril蓹n
m蓹rk蓹zind蓹 valideyn div m蓹tn S蓹hif蓹nin ki, 蓹mlak olacaq
h蓹min u艧aqlar谋n b眉t眉n miras.
H蓹qiq蓹t蓹n, fayl saxlamaq imkan v蓹 bir browser bir n蓹z蓹r.
Nin Chrome yenid蓹n bildirin.
V蓹 biz bunu, daha g枚z蓹l var John Harvard ev s蓹hif蓹.