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

2
00:00:00,290 --> 00:00:03,310
>> SPEAKER: Jirriżulta li HTML mhix
l-unika lingwa li inti tista 'tuża ġewwa

3
00:00:03,310 --> 00:00:03,895
ta 'paġna web.

4
00:00:03,895 --> 00:00:08,100
Tista 'tuża xi ħaġa imsejħa CSS, jew
Cascading Style Sheets, kif ukoll.

5
00:00:08,100 --> 00:00:12,120
CSS jippermettilek li tispeċifika aktar
preċiż l-estetika ta 'web

6
00:00:12,120 --> 00:00:16,930
paġna, inkluż it-tqassim u qisien u
kuluri u fonts u ħafna aktar.

7
00:00:16,930 --> 00:00:20,820
Per eżempju, ejja toħloq paġna web
hawnhekk imsejħa CSS0 li jirrappreżenta

8
00:00:20,820 --> 00:00:22,740
home page għal, ngħidu aħna, John Harvard.

9
00:00:22,740 --> 00:00:25,480
>> Fuq din il-paġna, aħna ser ikollhom John Harvard
isem, li taħtu se jkunu

10
00:00:25,480 --> 00:00:28,500
messaġġ sbieħ għall-viżitaturi tiegħu, taħt
li se tkun footer, ma

11
00:00:28,500 --> 00:00:30,590
jgħidu, xi informazzjoni awtur.

12
00:00:30,590 --> 00:00:34,650
Biex tagħmel dan, ejja jiddefinixxu tliet diviżjonijiet
għall-paġna tuża tag

13
00:00:34,650 --> 00:00:35,670
imsejħa div.

14
00:00:35,670 --> 00:00:43,880
Open div bracket, John Harvard, qrib
div parentesi, div ieħor parentesi miftuħa,

15
00:00:43,880 --> 00:00:48,330
u issa aħna ser jispeċifikaw xi ħaġa
simili, merħba lill home page tiegħi!

16
00:00:48,330 --> 00:00:50,420
U ejja jagħlqu dan div, kif ukoll.

17
00:00:50,420 --> 00:00:53,700
>> U issa t-tielet u finali
div, awtur.

18
00:00:53,700 --> 00:00:58,250
Just ikunu fancy, let me użu issa HTML
entità, simbolu li jirrappreżenta

19
00:00:58,250 --> 00:01:01,140
karattru li inti ma setgħux b'mod ieħor
tip fuq it-tastiera tiegħek.

20
00:01:01,140 --> 00:01:07,490
B'mod partikolari, jien ser tagħmel
ampersand, lira, 169, virgola.

21
00:01:07,490 --> 00:01:10,620
Jirriżulta li hija l-kodiċi numerika
għas-simbolu copyright.

22
00:01:10,620 --> 00:01:14,260
Imbagħad ejja jispeċifikaw John Harvard
hawn fil-qiegħ.

23
00:01:14,260 --> 00:01:17,180
Ejja tagħlaq il-div u tiffranka l-fajl.

24
00:01:17,180 --> 00:01:18,910
>> Issa, dak li huwa dan tag div?

25
00:01:18,910 --> 00:01:21,970
Il-lametta div sempliċiment tiddefinixxi diviżjoni
tal-paġna, li huwa essenzjalment

26
00:01:21,970 --> 00:01:23,310
reġjun rettangolari.

27
00:01:23,310 --> 00:01:26,850
Allura f'dan il-mument fil-ħin, I jkollhom tliet
reġjuni rettangolari, waħda fuq

28
00:01:26,850 --> 00:01:27,620
l-oħra.

29
00:01:27,620 --> 00:01:30,610
Allura għall issa, l-effett huwa kważi
għalkemm I kellhom tliet paragrafi.

30
00:01:30,610 --> 00:01:33,490
Iżda aħna mhux se tara pjuttost kemm
ispazju abjad bejniethom.

31
00:01:33,490 --> 00:01:36,170
>> Ejja tiffranka dan il-fajl, il-bidla tagħha
permessi, u tagħti ħarsa għal

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

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

34
00:01:43,040 --> 00:01:52,440
Ejja issa jiftħu Chrome u żjara
http://localhost.CSS0.html.

35
00:01:52,440 --> 00:01:54,630
Tabilħaqq, Heres home page
għal John Harvard.

36
00:01:54,630 --> 00:01:59,370
Ejja issa stylize hija ftit aktar
preċiżament jużaw xi CSS.

37
00:01:59,370 --> 00:02:03,510
>> Lura fl gedit, ejja jmorru fis dan
ewwel tag div u żid stil

38
00:02:03,510 --> 00:02:11,060
attribut tispeċifika li Nixtieq
Tipa ', ngħidu aħna, 36 pixels, jew px.

39
00:02:11,060 --> 00:02:15,650
U nixtieq l-piż ta 'dan font
jkunu kuraġġużi aktar milli l-inadempjenza,

40
00:02:15,650 --> 00:02:16,980
li huwa normali.

41
00:02:16,980 --> 00:02:21,170
Għat-tieni div, ejja jispeċifikaw
attribut stil ieħor li għandu

42
00:02:21,170 --> 00:02:25,550
daqs tat-tipa ta '24 pixels, hekk
ftit iżgħar.

43
00:02:25,550 --> 00:02:28,410
Kwotazzjonijiet qrib wara l-virgola.

