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

2
00:00:00,290 --> 00:00:03,310
>> Gjuha: Rezulton se HTML nuk është i
gjuha e vetme që ju mund të përdorni brenda

3
00:00:03,310 --> 00:00:03,895
i një web faqe.

4
00:00:03,895 --> 00:00:08,100
Ju mund të përdorni diçka që quhet CSS, ose
Cascading Style Sheets, si dhe.

5
00:00:08,100 --> 00:00:12,120
CSS ju lejon të specifikoni shumë më tepër
pikërisht estetikë e një web

6
00:00:12,120 --> 00:00:16,930
faqe, duke përfshirë paraqitjen dhe madhësive dhe
ngjyrat dhe gërmat dhe shumë më tepër.

7
00:00:16,930 --> 00:00:20,820
Për shembull, le të krijoni një faqe web
quajtur këtu CSS0 që përfaqëson një

8
00:00:20,820 --> 00:00:22,740
home page për, të themi, John Harvard.

9
00:00:22,740 --> 00:00:25,480
>> Në këtë faqe, ne do të kemi John Harvard-së
emrin, nëpër të cilat do të jenë të

10
00:00:25,480 --> 00:00:28,500
një mesazh i mirë për vizitorët e tij, nën
e cila do të jetë një futboll, me

11
00:00:28,500 --> 00:00:30,590
thonë, disa informacione të drejtën e autorit.

12
00:00:30,590 --> 00:00:34,650
Për ta bërë këtë, le të përcaktojmë tre divizione
për faqe duke përdorur një etiketë

13
00:00:34,650 --> 00:00:35,670
quajtur div.

14
00:00:35,670 --> 00:00:43,880
Open div kllapa, John Harvard, në afërsi
div parantezë, një tjetër div hapur kllapa,

15
00:00:43,880 --> 00:00:48,330
dhe tani ne do të specifikojë diçka
si, të mirëpritur për faqen time në shtëpi!

16
00:00:48,330 --> 00:00:50,420
Dhe le të mbyllur këtë div, si.

17
00:00:50,420 --> 00:00:53,700
>> Dhe tani një të tretë dhe të fundit
div, të drejtën e autorit.

18
00:00:53,700 --> 00:00:58,250
Vetëm të jetë i zbukuruar, më lejoni të përdorin tani një HTML
njësi ekonomike, një simbol që përfaqëson

19
00:00:58,250 --> 00:01:01,140
një karakter që ju nuk mund të ndryshe
shkruani në tastierën tuaj.

20
00:01:01,140 --> 00:01:07,490
Në mënyrë të veçantë, unë jam duke shkuar për të bërë
simbol, mina, 169, pikëpresje.

21
00:01:07,490 --> 00:01:10,620
Rezulton se është kodi numerike
për simbolin e autorit.

22
00:01:10,620 --> 00:01:14,260
Pastaj le të specifikojë John Harvard
këtu në fund.

23
00:01:14,260 --> 00:01:17,180
Le të mbyllë div dhe ruajtur kartelën.

24
00:01:17,180 --> 00:01:18,910
>> Tani, çfarë është ky tag div?

25
00:01:18,910 --> 00:01:21,970
Tag div thjesht përcakton një ndarje
të faqes, e cila është në thelb një

26
00:01:21,970 --> 00:01:23,310
Rajoni drejtkëndëshe.

27
00:01:23,310 --> 00:01:26,850
Pra, në këtë moment në kohë, unë kam tre
rajonet drejtkëndëshe, e në krye

28
00:01:26,850 --> 00:01:27,620
i tjetri.

29
00:01:27,620 --> 00:01:30,610
Kështu që tani për tani, efekti është pothuajse si
pse unë kishte tre paragrafë.

30
00:01:30,610 --> 00:01:33,490
Por ne nuk do të shohim mjaft sa më shumë
hapësirë ​​të bardhë në mes tyre.

31
00:01:33,490 --> 00:01:36,170
>> Le të ruani këtë file, të ndryshojë e saj
lejet, dhe të marrë një sy për një

32
00:01:36,170 --> 00:01:37,990
moment në Chrome.

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

34
00:01:43,040 --> 00:01:52,440
Le të hapur deri tani Chrome dhe vizitën
http://localhost.CSS0.html.

35
00:01:52,440 --> 00:01:54,630
Në të vërtetë, këtu është një faqe në shtëpi
për John Harvard.

36
00:01:54,630 --> 00:01:59,370
Le tani stilizoj atë pak më shumë
pikërisht duke përdorur disa CSS.

37
00:01:59,370 --> 00:02:03,510
>> Kthehu në gedit, le të shkojë në këtë
tag div parë dhe të shtoni një stil

38
00:02:03,510 --> 00:02:11,060
atribut specifikon që unë do të doja një
font size të, të themi, 36 pixels, ose px.

39
00:02:11,060 --> 00:02:15,650
Dhe unë do të doja peshën e këtij shkronjave
të jetë i guximshëm dhe jo default,

40
00:02:15,650 --> 00:02:16,980
cila eshte normal.

41
00:02:16,980 --> 00:02:21,170
Për div dytë, le të specifikojë
një tjetër atribut stil që ka një

42
00:02:21,170 --> 00:02:25,550
font size të 24 pixels, kështu
pak më të vogël.

43
00:02:25,550 --> 00:02:28,410
Kuotat Mbylle pas pikëpresje.

