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

2
00:00:00,290 --> 00:00:03,310
>> Cainteoir: Casadh sé amach nach bhfuil HTML
an teanga ach is féidir leat é a úsáid taobh istigh

3
00:00:03,310 --> 00:00:03,895
de leathanach gréasáin.

4
00:00:03,895 --> 00:00:08,100
Is féidir leat úsáid a bhaint rud ar a dtugtar CSS, nó
Stílbhileoga Cascáideacha, chomh maith.

5
00:00:08,100 --> 00:00:12,120
Ceadaíonn CSS leat a shonrú i bhfad níos mó
go beacht an aeistéitic de gréasáin

6
00:00:12,120 --> 00:00:16,930
leathanach, lena n-áirítear leagan amach agus méideanna agus
dathanna agus clónna, agus i bhfad níos mó.

7
00:00:16,930 --> 00:00:20,820
Mar shampla, a ligean ar a chruthú leathanach gréasáin
anseo ar a dtugtar CSS0 go léiríonn

8
00:00:20,820 --> 00:00:22,740
leathanach baile le haghaidh, abair, John Harvard.

9
00:00:22,740 --> 00:00:25,480
>> Ar an leathanach seo, beidh orainn John Harvard
ainm, faoi bhun a bheidh

10
00:00:25,480 --> 00:00:28,500
teachtaireacht deas as a chuid cuairteoirí, faoi bhun
a bheidh ina buntásc, le

11
00:00:28,500 --> 00:00:30,590
rá, faisnéis cóipchirt éigin.

12
00:00:30,590 --> 00:00:34,650
Chun seo a dhéanamh, a ligean ar shainmhíniú trí rannán
don leathanach úsáidtear clib

13
00:00:34,650 --> 00:00:35,670
ar a dtugtar div.

14
00:00:35,670 --> 00:00:43,880
Div lúibín Oscailte, John Harvard, gar
div lúibín, div lúibín oscailte eile,

15
00:00:43,880 --> 00:00:48,330
agus anois beidh orainn a shonrú rud éigin
cosúil le, fáilte go dtí mo leathanach baile!

16
00:00:48,330 --> 00:00:50,420
Agus a ligean ar dhúnadh an div, chomh maith.

17
00:00:50,420 --> 00:00:53,700
>> Agus anois an tríú agus deiridh
div, cóipcheart.

18
00:00:53,700 --> 00:00:58,250
Just a bheith mhaisiúil, lig dom a úsáid anois HTML
aonán, siombail gur ionann

19
00:00:58,250 --> 00:01:01,140
carachtar nach bhféadfaí tú a mhalairt
cineál ar do mhéarchlár.

20
00:01:01,140 --> 00:01:07,490
Go háirithe, tá mé ag dul a dhéanamh
ampersand, punt, 169, Leathstad.

21
00:01:07,490 --> 00:01:10,620
Géara amach go bhfuil an cód uimhriúil
don tsiombail chóipchirt.

22
00:01:10,620 --> 00:01:14,260
Ansin a ligean ar a shonrú John Harvard
anseo ag bun an leathanaigh.

23
00:01:14,260 --> 00:01:17,180
A ligean ar dhúnadh an div agus an comhad a shábháil.

24
00:01:17,180 --> 00:01:18,910
>> Anois, cad é an gclib seo div?

25
00:01:18,910 --> 00:01:21,970
An chlib div Sainmhíníonn ach rannán
an leathanaigh, atá go bunúsach

26
00:01:21,970 --> 00:01:23,310
réigiún dronuilleogach.

27
00:01:23,310 --> 00:01:26,850
Mar sin, ag an láthair in am, tá mé trí
réigiúin dronuilleogach, ceann ar bharr

28
00:01:26,850 --> 00:01:27,620
ar an taobh eile.

29
00:01:27,620 --> 00:01:30,610
Mar sin, do anois, is é an éifeacht beagnach mar
cé go raibh mé trí mhír.

30
00:01:30,610 --> 00:01:33,490
Ach ní bheidh muid a fheiceáil go leor an oiread
spás bán i eatarthu.

31
00:01:33,490 --> 00:01:36,170
>> A ligean ar an comhad seo a shábháil, a athrú a
ceadanna, agus a chur le breathnú ar feadh

32
00:01:36,170 --> 00:01:37,990
láthair i Chrome.

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

34
00:01:43,040 --> 00:01:52,440
A ligean ar anois a oscailt suas Chrome agus cuairt a thabhairt
http://localhost.CSS0.html.

35
00:01:52,440 --> 00:01:54,630
Go deimhin, tá anseo ar leathanach baile
do John Harvard.

36
00:01:54,630 --> 00:01:59,370
A ligean ar stylize anois sé beagán níos
go beacht ag úsáid roinnt CSS.

37
00:01:59,370 --> 00:02:03,510
>> Ar ais i gedit, a ligean ar dul isteach sa
tag div chéad agus add a stíl

38
00:02:03,510 --> 00:02:11,060
tréith a shonrú go Ba mhaith liom
clómhéid de, a rá, 36 picteilíni, nó px.

39
00:02:11,060 --> 00:02:15,650
Agus ba mhaith liom an meáchan an cló
a bheith trom seachas an réamhshocraithe,

40
00:02:15,650 --> 00:02:16,980
a bhfuil gnáth.

41
00:02:16,980 --> 00:02:21,170
Don dara Div, a ligean ar a shonrú
tréith eile a stíl go bhfuil

42
00:02:21,170 --> 00:02:25,550
clómhéid 24 picteilíni, mar sin
beagán níos lú.

