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

2
00:00:00,290 --> 00:00:03,310
>> SPEAKER: Ispada da HTML nije
jedini jezik koji možete koristiti unutar

3
00:00:03,310 --> 00:00:03,895
od web-stranice.

4
00:00:03,895 --> 00:00:08,100
Možete koristiti nešto što se zove CSS, ili
Cascading Style Sheets, as well.

5
00:00:08,100 --> 00:00:12,120
CSS vam omogućuje da odredite mnogo više
upravo estetika na webu

6
00:00:12,120 --> 00:00:16,930
stranicu, uključujući raspored i veličina i
boja i fontova i još mnogo toga.

7
00:00:16,930 --> 00:00:20,820
Na primjer, neka je napraviti web stranicu
ovdje zove CSS0 koji predstavlja

8
00:00:20,820 --> 00:00:22,740
Početna stranica za, recimo, Johna Harvarda.

9
00:00:22,740 --> 00:00:25,480
>> Na ovoj stranici, morat ćemo John Harvard
ime, ispod koje će biti

10
00:00:25,480 --> 00:00:28,500
lijepe poruke za svoje posjetitelje, ispod
koji će podnožje, s

11
00:00:28,500 --> 00:00:30,590
kažu, neke informacije o autorskim pravima.

12
00:00:30,590 --> 00:00:34,650
Da biste to učinili, neka je definirati tri divizije
za stranicu pomoću oznaku

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

14
00:00:35,670 --> 00:00:43,880
Otvorena zagrada div, John Harvard, u neposrednoj blizini
Nosač div, još jedna otvorena zagrada div,

15
00:00:43,880 --> 00:00:48,330
a sada ćemo navesti nešto
kao, dobrodošli na moju početnu stranicu!

16
00:00:48,330 --> 00:00:50,420
I neka je zatvoriti ovaj div, kao dobro.

17
00:00:50,420 --> 00:00:53,700
>> A sada treća i konačna
div, autorskog prava.

18
00:00:53,700 --> 00:00:58,250
Samo se sviđa, neka mi sada koristite HTML
entitet, simbol koji predstavlja

19
00:00:58,250 --> 00:01:01,140
lik koji inače ne biste mogli
upišete na tipkovnici.

20
00:01:01,140 --> 00:01:07,490
Konkretno, ja ću učiniti
znak za struju, funta, 169, zarez.

21
00:01:07,490 --> 00:01:10,620
Ispada da je brojčani kod
za copyright simbol.

22
00:01:10,620 --> 00:01:14,260
Onda ćemo navesti John Harvard
Ovdje na dnu.

23
00:01:14,260 --> 00:01:17,180
Idemo zatvoriti div i spremite datoteku.

24
00:01:17,180 --> 00:01:18,910
>> Sada, što je to div tag?

25
00:01:18,910 --> 00:01:21,970
Div tag jednostavno definira podjelu
na stranici, koja je u suštini

26
00:01:21,970 --> 00:01:23,310
pravokutno područje.

27
00:01:23,310 --> 00:01:26,850
Dakle, u ovom trenutku u vremenu, ja imam troje
pravokutne regije, jedan na vrhu

28
00:01:26,850 --> 00:01:27,620
od druge.

29
00:01:27,620 --> 00:01:30,610
Dakle, za sada, učinak je gotovo kao
iako sam imao tri točke.

30
00:01:30,610 --> 00:01:33,490
No, nećemo vidjeti sasvim jednako
bijeli prostor između njih.

31
00:01:33,490 --> 00:01:36,170
>> Idemo spasiti ovu sliku, promijeniti svoju
dozvole i pogledati za

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

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

34
00:01:43,040 --> 00:01:52,440
Nemojmo sada otvaraju Chrome i posjet
http://localhost.CSS0.html.

35
00:01:52,440 --> 00:01:54,630
Doista, ovdje je početna stranica
Johnu Harvardu.

36
00:01:54,630 --> 00:01:59,370
Idemo sada to stilizira malo više
upravo pomoću neke CSS.

37
00:01:59,370 --> 00:02:03,510
>> Povratak u gedit, idemo u to
Prvi div tag i dodati stil

38
00:02:03,510 --> 00:02:11,060
atribut navodeći da bih
veličina fonta, recimo, 36 piksela, ili piksela.

39
00:02:11,060 --> 00:02:15,650
I ja bih težinu ovog fonta
biti hrabar, a od zadane,

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

41
00:02:16,980 --> 00:02:21,170
Po drugi div, neka je odrediti
jedan stil atribut koji ima

42
00:02:21,170 --> 00:02:25,550
veličinu fonta od 24 točaka, pa
malo manji.

43
00:02:25,550 --> 00:02:28,410
Zatvori citati nakon zarezom.

