1
00:00:00,000 --> 00:00:00,300

2
00:00:00,300 --> 00:00:04,840
>> SPEAKER: Pa to zapravo nije najbolji
dizajn se smjenjuju s CSS i HTML.

3
00:00:04,840 --> 00:00:08,700
Umjesto toga, to je najbolje uzeti iz svoje
CSS, stavi ga negdje središnje i

4
00:00:08,700 --> 00:00:11,430
nekako ga primijeniti na
oznake na svoju web stranicu.

5
00:00:11,430 --> 00:00:15,290
Da bi to postigli, mi zapravo može zaustaviti
pomoću stilske osobine i umjesto toga

6
00:00:15,290 --> 00:00:19,290
koristiti stil oznaku, koja pripada u
Čelnik web stranice uz, za

7
00:00:19,290 --> 00:00:20,700
Primjerice, vaš naslov.

8
00:00:20,700 --> 00:00:24,400
>> Dajmo to probati i ponovno provesti
Početna stranica za Johna Harvarda

9
00:00:24,400 --> 00:00:26,410
pomoću Style oznaku.

10
00:00:26,410 --> 00:00:28,930
Već sam stečen nam počeli
ovdje s tri divs za

11
00:00:28,930 --> 00:00:30,260
John Harvard stranica.

12
00:00:30,260 --> 00:00:33,990
Ali idemo sad prvo idu na ovo prvo
div i dodati novi atribut,

13
00:00:33,990 --> 00:00:38,680
naime ID, i odrediti da se jedinstveni
identifikator za ovaj div

14
00:00:38,680 --> 00:00:42,390
bit će, na primjer, citat završiti citat
"Top", proizvoljna ime, ali

15
00:00:42,390 --> 00:00:45,840
opisno, da je to Div
doista na vrhu moje stranice.

16
00:00:45,840 --> 00:00:48,920
>> Za sljedeći div, ajmo to dati
drugačija ID quote Citat završen

17
00:00:48,920 --> 00:00:54,080
"Srednji" i dajmo treći div
ID quote Citat završen "dnu". Mi

18
00:00:54,080 --> 00:00:57,740
Sada imamo tri jedinstveni identifikator
na koje možemo primijeniti neke CSS

19
00:00:57,740 --> 00:01:01,210
svojstva, ali prvo, neka je povratak
na čelu ove stranice.

20
00:01:01,210 --> 00:01:04,760
Samo iznad naslova Evo, ja ću
ići naprijed i definirati stil

21
00:01:04,760 --> 00:01:07,120
a zatim bliski stilu.

22
00:01:07,120 --> 00:01:10,340
>> Unutar toga sad, idem definirati
neki CSS svojstva, naime

23
00:01:10,340 --> 00:01:14,550
isti oni koje sam prije imao u stilu
atribute, ali ovdje će biti

24
00:01:14,550 --> 00:01:16,320
centralno definirano.

25
00:01:16,320 --> 00:01:20,880
Da biste to učinili, ja ću navesti funta
Simbol slijedi vrhu, a time

26
00:01:20,880 --> 00:01:24,710
navodeći da se sljedeće CSS
svojstva treba primijeniti na bilo što

27
00:01:24,710 --> 00:01:28,800
HTML element ima jedinstveno
identifikator vrhu.

28
00:01:28,800 --> 00:01:32,240
Ja sam tada će imati neke otvorene i
zatvorenih vitičastim zagradama, a ja ću

29
00:01:32,240 --> 00:01:39,170
odrediti, recimo, veličinu fonta mora biti 36.
piksela, težina fonta mora biti hrabar.

30
00:01:39,170 --> 00:01:41,810
>> Da bi stvari ostale čiste, ja stavljam svaki
tih svojstava sada na svojim nogama

31
00:01:41,810 --> 00:01:44,610
linije, ali to je samo
stilska konvencija.

32
00:01:44,610 --> 00:01:47,830
Ispod toga, idemo sad definirati još jedan
Selektor, da se tako izrazim.

33
00:01:47,830 --> 00:01:52,680
To je jedan za HTML tag koji ima
Jedinstveni identifikator sredini.

34
00:01:52,680 --> 00:01:57,540
I ovdje, neka je odrediti veličinu fonta
24 piksela, ispod toga drugoga

35
00:01:57,540 --> 00:02:01,520
Selektor za dno, a unutar
toga, neka je odrediti

36
00:02:01,520 --> 00:02:03,850
veličinu fonta od 12 piksela.

37
00:02:03,850 --> 00:02:09,350
>> Idemo sada spasiti, promijeniti dozvole
na, i učitati ovu stranicu u pregledniku,

38
00:02:09,350 --> 00:02:14,230
chmod plus r CSS-1.html.

39
00:02:14,230 --> 00:02:22,260
Idemo otvoriti Chrome i posjetite
http://localhost/css-1.html.

40
00:02:22,260 --> 00:02:22,960
Nije loše.

41
00:02:22,960 --> 00:02:26,930
Točno onako kako sam htio, ali ja bih
ići korak dalje i sada

42
00:02:26,930 --> 00:02:29,050
središnjoj John Harvard tekst.

43
00:02:29,050 --> 00:02:32,080
Sada za to, mogao sam omotajte
cijela stranica u div kao što sam

44
00:02:32,080 --> 00:02:33,800
je raniji primjer.

45
00:02:33,800 --> 00:02:37,820
Ili ja mogu biti pametan i shvatiti da
sve ove divs su unutar

46
00:02:37,820 --> 00:02:42,420
moje web stranice tijelo, pa zašto se ne primjenjuje samo
jedan ili više CSS svojstva u tijelu

47
00:02:42,420 --> 00:02:43,850
se označiti?

48
00:02:43,850 --> 00:02:45,460
>> Da biste to učinili, učinimo to.

49
00:02:45,460 --> 00:02:47,650
Idemo natrag u gedit ovdje.

50
00:02:47,650 --> 00:02:52,460
Idemo dođite natrag do Style oznaku,
i neka je odrediti selektor samo

51
00:02:52,460 --> 00:02:54,520
pomoću te oznake s imenom, tijelo.

52
00:02:54,520 --> 00:03:00,580
Ispod toga, neka stavi svoje vitičastim zagradama
slijedi text-align centru.

53
00:03:00,580 --> 00:03:05,580
Idemo sada spremiti stranicu i ponovno
da unutar tog preglednika.

54
00:03:05,580 --> 00:03:08,090
Reload u Chrome, i voila.

55
00:03:08,090 --> 00:03:11,000
Mi sada imamo Johna Harvarda stranicu
usmjeren kako smo zamislili.

56
00:03:11,000 --> 00:03:12,619