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

2
00:00:00,300 --> 00:00:04,840
>> SPEAKER: Do fakte ne estas la plej bona
desegni al intermiksas CSS kun HTML.

3
00:00:04,840 --> 00:00:08,700
Pli ĝuste, ĝi estas bona por faktorigi el via
CSS, metis ĝin ie centra, kaj

4
00:00:08,700 --> 00:00:11,430
iel aplikas ĝin al la
tags en via retpaĝo.

5
00:00:11,430 --> 00:00:15,290
Por atingi tion, ni povas reale halti
uzante la Stilo atributo kaj anstataŭ

6
00:00:15,290 --> 00:00:19,290
uzi Stilo etikedon, kiu apartenas en la
kapo de retpaĝo al la flanko, por

7
00:00:19,290 --> 00:00:20,700
Ekzemple, via titolo.

8
00:00:20,700 --> 00:00:24,400
>> Ni donu tiun provon kaj re-apliki
hejmo paĝo por John Harvard

9
00:00:24,400 --> 00:00:26,410
uzante la Stilo etikedo.

10
00:00:26,410 --> 00:00:28,930
Mi jam alvenintaj ni komencis
tien kun tri divs por

11
00:00:28,930 --> 00:00:30,260
John Harvard hejmpaĝo.

12
00:00:30,260 --> 00:00:33,990
Sed ni unue nun iru al tiu unua
div kaj aldonu novan atributon,

13
00:00:33,990 --> 00:00:38,680
nome ID, kaj specifi ke sola
ensalutilo por tiu ĉi aparta div

14
00:00:38,680 --> 00:00:42,390
estos, ekzemple, citaĵo unquote
"Top," arbitran nomon, sed

15
00:00:42,390 --> 00:00:45,840
priskriba en tiu ĉi div trovas
ja sur la supro de mia paĝo.

16
00:00:45,840 --> 00:00:48,920
>> Por la proksima div, ni donu al ĝi
malsamaj ID de kurzo unquote

17
00:00:48,920 --> 00:00:54,080
"Meza", kaj ni donos al la tria div
IRU de kurzo unquote "malsupre." Ni

18
00:00:54,080 --> 00:00:57,740
nun havas tri solaj ensalutilo
al kiu ni povas apliki iuj CSS

19
00:00:57,740 --> 00:01:01,210
posedaĵoj, sed unue, ni reveno
al la kapo de tiu ĉi paĝo.

20
00:01:01,210 --> 00:01:04,760
Nur supre la titolon ĉi tie, mi
iru antaŭen kaj difini stilo

21
00:01:04,760 --> 00:01:07,120
kaj poste fermi stilo.

22
00:01:07,120 --> 00:01:10,340
>> Ene de ĉi nun, mi tuj difini
iuj CSS propraĵoj, nome la

23
00:01:10,340 --> 00:01:14,550
samaj Mi antaŭe havis en Stilo
atributoj, sed ĉi tie ili estos

24
00:01:14,550 --> 00:01:16,320
centre difinitaj.

25
00:01:16,320 --> 00:01:20,880
Por tion fari, mi iros al precizigi la funto
simbolo sekvas supro, tiamaniere

26
00:01:20,880 --> 00:01:24,710
preciziganta ke la jenaj CSS-
propraĵoj devas apliki al kiom

27
00:01:24,710 --> 00:01:28,800
HTML-elemento havas la sola
ensalutilo de supro.

28
00:01:28,800 --> 00:01:32,240
Mi tiam tuj havi iu malfermita kaj
fermita krispa krampoj, kaj mi tuj

29
00:01:32,240 --> 00:01:39,170
specifi, diru, tiparo estos 36
rastrumeroj, tiparo pezo estu grasaj.

30
00:01:39,170 --> 00:01:41,810
>> Por subteni tion, pura, mi metas ĉiu
de ĉi tiuj propraĵoj nun sur lia propra

31
00:01:41,810 --> 00:01:44,610
linio, sed tio estas nur
stila konvencio.

32
00:01:44,610 --> 00:01:47,830
Sub ĉi tio, ni nun difini alian
selector, por tiel diri.

33
00:01:47,830 --> 00:01:52,680
Ĉi unu por la HTML-etikedo kiu havas
unika ensalutilo de mezo.

34
00:01:52,680 --> 00:01:57,540
Kaj en tie, ni specifi tiparo
el 24 rastrumeroj, sub tiu alia

35
00:01:57,540 --> 00:02:01,520
selector por fundon, kaj interne
de tiu, ni specifi

36
00:02:01,520 --> 00:02:03,850
tiparo grandeco de 12 rastrumeroj.

37
00:02:03,850 --> 00:02:09,350
>> Ni nun savu, ŝanĝi la permesojn
on, kaj ŝarĝi ĉi tiun paĝon per foliumilo,

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

39
00:02:14,230 --> 00:02:22,260
Atendu malfermi Chrome kaj viziti
http://localhost/css-1.html.

40
00:02:22,260 --> 00:02:22,960
Ne malbone.

41
00:02:22,960 --> 00:02:26,930
Ĝuste kiel mi intencis, sed mi ŝatus
preni tion, unu paŝon plu nun kaj

42
00:02:26,930 --> 00:02:29,050
centro John Harvard tekston.

43
00:02:29,050 --> 00:02:32,080
Nun fari tion, mi povus kovri la
tuta paĝo en div kiel mi

44
00:02:32,080 --> 00:02:33,800
faris pli frua ekzemplo.

45
00:02:33,800 --> 00:02:37,820
Aŭ mi povas esti pli saĝaj kaj rimarkas ke
ĉiuj el tiuj divs estas interne de

46
00:02:37,820 --> 00:02:42,420
mia paĝo korpo, do kial ne simple apliki
unu aŭ pli CSS posedaĵojn al la korpo

47
00:02:42,420 --> 00:02:43,850
marki mem?

48
00:02:43,850 --> 00:02:45,460
>> Por tion fari, ni faros.

49
00:02:45,460 --> 00:02:47,650
Ni reiru al gedit tie.

50
00:02:47,650 --> 00:02:52,460
Ni rulumu reen ĝis la Stilo etikedo,
kaj ni specifi selector nur

51
00:02:52,460 --> 00:02:54,520
uzante tiu tag nomo, Korpo.

52
00:02:54,520 --> 00:03:00,580
Malsupre, ke ni kunigu niajn krispa krampoj
sekvata de teksto-align centro.

53
00:03:00,580 --> 00:03:05,580
Ni nun savu la paĝo kaj reŝarĝi
ĝi ene de tiu legilo.

54
00:03:05,580 --> 00:03:08,090
Freŝigi en Chrome, kaj voila.

55
00:03:08,090 --> 00:03:11,000
Ni nun havas John Harvard paĝo
centrita kiel ni intencis.

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