44
00:02:28,410 --> 00:02:33,255
>> Fl-aħħar, din it-tielet div, ejja nagħmlu
stil ugwali daqs kwotazzjoni, font, u

45
00:02:33,255 --> 00:02:35,340
ejja ngħidu 12 pixels dan iż-żmien.

46
00:02:35,340 --> 00:02:37,280
Quote Agħlaq wara l-virgola.

47
00:02:37,280 --> 00:02:40,200
Avviż allura li I jidhru li jkollhom
speċifikat daqsxejn ta 'stylization għal

48
00:02:40,200 --> 00:02:43,770
kull wieħed minn dawn it-tliet divs jużaw,
jirriżulta, CSS.

49
00:02:43,770 --> 00:02:47,820
Fil-fatt, l-sintassi li tara fil
bejn dawk kwotazzjonijiet doppja hija CSS,

50
00:02:47,820 --> 00:02:50,620
speċifikament css proprjetajiet
mal-valuri.

51
00:02:50,620 --> 00:02:53,910
U għal dak l-ewwel lametta, fejn kelli
żewġ proprjetajiet bħal dawn, id-daqs tat-tipa u

52
00:02:53,910 --> 00:02:57,290
piż font, I sempliċiment separati
lilhom bil-virgola.

53
00:02:57,290 --> 00:02:59,940
>> Issa, biss għall-finijiet stil, jiena
semicolons inklużi wkoll fil-

54
00:02:59,940 --> 00:03:00,880
it-tmiem ta 'kull linja.

55
00:03:00,880 --> 00:03:04,270
Iżda dawn mhux qed strettament meħtieġ,
partikolarment meta inti biss għandek wieħed

56
00:03:04,270 --> 00:03:05,580
proprjetà definit.

57
00:03:05,580 --> 00:03:08,370
Ejja issa tiffranka l-fajl u rikarigu
fil Chrome, u ara dak

58
00:03:08,370 --> 00:03:11,000
l-effett nett huwa.

59
00:03:11,000 --> 00:03:13,470
Lura fil Chrome hawn,
ejja ikklikkja Reload.

60
00:03:13,470 --> 00:03:15,800
>> Issa għandna ftit aktar interessanti
home page għal John

61
00:03:15,800 --> 00:03:19,000
Harvard, fejn l-ewwel linja ma '
ismu, li hu ġewwa ta 'dak

62
00:03:19,000 --> 00:03:23,470
ewwel div, huwa ta '36 pixels tall u wkoll
boldface, fejn it-tieni linja,

63
00:03:23,470 --> 00:03:27,340
li huwa f'dan it-tieni div, huwa 24
pixels tall, iżda mhux boldface.

64
00:03:27,340 --> 00:03:31,500
U li bih it-tielet linja f'dak tielet
div huwa 12 pixels tall u wkoll

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

66
00:03:32,610 --> 00:03:35,380
Imma jissoponi issa nixtieq li ċċaqlaq
kollha ta 'dan it-test fuq

67
00:03:35,380 --> 00:03:36,650
tali li huwa ċċentrata.

68
00:03:36,650 --> 00:03:40,480
>> I jistgħu jallinjaw kull individwu
DIVs bħala ċċentrata.

69
00:03:40,480 --> 00:03:45,330
Iżda aktar faċilment, jista I wrap dawk
tliet divs ġewwa tar-raba 'div, a

70
00:03:45,330 --> 00:03:49,360
div parent, biex ngħidu hekk, u tispeċifika
li din div u kollha ta 'tagħha

71
00:03:49,360 --> 00:03:52,610
dixxendenti għandhom ikunu
test allinjat center?

72
00:03:52,610 --> 00:03:54,120
Ejja tagħti ħarsa.

73
00:03:54,120 --> 00:03:58,510
>> Ġewwa tal gedit, ejja mur lura għall tiegħi
ġisem u żid div up top ġdid ma

74
00:03:58,510 --> 00:04:04,460
div, stil ugwali quote unquote
ċentru jallinjaw it-test, qrib

75
00:04:04,460 --> 00:04:06,250
nikkwota wara l-virgola.

76
00:04:06,250 --> 00:04:10,280
U issa, ejja imorru quddiem u indent kollha
ta 'dawk il-linji li aħna ittajpjat qabel.

77
00:04:10,280 --> 00:04:15,040
U taħt dak tielet div, ejja
jagħlqu dan div ġdid.

78
00:04:15,040 --> 00:04:18,829
>> Fi kliem ieħor, għaliex dawk it-tliet
divs oriġinali issa huma tfal, hekk li

79
00:04:18,829 --> 00:04:22,110
jitkellmu, ta 'div ġenitur ġdid u stajt
speċifikat li nixtieq li tallinja l-

80
00:04:22,110 --> 00:04:26,140
test ta 'dik div parent fil-ċentru
tal-paġna, li l-proprjetà tkun

81
00:04:26,140 --> 00:04:28,290
jintiret minn kollha ta 'dawk it-tfal.

82
00:04:28,290 --> 00:04:32,370
Tabilħaqq, ejja jiffrankaw l-fajl u
tagħti ħarsa fil-browser.

83
00:04:32,370 --> 00:04:34,650
Ejja rikarigu fil Chrome.

84
00:04:34,650 --> 00:04:37,540
U hemm aħna għandna hija, anke nicer
home page għal John Harvard.

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