43
00:02:25,550 --> 00:02:28,410
Dún Sleachta tar éis an Leathstad.

44
00:02:28,410 --> 00:02:33,255
>> Ar deireadh, sa tríú div, a ligean ar a dhéanamh ar
ionann stíl méid ceanglófar, cló, agus

45
00:02:33,255 --> 00:02:35,340
ligean le rá 12 pixel an am seo.

46
00:02:35,340 --> 00:02:37,280
Dún ceanglófar tar éis an Leathstad.

47
00:02:37,280 --> 00:02:40,200
Fógra ansin go bhfuil an chuma liom a bheith
sonraithe beagán de stylization do

48
00:02:40,200 --> 00:02:43,770
gach ceann de na trí divs úsáid a bhaint as,
casadh sé amach, CSS.

49
00:02:43,770 --> 00:02:47,820
Go deimhin, an chomhréir a fheiceann tú i
idir na Sleachta dúbailte Tá CSS,

50
00:02:47,820 --> 00:02:50,620
css go sonrach airíonna
le luachanna.

51
00:02:50,620 --> 00:02:53,910
Agus don chéad chlib, nuair a bhí mé
dhá airí den sórt sin, clómhéid, agus

52
00:02:53,910 --> 00:02:57,290
meáchan cló, scartha mé go simplí
dóibh le Leathstad.

53
00:02:57,290 --> 00:02:59,940
>> Anois, ach ar mhaithe le stíl, mé
leathstadanna freisin ag

54
00:02:59,940 --> 00:03:00,880
an deireadh de gach líne.

55
00:03:00,880 --> 00:03:04,270
Ach ní bhíonn siad is fíorghá,
go háirithe nuair a tá tú ach amháin

56
00:03:04,270 --> 00:03:05,580
maoin sainithe.

57
00:03:05,580 --> 00:03:08,370
A ligean ar an comhad a shábháil anois agus athlódáil
i Chrome, agus féach cad

58
00:03:08,370 --> 00:03:11,000
Is é an éifeacht glan.

59
00:03:11,000 --> 00:03:13,470
Ar ais i Chrome anseo,
a ligean ar cliceáil Athlódáil.

60
00:03:13,470 --> 00:03:15,800
>> Anois, tá muid beagán níos suimiúla
Leathanach Baile do John

61
00:03:15,800 --> 00:03:19,000
Harvard, trína an chéad líne leis an
a ainm, a bhfuil taobh istigh den

62
00:03:19,000 --> 00:03:23,470
chéad div é, 36 pixel ard, agus freisin
boldface, trína an dara líne,

63
00:03:23,470 --> 00:03:27,340
atá sa mhéid is go dara div é, 24
pixel ard, ach ní boldface.

64
00:03:27,340 --> 00:03:31,500
Agus trína an tríú líne sa tríú
Is div 12 pixel ard, agus freisin

65
00:03:31,500 --> 00:03:32,610
Ní boldface.

66
00:03:32,610 --> 00:03:35,380
Ach is dócha anois ba mhaith liom buíochas a athrú
seo ar fad an téacs os cionn

67
00:03:35,380 --> 00:03:36,650
den sórt sin go bhfuil sé dírithe.

68
00:03:36,650 --> 00:03:40,480
>> Raibh mé in ann a ailíniú gach ceann de an duine aonair
divs bheith dírithe.

69
00:03:40,480 --> 00:03:45,330
Ach níos éasca, raibh mé in ann wrap iad siúd
trí divs taobh istigh de ceathrú div, ar

70
00:03:45,330 --> 00:03:49,360
div tuismitheoir, mar a déarfá, agus a shonrú
go bhfuil go div agus a chuid

71
00:03:49,360 --> 00:03:52,610
Ba chóir go mbeadh sliocht
téacs ailínithe ionad?

72
00:03:52,610 --> 00:03:54,120
A ligean ar ghlacadh le breathnú.

73
00:03:54,120 --> 00:03:58,510
>> Taobh istigh de gedit, a ligean ar dul ar ais go dtí mo
comhlacht agus cuir div suas barr nua le

74
00:03:58,510 --> 00:04:04,460
div, is ionann stíl ceanglófar athfhriotail ó
ionad ailíniú téacs, gar

75
00:04:04,460 --> 00:04:06,250
Luaigh tar éis an Leathstad.

76
00:04:06,250 --> 00:04:10,280
Agus anois, a ligean ar dul ar aghaidh agus fleasc gach
sna línte sin a chlóscríobh muid roimh.

77
00:04:10,280 --> 00:04:15,040
Agus faoi bhun tríú div, a ligean ar
dhúnadh an div nua.

78
00:04:15,040 --> 00:04:18,829
>> I bhfocail eile, mar gheall ar na trí
Tá divs bunaidh anois do leanaí, mar sin go

79
00:04:18,829 --> 00:04:22,110
labhairt, de div tuismitheoir nua agus tá mé
sonraithe gur mhaith liom buíochas a ailíniú leis an

80
00:04:22,110 --> 00:04:26,140
téacs an div tuismitheora i lár
an leathanach, beidh an mhaoin sin a bheith

81
00:04:26,140 --> 00:04:28,290
oidhreacht ag gach ceann de na leanaí sin.

82
00:04:28,290 --> 00:04:32,370
Go deimhin, a ligean ar an comhad a shábháil agus a
a chur le breathnú i bhrabhsálaí.

83
00:04:32,370 --> 00:04:34,650
A ligean ar athluchtú i Chrome.

84
00:04:34,650 --> 00:04:37,540
Agus ansin ní mór dúinn é, ar fiú nicer
Leathanach Baile do John Harvard.

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