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

2
00:00:00,290 --> 00:00:03,310
>> SPEAKER: Izkazalo se je, da je HTML ni
edini jezik, ki ga lahko uporabite znotraj

3
00:00:03,310 --> 00:00:03,895
spletne strani.

4
00:00:03,895 --> 00:00:08,100
Lahko uporabite nekaj, kar ti CSS, ali
Cascading Style Sheets, kot tudi.

5
00:00:08,100 --> 00:00:12,120
CSS vam omogoča, da določite bolj
ravno estetika web

6
00:00:12,120 --> 00:00:16,930
strani, vključno z obliko in velikostjo in
barve in pisave in še veliko več.

7
00:00:16,930 --> 00:00:20,820
Na primer, kaj je ustvariti spletno stran
tu imenujejo CSS0, ki predstavlja

8
00:00:20,820 --> 00:00:22,740
Domača stran za, recimo, John Harvard.

9
00:00:22,740 --> 00:00:25,480
>> Na tej strani bomo imeli John Harvard je
ime, pod katerim se bo

10
00:00:25,480 --> 00:00:28,500
Lepo sporočilo za svoje obiskovalce, pod
ki bo noge, z

11
00:00:28,500 --> 00:00:30,590
pravijo, nekaj informacij o avtorskih pravicah.

12
00:00:30,590 --> 00:00:34,650
Če želite to narediti, kaj je opredeliti tri divizije
za strani s pomočjo oznako

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

14
00:00:35,670 --> 00:00:43,880
Oklepaj div, John Harvard, blizu
Nosilec div, drugi oklepaj div,

15
00:00:43,880 --> 00:00:48,330
in zdaj bomo navesti nekaj
všeč, dobrodošli na moji domači strani!

16
00:00:48,330 --> 00:00:50,420
In da zaprete to div, kot dobro.

17
00:00:50,420 --> 00:00:53,700
>> In zdaj tretja in zadnja
div, avtorske pravice.

18
00:00:53,700 --> 00:00:58,250
Samo da bo fancy, naj uporabijo zdaj HTML
Podjetje, simbol, ki predstavlja

19
00:00:58,250 --> 00:01:01,140
lik, ki ga sicer ne bi
tip na tipkovnici.

20
00:01:01,140 --> 00:01:07,490
Še posebej, bom naredil
ampersand, funt, 169, podpičje.

21
00:01:07,490 --> 00:01:10,620
Izkazalo se je, da je številčna oznaka
simbol o avtorskih pravicah.

22
00:01:10,620 --> 00:01:14,260
Potem pa določite John Harvard
tukaj na dnu.

23
00:01:14,260 --> 00:01:17,180
Oglejmo zaprite div in shranite datoteko.

24
00:01:17,180 --> 00:01:18,910
>> Zdaj, kaj je ta div tag?

25
00:01:18,910 --> 00:01:21,970
Div tag določa zgolj delitev
na strani, ki je v bistvu

26
00:01:21,970 --> 00:01:23,310
pravokotne regiji.

27
00:01:23,310 --> 00:01:26,850
Tako da v tem trenutku imam tri
pravokotne regije, eden na vrhu

28
00:01:26,850 --> 00:01:27,620
na drugi.

29
00:01:27,620 --> 00:01:30,610
Torej za zdaj, učinek je skoraj tako
čeprav sem imel tri odstavke.

30
00:01:30,610 --> 00:01:33,490
Ampak ne bomo videli prav toliko
prazen prostor med njima.

31
00:01:33,490 --> 00:01:36,170
>> Oglejmo shranite to datoteko, spremenite njeno
dovoljenj, in si oglejte za

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

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

34
00:01:43,040 --> 00:01:52,440
Dajva zdaj odpirajo Chrome in obisk
http://localhost.CSS0.html.

35
00:01:52,440 --> 00:01:54,630
Pravzaprav, tu je domača stran
John Harvard.

36
00:01:54,630 --> 00:01:59,370
Pojdimo zdaj ga stilu malo več
Prav z uporabo nekaterih CSS.

37
00:01:59,370 --> 00:02:03,510
>> Nazaj v gedit, gremo v to
Prvi div tag in dodajte slog

38
00:02:03,510 --> 00:02:11,060
atribut določa, da bi rad
velikost pisave, recimo, 36 točk, ali px.

39
00:02:11,060 --> 00:02:15,650
In bi rad težo te pisave
biti drzna kot privzeto,

40
00:02:15,650 --> 00:02:16,980
kar je normalno.

41
00:02:16,980 --> 00:02:21,170
Za drugo div, kaj je opredeliti
en slog atribut, ki ima

42
00:02:21,170 --> 00:02:25,550
velikost črk 24 pik, tako da
malo manjši.

43
00:02:25,550 --> 00:02:28,410
Zapri kotacije po podpičjem.

