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

2
00:00:00,300 --> 00:00:04,840
>> Ettekandja: Nii et see on tegelikult ei ole parim
kujundada segunevad CSS HTML.

3
00:00:04,840 --> 00:00:08,700
Pigem on see parim tegur välja oma
CSS, pane see kusagil Kesk-ja

4
00:00:08,700 --> 00:00:11,430
kuidagi rakendada seda
tags oma veebilehel.

5
00:00:11,430 --> 00:00:15,290
Selleks, saame tegelikult peatus
kasutades Style atribuut ja selle asemel

6
00:00:15,290 --> 00:00:19,290
kasutada stiil tag, mis kuulub
pea veebilehe kõrval, sest

7
00:00:19,290 --> 00:00:20,700
Näiteks oma pealkiri.

8
00:00:20,700 --> 00:00:24,400
>> Anname sellele proovida ja uuesti rakendada
kodulehekülg John Harvard

9
00:00:24,400 --> 00:00:26,410
kasutades Style tag.

10
00:00:26,410 --> 00:00:28,930
Olen juba saanud meile hakkas
siin kolme divs kohta

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

12
00:00:30,260 --> 00:00:33,990
Kuid olgem esimene nüüd minna kuni esimese
div ja lisage uus atribuut,

13
00:00:33,990 --> 00:00:38,680
nimelt ID ja täpsustada, et ainulaadne
tunnus selle konkreetse div

14
00:00:38,680 --> 00:00:42,390
on näiteks quote lõppeb
"Top" suvalise nime, kuid

15
00:00:42,390 --> 00:00:45,840
kirjeldav, et see div on
tõepoolest ülaosas minu leht.

16
00:00:45,840 --> 00:00:48,920
>> Järgmise div Anname ta
erinev ID quote lõppeb

17
00:00:48,920 --> 00:00:54,080
"Middle" ja andkem kolmanda div
ID quote Tsitaat lõppeb "alt." Me

18
00:00:54,080 --> 00:00:57,740
nüüd on kolm kordumatu tunnus
millele saame rakendada mõned CSS

19
00:00:57,740 --> 00:01:01,210
omadused, kuid kõigepealt lubage tagasipöördumist
juht seda lehte.

20
00:01:01,210 --> 00:01:04,760
Just eespool pealkiri Siin ma
minna ja määratleda stiili

21
00:01:04,760 --> 00:01:07,120
ja sulgege stiilis.

22
00:01:07,120 --> 00:01:10,340
>> Toas see nüüd, ma lähen, et määratleda
mõned CSS omadused, nimelt

23
00:01:10,340 --> 00:01:14,550
sama, mida ma varem Style
atribuudid, kuid siin nad on

24
00:01:14,550 --> 00:01:16,320
tsentraalselt määratletud.

25
00:01:16,320 --> 00:01:20,880
Selleks ma täpsustada nael
sümbol järgneb top, mis

26
00:01:20,880 --> 00:01:24,710
täpsustades, et järgmised CSS
omadused tuleks kohaldada olenemata

27
00:01:24,710 --> 00:01:28,800
HTML element on unikaalne
tunnus top.

28
00:01:28,800 --> 00:01:32,240
Ma siis lähen olla avatud ja
suletud lokkis traksid, ja ma lähen

29
00:01:32,240 --> 00:01:39,170
täpsustada, ütleme, kirja suurus olema 36
pikslit, font kaal peab olema julge.

30
00:01:39,170 --> 00:01:41,810
>> Et hoida asjad puhtad, ma panen iga
Nende omaduste nüüd omal

31
00:01:41,810 --> 00:01:44,610
line, kuid see on ainult
stilistilise konventsioon.

32
00:01:44,610 --> 00:01:47,830
Selle all, lähme nüüd määrata teine
valijat, nii rääkida.

33
00:01:47,830 --> 00:01:52,680
See üks HTML tag, mis on
kordumatu tunnus keskel.

34
00:01:52,680 --> 00:01:57,540
Ja siin, lähme määrata kirjasuuruse
24 pikslit, alla, et teine

35
00:01:57,540 --> 00:02:01,520
selektor alt ja sees
selle, olgem täpsustada

36
00:02:01,520 --> 00:02:03,850
kirjasuurus 12 pikslit.

37
00:02:03,850 --> 00:02:09,350
>> Olgem nüüd päästa, muuta permissions
kohta ja laadige see leht brauseris,

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

39
00:02:14,230 --> 00:02:22,260
Avame Chrome ja külastage
http://localhost/css-1.html.

40
00:02:22,260 --> 00:02:22,960
Pole paha.

41
00:02:22,960 --> 00:02:26,930
Täpselt nagu ma ette, kuid ma tahaks
võtta asju üks samm edasi nüüd ja

42
00:02:26,930 --> 00:02:29,050
keskus John Harvard tekstiga.

43
00:02:29,050 --> 00:02:32,080
Nüüd seda teha, ma võiks pakkima
terve lehekülje div nagu ma

44
00:02:32,080 --> 00:02:33,800
tegin varem näiteks.

45
00:02:33,800 --> 00:02:37,820
Või ma ei saa olla tark ja mõista, et
kõik need divs on sees

46
00:02:37,820 --> 00:02:42,420
minu lehe keha, nii et miks mitte lihtsalt kohaldada
üks või enam CSS omadused keha

47
00:02:42,420 --> 00:02:43,850
tag ise?

48
00:02:43,850 --> 00:02:45,460
>> Selleks teeme seda.

49
00:02:45,460 --> 00:02:47,650
Lähme tagasi gedit siin.

50
00:02:47,650 --> 00:02:52,460
Lähme tagasi kerima kuni Style tag,
ja olgem täpsustada valijat lihtsalt

51
00:02:52,460 --> 00:02:54,520
kasutades, et tag nimi, Body.

52
00:02:54,520 --> 00:03:00,580
Allpool et paneme meie looksulg
järgneb text-align center.

53
00:03:00,580 --> 00:03:05,580
Olgem nüüd salvestada lehele ja laadida
see sees, et brauseris.

54
00:03:05,580 --> 00:03:08,090
Värskenda Chrome, ja voila.

55
00:03:08,090 --> 00:03:11,000
Meil on nüüd John Harvard lehele
tsentreeritud kui me ette.

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