1
00:00:00,000 --> 00:00:00,290

2
00:00:00,290 --> 00:00:03,310
>> HOPARL脰R: Bu HTML deyil ki 莽谋x谋r
daxili istifad蓹 ed蓹 bil蓹rsiniz yaln谋z dil

3
00:00:03,310 --> 00:00:03,895
bir web page.

4
00:00:03,895 --> 00:00:08,100
Siz CSS deyil蓹n bir 艧ey istifad蓹 ed蓹 bil蓹rsiniz v蓹 ya
Cascading Style Sheets, h蓹m莽inin.

5
00:00:08,100 --> 00:00:12,120
CSS daha 莽ox daxil etm蓹k 眉莽眉n imkan verir
bir web d蓹qiq esteti臒i

6
00:00:12,120 --> 00:00:16,930
layout v蓹 枚l莽眉l蓹ri, o c眉ml蓹d蓹n s蓹hif蓹 v蓹
r蓹ng v蓹 艧riftl蓹r v蓹 daha 莽ox.

7
00:00:16,930 --> 00:00:20,820
Misal 眉莽眉n, bir web page yaratmaq imkan
bir t蓹msil ki, burada deyil蓹n CSS0

8
00:00:20,820 --> 00:00:22,740
John Harvard, dem蓹k, ev s蓹hif蓹.

9
00:00:22,740 --> 00:00:25,480
>> Bu s蓹hif蓹d蓹 biz laz谋md谋r John Harvard nin
ad, olacaq alt谋nda

10
00:00:25,480 --> 00:00:28,500
onun qonaqlar 眉莽眉n g枚z蓹l bir mesaj, alt谋nda
olan, bir footer olacaq

11
00:00:28,500 --> 00:00:30,590
, b蓹zi copyright m蓹lumat deyirl蓹r.

12
00:00:30,590 --> 00:00:34,650
Bunu etm蓹k 眉莽眉n, 眉莽 b枚lm蓹l蓹rinin m眉蓹yy蓹n ed蓹k
tag istifad蓹 ed蓹r蓹k s蓹hif蓹 眉莽眉n

13
00:00:34,650 --> 00:00:35,670
div 莽a臒谋r谋b.

14
00:00:35,670 --> 00:00:43,880
Open bracket div, John Harvard, yax谋n
bracket div, ba艧qa bir a莽谋q bracket div,

15
00:00:43,880 --> 00:00:48,330
v蓹 indi biz bir 艧ey belirtirsiniz
kimi, m蓹nim ana s蓹hif蓹sin蓹 xo艧 g蓹lmisiniz!

16
00:00:48,330 --> 00:00:50,420
V蓹 h蓹m莽inin, bu div yax谋n qoy.

17
00:00:50,420 --> 00:00:53,700
>> 陌ndi 眉莽眉nc眉 v蓹 son
div, copyright.

18
00:00:53,700 --> 00:00:58,250
Just x眉lya olmaq, m蓹n蓹 indi bir HTML istifad蓹 ed蓹k
M眉蓹ssis蓹, t蓹msil bir simvolu

19
00:00:58,250 --> 00:01:01,140
bir xarakter ki, siz ba艧qa bilm蓹di
klavyenizdeki yaz谋n.

20
00:01:01,140 --> 00:01:07,490
X眉susil蓹, m蓹n gedir蓹m
i艧areti, funt, 169, n枚qt蓹li verg眉l.

21
00:01:07,490 --> 00:01:10,620
Ki, r蓹q蓹mli kodu 莽谋x谋r
m眉蓹llif simvolu.

22
00:01:10,620 --> 00:01:14,260
Sonra John Harvard daxil bildirin
Burada alt.

23
00:01:14,260 --> 00:01:17,180
Nin div yax谋n v蓹 fayl谋 ed蓹k.

24
00:01:17,180 --> 00:01:18,910
>> 陌ndi bu div tag n蓹dir?

25
00:01:18,910 --> 00:01:21,970
The div tag sad蓹c蓹 b枚lg眉s眉 m眉蓹yy蓹n
mahiyy蓹tc蓹 olan s蓹hif蓹, bir

26
00:01:21,970 --> 00:01:23,310
d眉zbucaql谋 rayonu.

27
00:01:23,310 --> 00:01:26,850
Bel蓹 ki, vaxt谋nda bu anda, m蓹n 眉莽
d眉zbucaql谋 rayonlar谋nda, 眉st bir

28
00:01:26,850 --> 00:01:27,620
dig蓹r.

