>> [MUSIC PLAYING]
>> DOUG LLOYD: Bel蓹 ki, bir daha g枚t眉r蓹k video daha bir dil haqq谋nda dan谋艧maq.
Biz CSS haqq谋nda dan谋艧maq laz谋md谋r Bu d蓹f蓹.
脺莽眉n q谋sa, bel蓹 ki, CSS, Cascading Style Sheets,
Biz istifad蓹 bir dili web in艧a zaman.
Bu kimi d眉艧眉n眉n.
HTML t蓹艧kil etm蓹k 眉莽眉n istifad蓹 n蓹 varsa Biz s蓹hif蓹d蓹 qoymaq ist蓹yir蓹m content,
CSS biz 眉mumiyy蓹tl蓹 istifad蓹 al蓹tdir Bizim saytlar谋 baxmaq nec蓹 枚zelle艧tirmek 眉莽眉n,
v蓹 nec蓹 istifad蓹莽i t蓹cr眉b蓹si h蓹qiq蓹t蓹n bizim web il蓹 蓹laq蓹 edir.
>> HTML kimi, CSS deyil bir proqramla艧d谋rma dili.
Bu m蓹ntiq yoxdur.
Bu d蓹yi艧蓹nl蓹rin yoxdur.
Bu h蓹r hans谋 yoxdur C yoxdur ba臒l谋 艧eyi ax谋r.
Bu dizayn dil var.
V蓹 onun sintaksis olduqca sad蓹 v蓹 yaln谋z t蓹svir
nec蓹 elementl蓹ri bizim s蓹hif蓹 m眉蓹yy蓹n HTML var
elementl蓹ri redakt蓹 etm蓹k laz谋md谋r.
Bu m蓹qs蓹dl蓹, siz varsa h蓹l蓹 HTML bizim video seyr
v蓹 ya tan谋mad谋臒谋 HTML 眉mumiyy蓹tl蓹, siz蓹
ki, n蓹z蓹r ed蓹 bil蓹rsiniz CSS ilk, 莽眉nki bu m眉zakir蓹
as谋l谋 gedir HTML b蓹zi bilik.
>> Bel蓹 ki, burada h蓹qiq蓹t蓹n var sad蓹 CSS stil.
Siz he莽 bel蓹 蓹vv蓹l CSS il蓹 proqramla艧d谋r谋lm谋艧,
Siz anlamaq m蓹n olduqca 蓹min蓹m Bu stil d蓹qiq n蓹.
O n蓹 edir?
B蓹li, bizim web orqan谋na m眉raci蓹t b蓹d蓹n tags aras谋nda, s蓹hif蓹 h蓹r 艧ey
Bizim HTML v蓹 bu m眉蓹yy蓹n blue ki, s蓹hif蓹nin fon r蓹ngi.
B蓹li, bu 莽ox sad蓹 stil var.
Bu, h蓹qiq蓹t蓹n 莽ox insan var dostluq dil, CSS.
Bel蓹 ki, 蓹vv蓹l istifad蓹 he莽 etdik, h蓹tta Siz y蓹qin ki, n蓹 tahmin ed蓹 bil蓹r.
茝slind蓹, 蓹g蓹r biz bir s蓹hif蓹, y眉kl蓹n蓹n Bu stil, el蓹 蓹laq蓹dar edildi
Bizim s蓹hif蓹nin background color olard谋 mavi, v蓹 standart a臒 deyil.
>> Bel蓹 ki, nec蓹 biz stil qurmaq edirsiniz?
B蓹li ilk biz var bir selector m眉蓹yy蓹n edir.
Son misal olaraq, ki selector orqan idi.
Sonra biz bir a莽谋q buruq brace v蓹 biz ist蓹yirik
m眉蓹yy蓹n ba艧lamaq niyy蓹tind蓹dir ki selector 眉莽眉n stil.
Q谋vr谋m a艧谋rma aras谋nda, biz yaln谋z 蓹sas d蓹y蓹r c眉t bir siyah谋s谋 var.
茝vv蓹lki d蓹y蓹r c眉t idi background color blue n枚qt蓹li verg眉l,
lakin biz bu daha 莽ox ola bil蓹r.
Siz 莽ox 艧ey t蓹tbiq ola bil蓹r tag ki, selector b蓹d蓹n.
Onlar谋n h蓹r biri bir il蓹 ayr谋l谋r n枚qt蓹li verg眉l v蓹 biz onlar谋n h蓹r biri z蓹ng
b蓹yannam蓹, CSS b蓹yannam蓹.
Biz b眉t眉n 眉slubu biz il蓹 bitti臒inde x眉susi tag m眉raci蓹t etm蓹k ist蓹yir蓹m,
biz yaln谋z bir yekun buruq var stil son bur臒u,
v蓹 biz stil m眉蓹yy蓹n tamamlay谋n x眉susi selector 眉莽眉n.
>> B蓹zi 眉mumi CSS x眉susiyy蓹tl蓹ri hans谋lard谋r?
B蓹li, b蓹lk蓹 qoymaq ist蓹yir蓹m bir 艧ey 蓹traf谋nda bir s蓹rh蓹d.
Siz dem蓹k olar ki, s蓹rh蓹d, ki, 蓹sas olacaq,
v蓹 sonra d蓹y蓹rl蓹r olard谋, n蓹 stil, r蓹ng, eni
Siz olmaq ist蓹yir蓹m.
Bel蓹 ki, stil m枚hk蓹m ola bil蓹r line, bir dotted line, bir berbat x蓹tti,
dal臒al谋 x蓹tt olacaq silsil蓹si line.
B蓹lk蓹 var ist蓹yir蓹m mavi v蓹 ya qara v蓹 ya ya艧谋l ola bil蓹r.
B蓹lk蓹 olmaq ist蓹yir蓹m 1 v蓹 ya 2 v蓹 ya 10 piksel geni艧.
Siz bu 艧eyi b眉t眉n belirtebilirsiniz.
B蓹lk蓹 fon qurmaq ist蓹yir蓹m x眉susi 艧蓹kild蓹 s蓹hif蓹nin r蓹ng.
Biz art谋q q蓹bulu, g枚rd眉m ki, b蓹d蓹n fon mavi olmal谋d谋r.
>> Sonra bir a莽ar s枚z眉 istifad蓹 ed蓹 bil蓹rsiniz, bel蓹 CSS m眉蓹yy蓹n r蓹ng var
ki, onu ya艧谋l, mavi in艧a edilir qara, bilirik ki, 莽ox sad蓹 r蓹ng.
Amma siz d蓹 h蓹r hans谋 bir daxil ed蓹 bil蓹rsiniz Ist蓹diyiniz hex r蓹ng.
R蓹ng m眉蓹yy蓹n edil蓹 bil蓹r Recall 眉莽 hex 蓹d蓹d bir d蓹sti il蓹
0-dan 255, rg v蓹 b 眉莽眉n q谋rm谋z谋, ya艧谋l v蓹 mavi komponenti.
V蓹 bel蓹 ki, biz m眉蓹yy蓹n ed蓹 bil蓹rsiniz biz ist蓹diyiniz h蓹r hans谋 bir r蓹ng,
蓹v蓹zin蓹 mavi v蓹 ya ya艧谋l v蓹 ya qara istifad蓹 ed蓹r蓹k, funt istifad蓹 v蓹 hex sonra alt谋 r蓹q蓹m,
v蓹 biz蓹 ver蓹c蓹k alt谋 r蓹q蓹mli r蓹ng.
Bel蓹 ki, fon r蓹ngi var.
>> Biz d蓹 枚n planda var ad蓹t蓹n r蓹ng,
Sizin s蓹hif蓹 m蓹tni olacaq.
V蓹 eyni bunu ed蓹 bil蓹r 蓹sas s枚z v蓹 ya alt谋 r蓹q蓹mli hex il蓹.
Bel蓹 ki, h蓹r hans谋 bir r蓹ng belirtebilirsiniz siz Sizin s蓹hif蓹 m蓹tn 眉莽眉n ist蓹yir蓹m
x眉susi qar艧谋 fon r蓹ngi, yuxar谋da.
Siz h蓹m莽inin d蓹yi艧dirm蓹k v蓹 m蓹艧臒ul ola bil蓹r font v蓹 yol m蓹tn
s蓹hif蓹 g枚st蓹rilir.
>> Bel蓹 ki, sizin font 枚l莽眉s眉n眉 d蓹yi艧蓹 bil蓹rsiniz.
Siz bel蓹 蓹lav蓹 kimi a莽ar s枚zl蓹r, istifad蓹 ed蓹 bil蓹rsiniz 蓹lav蓹 ki莽ik v蓹 ya ki莽ik xx, v蓹 ya orta,
b枚y眉k, v蓹 s.
Siz sabit xal istifad蓹 ed蓹 bil蓹rsiniz 10 point, 12 point, v蓹 s.
Siz faiz, 80%, 20% istifad蓹 ed蓹 bil蓹rsiniz burada 100% default font edir
ad蓹t蓹n gedir 枚l莽眉s眉, 11 v蓹 ya 12 xal kimi bir 艧ey ola bil蓹r.
V蓹 ya h蓹tta off bazas谋 bil蓹r 茝n son font 枚l莽眉s眉.
Siz yaln谋z bir 艧ey yaz谋b v蓹 bilirsinizs蓹 Bu ki莽ik olmaq 眉莽眉n ist蓹diyiniz n蓹, var
lakin siz bilmir蓹m d蓹qiq n蓹 枚l莽眉s眉 bu, yax艧谋, yaln谋z dem蓹k olar ist蓹yir蓹m,
font 枚l莽眉s眉 ki莽ik.
V蓹 bu, off 蓹sas谋 olacaq yaln谋z yuxar谋da, bu font 枚l莽眉s眉 var.
V蓹 ki莽ik v蓹 ya b枚y眉k 蓹ld蓹 ed蓹 bil蓹rsiniz.
Bel蓹 ki, m眉xt蓹lif bir 莽ox var yollar谋 font 枚l莽眉s眉 m眉蓹yy蓹n etm蓹k.
>> Siz h蓹m莽inin hans谋 daxil ed蓹 bil蓹rsiniz Ist蓹diyiniz font ail蓹.
M眉蓹yy蓹n bir varsa ad谋, bir yol var CSS
Biz bu bar蓹d蓹 dan谋艧maq fikrind蓹 deyilik burada 莽ox x眉susi bir font m眉蓹yy蓹n etm蓹k
v蓹 s蓹hif蓹 onu embed.
Siz h蓹m莽inin 眉mumi adlar谋 istifad蓹 ed蓹 bil蓹rsiniz.
Web t蓹hl眉k蓹siz fonts bir 莽ox var ki, CSS 蓹vv蓹lc蓹d蓹n m眉蓹yy蓹n edilir.
V蓹 Microsoft bir istifad蓹莽i 蓹g蓹r Son 20 ild蓹 Office,
Siz y蓹qin ki, il蓹 tan谋艧 edirik bu web t蓹hl眉k蓹siz fonts bir 莽ox
art谋q, Times New Roman, Arial, , New, G眉rc眉stan, Tahoma, Verdana Courier
v蓹 s.
O b眉t眉n web t蓹hl眉k蓹siz fonts hesab edilir.
V蓹 h蓹qiq蓹t蓹n, part s蓹b蓹b onlar g蓹ldi
h蓹r s蓹hif蓹 web-- etm蓹k 眉莽眉n istifad蓹 edil蓹 idi Bu default giri艧 fonts qurmu艧du
m眉xt蓹lif serifs, v蓹 b眉t眉n bu il蓹 biz daxil deyil font stuff,
lakin bu ad蓹t蓹n Sizin CSS 蓹l莽atan,
siz deyil, h蓹tta ba艧qa fonts m眉蓹yy蓹n edir.
N蓹hay蓹t, sizin m蓹tn align bil蓹r, Bu olan 蓹v蓹zin蓹, ismar谋clar谋 aligned edir
sol, siz ola bil蓹r sa臒 眉莽眉n align,
v蓹 ya onu m蓹rk蓹zi align, v蓹 ya ed蓹 bil蓹r Bu, h蓹m d蓹 qaydalar谋ndan edib ki, haql谋.
O Bel蓹 ki, istifad蓹 ed蓹 bil蓹rsiniz b眉t眉n variantlar谋 m蓹tn kimi g枚r眉n眉r n蓹 d蓹yi艧dirm蓹k 眉莽眉n,
v蓹 sizin s蓹hif蓹 nec蓹 n眉mayi艧.
>> Sizin se莽iciler deyil tags yaln谋z olmal谋d谋r.
Biz 蓹vv蓹ll蓹r bir b蓹d蓹n tag g枚rd眉m selector, v蓹 tag selector
yaln谋z kimi baxmaq deyil.
Siz sonra bir tag ad谋 v蓹 ki tag 眉莽眉n bir stil m眉蓹yy蓹n edir.
Amma siz d蓹 bir 艧ey ed蓹 bil蓹rsiniz 艧蓹xsiyy蓹t selector 莽a臒谋r谋b.
An ID selector olduqca ox艧ar g枚r眉n眉r.
Amma indi istifad蓹 deyil蓹m ki, qeyd HTML tag, m蓹n bu halda, istifad蓹 edir蓹m
#unique, v蓹 ya unikal hash.
Siz geri 蓹g蓹r bizim HTML video, dan谋艧d谋q
tags atributlar谋 ola bil蓹r nec蓹 haqq谋nda.
>> V蓹 bir atributu ki t蓹tbiq olduqca 莽ox b眉t眉n HTML tags,
lakin biz bu bar蓹d蓹 dan谋艧maq deyil, 艧蓹xsiyy蓹t tag deyil蓹n bir 艧ey var.
Bel蓹 ki, bu CSS ki yaln谋z var HTML tag m眉raci蓹t
莽ox x眉susi bir ID, adl谋 etdik ki.
茝g蓹r haradasa varsa Sizin kodu, haradasa
HTML fayl, tag v蓹 siz ki, tag bir atributu kimi m眉蓹yy蓹n,
ID, bu unikal b蓹rab蓹rdir x眉susi stil
Burada yaln谋z aras谋nda m眉raci蓹t ed蓹c蓹k unikal ID il蓹 tag.
>> Siz h蓹m莽inin bir 艧ey ed蓹 bil蓹rsiniz bir sinif selector 莽a臒谋r谋b.
Olan 蓹lav蓹 So ID siz d蓹 ed蓹 bil蓹rsiniz, atributlar谋
HTML tags bir sinif atributu 蓹lav蓹 edin.
V蓹 bir sinif atributu istifad蓹 ed蓹rk蓹n, bird蓹n 莽ox tags t蓹tbiq oluna bil蓹r.
Bel蓹 ki, bir ne莽蓹 艧ey var ki, 蓹g蓹r , b蓹lk蓹 dem蓹k ox艧ar ist蓹yir蓹m,
a莽谋q tag blah, blah, blah, blah, sinif 艧agirdl蓹ri b蓹rab蓹rdir.
V蓹 sonra bu stil m眉raci蓹t edir蓹m
Onun sinif h蓹r tag t蓹l蓹b蓹l蓹r edir.
Bu halda, biz m眉蓹yy蓹n ediyorum sar谋 fon r蓹ngi,
v蓹 biz qeyri-艧蓹ffafl谋q m眉蓹yy蓹n ist蓹diyiniz biz haqq谋nda dan谋艧maq deyil ki, bir tag edir
lakin nec蓹 艧蓹ffaf il蓹 m蓹艧臒ul bir 艧ey bu halda, 70% edir.
>> 脺莽眉n iki variant var yaz谋 stil.
Siz onlar谋 yaza bil蓹rsiniz birba艧a HTML
stil yerl蓹艧dirilm蓹si stil tags aras谋nda.
V蓹 bu stil tags daxilind蓹 getm蓹k web page r蓹hb蓹ri tags.
b蓹lk蓹 daha 莽ox 眉st眉nl眉k yol etm蓹k Bu ayr谋-ayr谋 .css fayl yazmaq 眉莽眉n,
v蓹 sonra daxil link link tags istifad蓹 s蓹n蓹d.
Link tags, yen蓹 var hiperlink f蓹rqli,
Siz bizim video bir HTML geri 蓹g蓹r.
V蓹 link tags nec蓹 biz ayr谋-ayr谋 fayllar谋 莽蓹kin.
Bu n枚v b蓹rab蓹r kimi web proqramla艧d谋rma 眉莽眉n # daxildir.
>> Bel蓹 ki, table.HTML bir n蓹z蓹r salaq.
Siz geri 蓹g蓹r bizim HTML video, m蓹n g枚st蓹rdi
莽ox n眉mun蓹si sad蓹 vurma
olduqca baxd谋 masa 莽irkin v蓹 b蓹lk蓹 var
bir yol il蓹 daha yax艧谋 etm蓹k 眉莽眉n CSS, bu, h蓹qiq蓹t蓹n baxmaq 眉莽眉n
bir vurma kimi daha masa, v蓹 ya bir 艧ey
yaln谋z birlikd蓹 stuck deyil he莽 bir faktiki b枚lg眉s眉 il蓹
sat谋r ve s眉tun aras谋nda.
Bel蓹 ki, 眉z蓹rind蓹 r蓹hb蓹rlik ed蓹k CS50 IDE v蓹 n蓹z蓹r
CSS, sort, 莽imdik bil蓹r nec蓹 biz 蓹vv蓹l il蓹 ba艧lad谋,
v蓹 bir 莽ox daha yax艧谋 bir 艧ey etm蓹k.
>> Bel蓹likl蓹, biz CS50 IDE ist蓹yirik indi v蓹 tan谋mad谋臒谋 halda,
biz bu qoparmaq laz谋md谋r masa HTML s蓹hif蓹 ki.
Table.HTML 蓹sas蓹n yaln谋z m蓹zmunu m眉蓹yy蓹n
bir multiple-- o olmaq idi D枚rd d枚rd vurma masa.
Bu olduqca sad蓹.
V蓹 biz bu olard谋 ki, hesab edir蓹m ki, olduqca yax艧谋 t蓹艧kil baxmaq.
茝slind蓹, biz bu s蓹hif蓹 枚nizleme zaman, Biz bu c眉r 莽irkin, do臒ru ki, g枚r蓹c蓹ksiniz?
Ayd谋nd谋r ki, biz burada sat谋r ve s眉tun var.
Orada ayr谋lmas谋 bir n枚v.
Amma bir m蓹nal谋 ayr谋l谋q deyil.
Biz, h蓹qiq蓹t蓹n, 蓹ld蓹 deyilik Burada 莽ox m蓹lumat.
Aras谋nda he莽 bir ayr谋l谋q yoxdur bax谋m谋ndan sat谋r ve s眉tun
眉f眉qi v蓹 ya 艧aquli qaydalar谋.
Biz y蓹qin ki, bu ed蓹 bil蓹r daha yax艧谋 bir az baxmaq.
Bel蓹 ki, c蓹hd ed蓹k.
Bel蓹 ki, m蓹n burada bu ni艧an谋 yax谋n gedir蓹m.
V蓹 M蓹n table.HTML yax谋n gedir蓹m v蓹 m蓹n burada ba艧qa bir versiyas谋 var
table2.HTML 莽a臒谋r谋b.
Biz bu a莽maq laz谋md谋r.
S蓹hif蓹nin orqan谋d谋r olduqca 莽ox eyni,
amma d蓹yi艧ib etdik 眉st az.
M蓹n burada diyirl蓹yin laz谋md谋r.
M蓹n ki, bu d蓹f蓹 ed蓹k 蓹laq蓹dar stil tags istifad蓹.
M蓹n bir stil tag a莽谋ld谋 etdik v蓹 m蓹n art谋q Ben yaln谋z daxilind蓹 CSS stil m眉蓹yy蓹n
Bunun.
M蓹n masa deyir ki, bir stil var.
Bu m蓹nim tag selector var.
M蓹n n枚qt蓹 v蓹 ya hash istifad蓹 deyil蓹m, M蓹n I 蓹g蓹r bunu olunacaq
ID v蓹 ya bir sinif selector istifad蓹 etdi.
M蓹n bir tag selector burada masa var.
Bu stil gedir h蓹r masa tag t蓹tbiq edilir.
G枚r眉n眉r M蓹n bir qoymaq ist蓹yir蓹m geni艧 pixel, b蓹rk mavi s蓹rh蓹d,
M蓹nim masa daxilind蓹.
Bu kimi y蓹qin ki, s蓹sl蓹nir sa臒, v蓹ziyy蓹t k枚m蓹k?
Biz olacaq h蓹r 艧eyi 莽ox yax艧谋 baxmaq.
Bel蓹 ki, bu yax艧谋d谋r.
Stylistically, M蓹n yaln谋z var burada m蓹nim stil 蓹laq蓹dar.
Bu, 蓹lb蓹tt蓹, bir var bunu m蓹qbul yoldur.
Bu kimi g枚r眉n眉r n蓹 ed蓹k.
Bel蓹likl蓹, m蓹n a艧a臒谋 burada geri getm蓹k v蓹 laz谋md谋r M蓹n table2.HTML 枚nizleme ed蓹c蓹yik.
Yax艧谋, ki, m蓹n n蓹 ist蓹diyini 莽ox deyil lakin biz xahi艧 d蓹qiq n蓹.
Biz bu stil bildirib ki, Bizim masa m眉raci蓹t etm蓹k niyy蓹tind蓹dir.
Bizim masa indi bir pixel var onun 蓹traf谋nda geni艧, m枚hk蓹m mavi s蓹rh蓹d.
Biz, h蓹qiq蓹t蓹n, 蓹ld蓹 deyilik masa h眉ceyr蓹l蓹ri.
Biz yaln谋z masada 蓹ld蓹 edirik.
Bel蓹 ki, CSS 莽al谋艧m谋艧d谋r.
Bu t蓹tbiq bir Bizim masa stil.
Lakin kifay蓹t q蓹d蓹r etm蓹di n蓹 biz bunu ist蓹yirdim.
Biz n蓹 almaq nec蓹 n蓹 biz bunu ist蓹yirsiniz?
>> Yax艧谋, bir daha n蓹z蓹r salaq table3.HTML bu versiyas谋.
Bel蓹likl蓹, m蓹n yaln谋z bu Ni艧anlar yax谋n gedir蓹m.
M蓹n burada geri 眉z蓹rind蓹 getm蓹k 眉莽眉n gedir蓹m m蓹nim a臒ac fayl v蓹 table3.HTML a莽maq.
Yen蓹, bu, olduqca baxmaq olacaq burada ba艧谋nda b蓹nz蓹r.
Ancaq x蓹b蓹rdarl谋q, bu d蓹f蓹 yerin蓹 istifad蓹 orada 蓹laq蓹dar bir stil,
M蓹n bir ke莽id gedir蓹m link tag istifad蓹 stil.
Bel蓹likl蓹, m蓹n y蓹qin birl蓹艧dir蓹n al谋ram tables.CSS adl谋 stil,
v蓹 bu yax艧谋 b蓹rab蓹rdir stil yaln谋z, yax艧谋 means--
Bu fayl nisbi n蓹 etdikl蓹rini v蓹 n蓹 M蓹n deyil蓹m bir stil var 蓹m蓹lind蓹ndir deyil蓹m
M蓹nim s蓹hif蓹 眉莽眉n istifad蓹.
M蓹n, h蓹qiq蓹t蓹n, n蓹 g枚rm蓹k ist蓹yirsinizs蓹 Bel蓹 ki, M蓹n burada CSS edir蓹m
Hesab edir蓹m ki, a莽谋q getm蓹k laz谋md谋r table.CSS h蓹m莽inin fayl.
Bel蓹likl蓹, biz burada art谋q geri getm蓹k laz谋md谋r daha fayl a臒ac.
Table.CSS var.
Biz bunu a莽谋q pop laz谋md谋r.
陌ndi biz CSS bir az g枚rd眉kd蓹.
G枚r眉n眉r, m蓹n bir ne莽蓹 var 艧eyi burada davam.
M蓹n y蓹qin be艧 qoymaq ist蓹yir蓹m geni艧 pixel, b蓹rk q谋rm谋z谋 s蓹rh蓹d,
M蓹nim masa 蓹traf谋nda.
Biz art谋q olacaq bilirik ki, yaln谋z perimetri getm蓹k 眉莽眉n.
Biz table2.HTML ki, g枚rd眉m.
H蓹r bir s谋ra, m蓹n y蓹qin ifad蓹 etm蓹k ist蓹yir蓹m
ki, c蓹rg蓹 boyu 50 piksel y眉ks蓹k.
Bel蓹 ki, h蓹r c蓹rg蓹 眉莽眉n, xat谋rlay谋ram ki, tr tag n蓹 var
M蓹n 50 piksel y眉ks蓹k edilm蓹si al谋ram.
>> N蓹hay蓹t, m蓹n bu 艧蓹rh yoxdur.
V蓹 bu CSS 艧蓹rh etm蓹k nec蓹.
Bu blok tutmaq 眉莽眉n 莽ox ox艧ar 艧蓹rh syntax 莽izgi star.
Ist蓹diyiniz b眉t眉n m蓹tn.
He莽 bir 莽izgi 莽izgi CSS olsa var.
Q谋sa inline 艧蓹rh, biz Burada bu format istifad蓹 etm蓹k.
M蓹n edir蓹m kimi g枚r眉n眉r M蓹nim td tags 艧eyi var.
Td tags, v蓹 ya masa saxla h蓹qiq蓹t蓹n, yaln谋z var data,
daxilind蓹 s眉tun Bizim sat谋rlar, v蓹 y蓹qin
m蓹lumatlar谋n h蓹r par莽a 眉莽眉n M蓹nim masa, m蓹n ist蓹yir蓹m
fon r蓹ngi t蓹yin etm蓹k 眉莽眉n qara, r蓹ng, a臒 olmaq
r蓹ng 枚n r蓹ng deyil.
Bel蓹 ki, bu olacaq m蓹nim s蓹hif蓹 m蓹tn.
M蓹n b枚y眉k font 22 ist蓹yir蓹m font qeyd v蓹 m蓹n ist蓹yir蓹m
Bu, font ail蓹 Georgia olmal谋d谋r.
Bel蓹likl蓹, m蓹n fikrind蓹 deyil蓹m default font var.
M蓹n G眉rc眉stan, m眉蓹yy蓹n etm蓹k 眉莽眉n gedir蓹m olan bu web t蓹hl眉k蓹siz 艧riftl蓹ri biridir
biz 蓹vv蓹l g枚rd眉m ki.
M蓹n m蓹tn aligned etm蓹k ist蓹yir蓹m M蓹rk蓹zl蓹艧dirilmi艧 qutusu ortas谋nda,
M蓹n t蓹rk etm蓹k ist蓹mir蓹m aligned v蓹 ya sa臒 aligned edir.
M蓹n s眉tun geni艧liyi ist蓹yir蓹m geni艧 el蓹c蓹 d蓹 50 piksel olmal谋d谋r.
Nin bir n蓹z蓹r salaq bu kimi g枚r眉n眉r n蓹,
Bu b蓹lk蓹 bir inki艧af 蓹g蓹r bax谋n.
Bel蓹likl蓹, m蓹n table3.HTML, getm蓹k 眉莽眉n gedir蓹m olan geri, bir ke莽id kimi table.CSS daxildir
v蓹 biz 枚nizleme bil蓹rsiniz.
Bu do臒ru, bir 莽ox daha yax艧谋d谋r?
Bu, h蓹qiq蓹t蓹n bir baxmaq ba艧lay谋r daha vurma masa kimi 莽ox.
Hesab edir蓹m ki, q谋rm谋z谋 s蓹rh蓹d var M蓹nim masa 蓹traf谋nda amma indi
M蓹n d蓹 ki, belirtti臒iniz h蓹r bir sat谋r, 50 piksel geni艧
v蓹 ya tall-- b蓹han蓹 50 piksel var me-- h蓹r s眉tun 50 piksel geni艧dir.
H蓹r s眉tun data, yaln谋z v蓹 yaln谋z data, qara fon var.
Bel蓹 ki, niy蓹 o var a臒 x蓹tl蓹ri var.
Space 脟眉nki o h眉ceyr蓹l蓹ri b眉t眉n aras谋nda,
bu bir s蓹rh蓹d deyil v蓹 枚z眉, yaln谋z var
M蓹n yaln谋z doldurulmas谋 al谋ram h眉ceyr蓹l蓹ri, h蓹qiq蓹t蓹n olan
masa s蓹rh蓹dl蓹ri, edir G枚r眉n眉r, b眉t眉n birlikd蓹 m枚vcud idi
yaln谋z nazik a臒 x蓹tl蓹r idi.
陌ndi onlar g枚r眉n蓹n ist蓹yirik.
陌ndi onlar ekranda off pop.
V蓹 bu 莽ox sad蓹 M蓹n m眉raci蓹t etdik stil,
v蓹 indi m蓹nim masa daha 莽ox kimi bir 莽ox g枚r眉n眉r D枚rd d枚rd t蓹r蓹find蓹n vurma masa,
蓹v蓹zin蓹 yaln谋z jumbled mess, bu h蓹r 艧ey ayd谋n sat谋r ve s眉tun var,
lakin super yax艧谋 t蓹艧kil.
Biz, h蓹qiq蓹t蓹n, yaln谋z s蓹thi kaz谋ma edirik Burada CSS il蓹 n蓹 ed蓹.
Xo艧b蓹xtlikd蓹n CSS s蓹n蓹dl蓹r olduqca sad蓹 deyil.
Siz bir ne莽蓹 istifad蓹 ed蓹c蓹yik onun kifay蓹t q蓹d蓹r tez-tez atributlar谋.
biz dan谋艧d谋q olanlar bu video.
Siz bir ne莽蓹 var y蓹qin ki, b眉t眉n istifad蓹 ed蓹c蓹k.
V蓹 莽ox g枚z蓹l var.
Amma yaln谋z bir var ki, bilirik Orada s蓹n蓹dl蓹rin 莽ox.
Bel蓹 ki, biz h蓹r 艧eyi 蓹hat蓹 etm蓹yib, h蓹tta, Siz 蓹lb蓹tt蓹 ki, 枚z sol deyilik.
Amma CSS h蓹qiq蓹t蓹n fun il蓹 s谋na臒a.
M蓹n g眉cl眉 tavsiye ederim Web pages il蓹 蓹traf谋nda oynamaq 眉莽眉n,
v蓹 onlar谋 ed蓹 bil蓹rsiniz nec蓹 baxmaq v蓹 istifad蓹莽i yax艧谋la艧d谋r谋lmas谋 眉莽眉n hiss
Sizin page ziyaret t蓹cr眉b蓹si.
M蓹n Doug Lloyd edir蓹m.
Bu CS50 edir.