44
00:02:28,410 --> 00:02:33,255
>> Së fundi, në këtë div tretë, le të bëjë
Stili i barabartë me madhësinë quote, shkronjave, dhe

45
00:02:33,255 --> 00:02:35,340
le të thonë se 12 pixels këtë kohë.

46
00:02:35,340 --> 00:02:37,280
Mbylle quote pas pikëpresje.

47
00:02:37,280 --> 00:02:40,200
Vini re atëherë që unë duket të ketë
specifikuar pak e stilizim për

48
00:02:40,200 --> 00:02:43,770
secili prej ketyre tre divs përdorur,
ajo rezulton, CSS.

49
00:02:43,770 --> 00:02:47,820
Në fakt, sintaksë që ju shihni në
në mes të këtyre kuotat e dyfishtë është CSS,

50
00:02:47,820 --> 00:02:50,620
në mënyrë specifike css pronat
me vlera.

51
00:02:50,620 --> 00:02:53,910
Dhe për këtë tag të parë, ku unë e kisha
dy prona të tilla, madhësinë e shkrimit dhe

52
00:02:53,910 --> 00:02:57,290
pesha font, unë thjesht të ndara
ata me pikëpresje.

53
00:02:57,290 --> 00:02:59,940
>> Tani, vetëm për hir të STYLE-së, unë
pikpresje përfshirë gjithashtu në

54
00:02:59,940 --> 00:03:00,880
në fund të çdo linjë.

55
00:03:00,880 --> 00:03:04,270
Por ata nuk janë të domosdoshme,
sidomos kur ju keni vetëm një të tillë

56
00:03:04,270 --> 00:03:05,580
pronës të përcaktuara.

57
00:03:05,580 --> 00:03:08,370
Le tani ruajtur kartelën dhe ringarkoni
në Chrome, dhe të shohim se çfarë

58
00:03:08,370 --> 00:03:11,000
Efekti neto është.

59
00:03:11,000 --> 00:03:13,470
Kthehu në Chrome këtu,
le të klikoni Rifresko.

60
00:03:13,470 --> 00:03:15,800
>> Tani ne kemi një pak më interesante
faqe në shtëpi për Gjoni

61
00:03:15,800 --> 00:03:19,000
Harvard, ku vija e parë me
emri i tij, i cili është brenda që

62
00:03:19,000 --> 00:03:23,470
div parë, është 36 pixels i gjatë dhe gjithashtu
shkrim me germa të zeza, ku linja e dytë,

63
00:03:23,470 --> 00:03:27,340
cili është në atë INC dytë, është 24
pixels i gjatë, por jo shkrim me germa të zeza.

64
00:03:27,340 --> 00:03:31,500
Dhe ku linjë e tretë në atë të tretën
div është 12 pixels i gjatë dhe gjithashtu

65
00:03:31,500 --> 00:03:32,610
jo shkrim me germa të zeza.

66
00:03:32,610 --> 00:03:35,380
Por mendoj tani unë do të doja të zhvendoset
gjithë këtë tekst mbi

67
00:03:35,380 --> 00:03:36,650
tillë që është e përqendruar.

68
00:03:36,650 --> 00:03:40,480
>> Mund të lidhur secili i individit
divs si duke u përqëndruar.

69
00:03:40,480 --> 00:03:45,330
Por më lehtë, mund ta përfundojë ato
tre divs brenda e një div të katërt, një

70
00:03:45,330 --> 00:03:49,360
div prind, mënyrë që të flasin, dhe të përcaktojë
se se div dhe të gjithë e saj

71
00:03:49,360 --> 00:03:52,610
pasardhësit duhet të jetë
Teksti linjë qendër?

72
00:03:52,610 --> 00:03:54,120
Le të bëjmë një vështrim.

73
00:03:54,120 --> 00:03:58,510
>> Brenda gedit, le të kthehemi në tim
Trupi dhe të shtoni një të re div deri lartë me

74
00:03:58,510 --> 00:04:04,460
div, stil është e barabartë quote mbyll thonjëzat
Qendra align text, afër

75
00:04:04,460 --> 00:04:06,250
japin kuotën e tyre pas pikëpresje.

76
00:04:06,250 --> 00:04:10,280
Dhe tani, le të shkojnë përpara dhe porosit të gjithë
e atyre linjave që ne shtypur para.

77
00:04:10,280 --> 00:04:15,040
Dhe më poshtë se div tretë, le të
mbyllur këtë div re.

78
00:04:15,040 --> 00:04:18,829
>> Me fjalë të tjera, për shkak se ata të tre
divs origjinale janë tani fëmijët, në mënyrë që të

79
00:04:18,829 --> 00:04:22,110
flasin, të një div të ri prind dhe unë kam
specifikuar që unë do të doja të lidhur

80
00:04:22,110 --> 00:04:26,140
Teksti i kësaj div mëmë në qendër
e faqes, se prona do të jetë

81
00:04:26,140 --> 00:04:28,290
trashëguar nga të gjithë ata fëmijë.

82
00:04:28,290 --> 00:04:32,370
Në të vërtetë, le të ruajtur kartelën dhe
të marrë një sy në një shfletues.

83
00:04:32,370 --> 00:04:34,650
Le të reload në Chrome.

84
00:04:34,650 --> 00:04:37,540
Dhe nuk kemi atë, një edhe nicer
faqe në shtëpi për John Harvard.

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