29
00:01:27,620 --> 00:01:30,610
Bel蓹 ki, indi 眉莽眉n, t蓹siri dem蓹k olar ki, kimi
M蓹n 眉莽-ci madd蓹l蓹rd蓹 baxmayaraq.

30
00:01:30,610 --> 00:01:33,490
Amma biz olduqca 莽ox g枚rm蓹k olmaz
Onlar谋n aras谋nda white space.

31
00:01:33,490 --> 00:01:36,170
>> D蓹yi艧dirm蓹k, bu fayl谋 ed蓹k onun
icaz蓹l蓹rin v蓹 bir n蓹z蓹r

32
00:01:36,170 --> 00:01:37,990
Chrome an.

33
00:01:37,990 --> 00:01:43,040
Chmod a + CSS0.html r.

34
00:01:43,040 --> 00:01:52,440
Chrome v蓹 s蓹f蓹r a莽maq indi ed蓹k
http://localhost.CSS0.html.

35
00:01:52,440 --> 00:01:54,630
H蓹qiq蓹t蓹n, burada bir ev s蓹hif蓹 var
John Harvard 眉莽眉n.

36
00:01:54,630 --> 00:01:59,370
陌ndi bir az daha stylize ed蓹k
d蓹qiq b蓹zi CSS istifad蓹 ed蓹r蓹k.

37
00:01:59,370 --> 00:02:03,510
>> Geri gedit, bu daxil bildirin
ilk div tag v蓹 bir stil 蓹lav蓹

38
00:02:03,510 --> 00:02:11,060
M蓹n ist蓹rdim ki, ifad蓹 atribut bir
font dem蓹k, 枚l莽眉s眉, 36 piksel, v蓹 ya px.

39
00:02:11,060 --> 00:02:15,650
V蓹 m蓹n bu font 莽蓹ki ist蓹rdim
deyil default 莽ox c蓹sar蓹tli olmaq,

40
00:02:15,650 --> 00:02:16,980
olan normal deyil.

41
00:02:16,980 --> 00:02:21,170
陌kinci div 眉莽眉n, daxil bildirin
bir var ki, ba艧qa stil atributu

42
00:02:21,170 --> 00:02:25,550
font 24 piksel 枚l莽眉s眉, bel蓹 ki,
bir az ki莽ik.

43
00:02:25,550 --> 00:02:28,410
N枚qt蓹li verg眉l sonra Close quotes.

44
00:02:28,410 --> 00:02:33,255
>> N蓹hay蓹t, bu 眉莽眉nc眉 div ild蓹, n蓹 ed蓹k
stil quote, font 枚l莽眉s眉 b蓹rab蓹rdir, v蓹

45
00:02:33,255 --> 00:02:35,340
12 piksel bu d蓹f蓹 deyirl蓹r.

46
00:02:35,340 --> 00:02:37,280
N枚qt蓹li verg眉l sonra Close quote.

47
00:02:37,280 --> 00:02:40,200
M蓹n g枚r眉n眉r ki, sonra bildir蓹k
眉莽眉n still蓹艧dirm蓹 m眉蓹yy蓹n bir bit

48
00:02:40,200 --> 00:02:43,770
istifad蓹 ed蓹r蓹k, bu 眉莽 divs h蓹r,
Bu, CSS 莽谋x谋r.

49
00:02:43,770 --> 00:02:47,820
茝slind蓹, siz g枚r眉r眉k sintaksis
o ikiqat quotes aras谋nda CSS edir

50
00:02:47,820 --> 00:02:50,620
x眉susi xass蓹l蓹ri css
d蓹y蓹rl蓹ri il蓹.

51
00:02:50,620 --> 00:02:53,910
M蓹n idi ki, ilk tag 眉莽眉n
iki bel蓹 xass蓹l蓹ri, font 枚l莽眉s眉 v蓹

52
00:02:53,910 --> 00:02:57,290
font 莽蓹ki, m蓹n sad蓹c蓹 ayr谋lm谋艧
bir n枚qt蓹li verg眉l il蓹 onlara.

53
00:02:57,290 --> 00:02:59,940
>> 陌ndi, yaln谋z stil namin蓹, m蓹n
d蓹 daxil semicolons at

54
00:02:59,940 --> 00:03:00,880
h蓹r x蓹tti sonu.

55
00:03:00,880 --> 00:03:04,270
Lakin onlar ciddi laz谋m deyilik,
Siz yaln谋z bir var x眉susil蓹

56
00:03:04,270 --> 00:03:05,580
蓹mlak m眉蓹yy蓹n edilmi艧dir.