44
00:02:28,410 --> 00:02:33,255
>> Nazadnje, v tej tretji div, naredimo
Slog je enaka velikosti citiram, pisave in

45
00:02:33,255 --> 00:02:35,340
recimo 12 pik tem trenutku.

46
00:02:35,340 --> 00:02:37,280
Zapri quote po podpičjem.

47
00:02:37,280 --> 00:02:40,200
Obvestilo, nato pa, da sem se zdi, da imajo
določeno malo stilizacije za

48
00:02:40,200 --> 00:02:43,770
vsako od teh treh divs uporabo,
Izkazalo se je, CSS.

49
00:02:43,770 --> 00:02:47,820
Dejstvo je, sintakso, ki jih vidite v
med temi narekovajih je CSS,

50
00:02:47,820 --> 00:02:50,620
posebej lastnosti CSS
z vrednostmi.

51
00:02:50,620 --> 00:02:53,910
In za to prvo oznako, kjer sem imel
dve taki lastnosti, velikost pisave in

52
00:02:53,910 --> 00:02:57,290
font teža, sem preprosto ločiti
jim s podpičjem.

53
00:02:57,290 --> 00:02:59,940
>> Zdaj pa samo zaradi slogu, sem
vključene tudi podpičja na

54
00:02:59,940 --> 00:03:00,880
konec vsake vrstice.

55
00:03:00,880 --> 00:03:04,270
Ampak oni niso nujno potrebne,
še posebej, če imate samo eno

56
00:03:04,270 --> 00:03:05,580
nepremičnina opredeljena.

57
00:03:05,580 --> 00:03:08,370
Pojdimo zdaj shranite in osvežite
v Chrome, in videli, kaj

58
00:03:08,370 --> 00:03:11,000
Neto učinek.

59
00:03:11,000 --> 00:03:13,470
Nazaj v Chrome tukaj,
dajmo kliknite Reload.

60
00:03:13,470 --> 00:03:15,800
>> Zdaj imamo nekoliko bolj zanimivo
Domača stran za Janeza

61
00:03:15,800 --> 00:03:19,000
Harvard, pri čemer prva linija z
njegovo ime, kar je notri, da

62
00:03:19,000 --> 00:03:23,470
Prvi div, je 36 slikovnih pik in tudi
krepka, pri čemer je druga vrstica,

63
00:03:23,470 --> 00:03:27,340
, ki je v tem drugem div, je 24
slikovnih pik, vendar ne v krepkem.

64
00:03:27,340 --> 00:03:31,500
In pri čemer tretja vrstica v tej tretji
div je 12 slikovnih pik in tudi

65
00:03:31,500 --> 00:03:32,610
ni krepka.

66
00:03:32,610 --> 00:03:35,380
Recimo, zdaj bi rad premik
Vse te tekstovno

67
00:03:35,380 --> 00:03:36,650
tako da je to v sredini.

68
00:03:36,650 --> 00:03:40,480
>> Sem mogla uskladiti vsake posamezne
DIVs kot je sredinsko.

69
00:03:40,480 --> 00:03:45,330
Vendar je lažje, sem zaviti tiste
Tri divs znotraj četrtega div,

70
00:03:45,330 --> 00:03:49,360
matično div, če se tako izrazim, in določite
da je ta div in vseh njegovih

71
00:03:49,360 --> 00:03:52,610
potomci morajo biti
poravnano besedilo center?

72
00:03:52,610 --> 00:03:54,120
Oglejmo pogled.

73
00:03:54,120 --> 00:03:58,510
>> Znotraj gedit, pojdimo nazaj k moji
Telo in dodati novo div up top z

74
00:03:58,510 --> 00:04:04,460
div, stil je enak quote citata
besedilo uskladiti center, close

75
00:04:04,460 --> 00:04:06,250
citiram po podpičjem.

76
00:04:06,250 --> 00:04:10,280
In zdaj, gremo naprej in alinea vse
teh vrstic, ki smo jih vnesli prej.

77
00:04:10,280 --> 00:04:15,040
In spodaj navedeni tretji div, dajva
zaprite to novo div.

78
00:04:15,040 --> 00:04:18,829
>> Z drugimi besedami, ker ti trije
Originalni divs so sedaj otroci, tako da

79
00:04:18,829 --> 00:04:22,110
govorijo, nove matične div in sem
določeno, da bi rad, da uskladi

80
00:04:22,110 --> 00:04:26,140
Besedilo tega matičnega div v centru
strani, bo ta nepremičnina

81
00:04:26,140 --> 00:04:28,290
podedoval vse te otroke.

82
00:04:28,290 --> 00:04:32,370
Dejansko pa shranite in
poglej v brskalniku.

83
00:04:32,370 --> 00:04:34,650
Oglejmo osvežite v Chrome.

84
00:04:34,650 --> 00:04:37,540
In tam smo ga, še lepše imeti
domača stran John Harvard.

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