44
00:02:28,410 --> 00:02:33,255
>> Na kraju, u ovoj trećoj div, idemo napraviti
Stil je jednako veličinu citat, fonta i

45
00:02:33,255 --> 00:02:35,340
recimo 12 piksela ovaj put.

46
00:02:35,340 --> 00:02:37,280
Zatvori citat nakon zarezom.

47
00:02:37,280 --> 00:02:40,200
Obavijest onda to čini mi se da ima
specificirano malo stilizacije za

48
00:02:40,200 --> 00:02:43,770
svaki od ova tri divs pomoću,
ispada, CSS.

49
00:02:43,770 --> 00:02:47,820
U stvari, sintaksa da vidite u
između tih navodnicima je CSS,

50
00:02:47,820 --> 00:02:50,620
posebno CSS svojstva
s vrijednostima.

51
00:02:50,620 --> 00:02:53,910
A za tu prvu oznaku, gdje sam
dva takva svojstva, veličinu fonta i

52
00:02:53,910 --> 00:02:57,290
Font težinu, jednostavno sam odvojen
ih sa zarezom.

53
00:02:57,290 --> 00:02:59,940
>> Sada, samo zbog stila je, ja
također uključeni zarezom u

54
00:02:59,940 --> 00:03:00,880
kraj svake linije.

55
00:03:00,880 --> 00:03:04,270
Ali oni nisu nužno potrebno,
pogotovo kad imate samo jedan

56
00:03:04,270 --> 00:03:05,580
imovina definirana.

57
00:03:05,580 --> 00:03:08,370
Idemo sada spremili datoteku i ponovno
u Chrome, i vidjeti što

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

59
00:03:11,000 --> 00:03:13,470
Povratak u Chrome ovdje,
idemo kliknite Reload.

60
00:03:13,470 --> 00:03:15,800
>> Sada imamo malo više zanimljiv
Početna stranica za Ivana

61
00:03:15,800 --> 00:03:19,000
Harvard, pri čemu prva linija s
njegovo ime, koje je unutar toga

62
00:03:19,000 --> 00:03:23,470
Prvi div, je 36 piksela visoko i
podebljana, pri čemu drugom redu,

63
00:03:23,470 --> 00:03:27,340
koji je u tom drugom div, je 24.
piksela visoko, ali ne podebljane.

64
00:03:27,340 --> 00:03:31,500
I pri čemu treći redak u toj trećini
div je 12 piksela visoko i

65
00:03:31,500 --> 00:03:32,610
Ne podebljane.

66
00:03:32,610 --> 00:03:35,380
Ali pretpostavimo sada Volio bih da smjeni
sve ove teksta preko

67
00:03:35,380 --> 00:03:36,650
tako da je usmjereno.

68
00:03:36,650 --> 00:03:40,480
>> Mogao poravnati svaki pojedini
DIVs kao što je usmjeren.

69
00:03:40,480 --> 00:03:45,330
Ali lakše, mogao sam zamotajte onima
tri divs unutar četvrtog div,

70
00:03:45,330 --> 00:03:49,360
roditelj div, da se tako izrazim, te odrediti
da je taj div i sve njegove

71
00:03:49,360 --> 00:03:52,610
potomci bi trebao biti
tekst usklađen centar?

72
00:03:52,610 --> 00:03:54,120
Idemo pogledati.

73
00:03:54,120 --> 00:03:58,510
>> Unutar gedit, vratimo se na moj
Tijelo i dodati novu div do vrha s

74
00:03:58,510 --> 00:04:04,460
div, stil jednako quote završiti citat
Tekst align centar, u neposrednoj blizini

75
00:04:04,460 --> 00:04:06,250
citiram nakon zarezom.

76
00:04:06,250 --> 00:04:10,280
A sada, idemo naprijed i alineje sve
od tih linija koje smo upisali prije.

77
00:04:10,280 --> 00:04:15,040
A ispod tog trećeg div, neka je
zatvoriti ovaj novi div.

78
00:04:15,040 --> 00:04:18,829
>> Drugim riječima, jer ta tri
izvorni divs su sada djeca, tako da se

79
00:04:18,829 --> 00:04:22,110
govoriti, o novom matičnom div a ja sam
navedeno da bih uskladila

80
00:04:22,110 --> 00:04:26,140
Tekst tog matičnog div u centru
na stranici, ta imovina će biti

81
00:04:26,140 --> 00:04:28,290
naslijedio sve te djece.

82
00:04:28,290 --> 00:04:32,370
Doista, neka je spremiti datoteku i
pogledajte u pregledniku.

83
00:04:32,370 --> 00:04:34,650
Idemo ponovno učitavanje u Chrome.

84
00:04:34,650 --> 00:04:37,540
I tamo smo ga, čak i ljepše imati
Početna stranica za Johna Harvarda.

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