57
00:03:05,580 --> 00:03:08,370
陌ndi fayl saxlamaq v蓹 yenid蓹n bildirin
Chrome, v蓹 g枚rm蓹k n蓹

58
00:03:08,370 --> 00:03:11,000
xalis t蓹sir edir.

59
00:03:11,000 --> 00:03:13,470
Geri Chrome burada,
nin yenid蓹n y眉kl蓹 bas谋n bildirin.

60
00:03:13,470 --> 00:03:15,800
>> 陌ndi biz bir az daha maraql谋 var
John ana s蓹hif蓹

61
00:03:15,800 --> 00:03:19,000
Harvard il蓹 qovu艧durma臒谋m谋z ilk line
ki, daxilind蓹 olan, onun ad谋,

62
00:03:19,000 --> 00:03:23,470
ilk div, h蓹m莽inin 36 piksel h眉nd眉r v蓹
yar谋mqara vasit蓹si ikinci x蓹tt

63
00:03:23,470 --> 00:03:27,340
ikinci div olan, 24
h眉nd眉r, lakin boldface piksel.

64
00:03:27,340 --> 00:03:31,500
V蓹 vasit蓹si 眉莽眉nc眉 眉莽眉nc眉 line
div d蓹 12 piksel h眉nd眉r v蓹

65
00:03:31,500 --> 00:03:32,610
yar谋mqara deyil.

66
00:03:32,610 --> 00:03:35,380
Amma indi g眉man I ke莽m蓹k ist蓹rdim
bu b眉t眉n m蓹tni

67
00:03:35,380 --> 00:03:36,650
m蓹rk蓹zi ki, bu c眉r.

68
00:03:36,650 --> 00:03:40,480
>> M蓹n f蓹rdi h蓹r align bil蓹r
m蓹rk蓹zi kimi DIVs.

69
00:03:40,480 --> 00:03:45,330
Amma daha asan, m蓹n o b眉km蓹k bil蓹r
d枚rd眉nc眉 div daxilind蓹 眉莽 divs, bir

70
00:03:45,330 --> 00:03:49,360
valideyn div, bel蓹 ki, dan谋艧maq, v蓹 m眉蓹yy蓹n etm蓹k 眉莽眉n
ki, div v蓹 b眉t眉n onun

71
00:03:49,360 --> 00:03:52,610
n蓹slind蓹n olmal谋d谋r
m蓹tn m蓹rk蓹zi aligned?

72
00:03:52,610 --> 00:03:54,120
Bir n蓹z蓹r salaq.

73
00:03:54,120 --> 00:03:58,510
>> Gedit daxilind蓹, nin geri ged蓹k m蓹nim
b蓹d蓹n v蓹 yeni div up 眉st 蓹lav蓹 edin

74
00:03:58,510 --> 00:04:04,460
div, stil quote d谋rna臒谋 ba臒lamaq b蓹rab蓹rdir
text align center yax谋n

75
00:04:04,460 --> 00:04:06,250
n枚qt蓹li verg眉l sonra sitat.

76
00:04:06,250 --> 00:04:10,280
陌ndi, b眉t眉n qabaqda v蓹 indent ged蓹k
biz 蓹vv蓹l yazd谋臒谋n谋z o x蓹tl蓹ri.

77
00:04:10,280 --> 00:04:15,040
V蓹 眉莽眉nc眉 div a艧a臒谋da, ed蓹k
Bu yeni div ba臒lay谋n.

78
00:04:15,040 --> 00:04:18,829
>> Ba艧qa s枚zl蓹, 莽眉nki bu 眉莽
orijinal divs indi u艧aqlar var ki, 眉莽眉n

79
00:04:18,829 --> 00:04:22,110
yeni ana div, dan谋艧maq v蓹 m蓹n var
M蓹n align ist蓹diyiniz g枚st蓹ril蓹n

80
00:04:22,110 --> 00:04:26,140
m蓹rk蓹zind蓹 valideyn div m蓹tn
S蓹hif蓹nin ki, 蓹mlak olacaq

81
00:04:26,140 --> 00:04:28,290
h蓹min u艧aqlar谋n b眉t眉n miras.

82
00:04:28,290 --> 00:04:32,370
H蓹qiq蓹t蓹n, fayl saxlamaq imkan v蓹
bir browser bir n蓹z蓹r.

83
00:04:32,370 --> 00:04:34,650
Nin Chrome yenid蓹n bildirin.

84
00:04:34,650 --> 00:04:37,540
V蓹 biz bunu, daha g枚z蓹l var
John Harvard ev s蓹hif蓹.

85
00:04:37,540 --> 00:04:39,872