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

2
00:00:00,300 --> 00:00:04,840
>> HIZLARIA: Beraz, egia esan, ez da onena
diseinatzeko CSS nahasten HTML batera.

3
00:00:04,840 --> 00:00:08,700
Baizik eta, hobe da faktore zure
CSS, jarri nonbait erdiko da, eta

4
00:00:08,700 --> 00:00:11,430
nolabait aplikatu behar
zure web orrian tags.

5
00:00:11,430 --> 00:00:15,290
Helburu hori lortzeko, benetan gelditu ahal
Estilo-atributua erabiliz eta horren ordez

6
00:00:15,290 --> 00:00:19,290
Estiloa etiketa bat, eta horrek en jabea da erabili
Web orri baten buru batera, egiteko

7
00:00:19,290 --> 00:00:20,700
Esate baterako, zure izenburua.

8
00:00:20,700 --> 00:00:24,400
>> Dezagun eman hau saiatu eta berriro ezartzea
etxeko John Harvard orri bat

9
00:00:24,400 --> 00:00:26,410
Estiloa etiketa erabiliz.

10
00:00:26,410 --> 00:00:28,930
Nik dagoeneko ahaztuak hasi gurekin
hemen hiru eta DIV rekin

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

12
00:00:30,260 --> 00:00:33,990
Baina dezagun lehen orain igo lehen honetara
div eta atributu berri bat gehitzeko,

13
00:00:33,990 --> 00:00:38,680
hain zuzen izena, eta zehaztu berezia duten
div partikular honen identifikatzaile

14
00:00:38,680 --> 00:00:42,390
izango da, esate baterako, aurrekontua unquote
"Top", izen arbitrario bat, baina

15
00:00:42,390 --> 00:00:45,840
duten div honetako deskribatzailea
hain zuzen ere, nire orriaren goialdean.

16
00:00:45,840 --> 00:00:48,920
>> Hurrengo div, dezagun eman bat
aurrekontua unquote of ID ezberdinak

17
00:00:48,920 --> 00:00:54,080
"Erdian", eta dezagun eman hirugarren div
aurrekontua unquote ID bat "behean." Dugu

18
00:00:54,080 --> 00:00:57,740
orain hiru identifikatzaile bakarra
zein CSS batzuk aplikatu ahal izango dugu

19
00:00:57,740 --> 00:01:01,210
jabetzak, baina lehen, dezagun bueltan
Orrialde honen buruan.

20
00:01:01,210 --> 00:01:04,760
Just izenburua hemen batez ere, ez dut
aurrera eta definitzeko estiloa

21
00:01:04,760 --> 00:01:07,120
eta ondoren itxi estiloa.

22
00:01:07,120 --> 00:01:10,340
>> Honen barruan, gaur egun, naiz definitzen joan
CSS propietate batzuk, hots,

23
00:01:10,340 --> 00:01:14,550
Aurretik Style nuen bera ere bai
egozten, baina hemen duzue izango dute

24
00:01:14,550 --> 00:01:16,320
erdialdetik definitu.

25
00:01:16,320 --> 00:01:20,880
Horretarako, naiz kiloko zehaztu dut
Ikur top jarraian, horrela

26
00:01:20,880 --> 00:01:24,710
zehazten duten ondorengo CSS du
propietate edozein dela ere aplikatu beharko

27
00:01:24,710 --> 00:01:28,800
HTML elementu berezia du
top identifikatzailea.

28
00:01:28,800 --> 00:01:32,240
Naiz gero irekiak batzuk eta joan
giltza kizkur itxiak, eta naiz joan

29
00:01:32,240 --> 00:01:39,170
zehaztu, esan, letra-tamaina 36 izango da
pixel, letraren lodia izango da.

30
00:01:39,170 --> 00:01:41,810
>> Gauzak garbi mantentzeko, bata naiz jarriz
Ezaugarri horiek, gaur egun, bere kabuz of

31
00:01:41,810 --> 00:01:44,610
line, baina hori besterik ez a
konbentzio estilistikoa.

32
00:01:44,610 --> 00:01:47,830
Honen azpitik, utzi beste bat definitzeko en orain
hautatzaileak, nolabait esateko.

33
00:01:47,830 --> 00:01:52,680
HTML etiketa duten bata honetan
erdiko identifikatzaile bakarra.

34
00:01:52,680 --> 00:01:57,540
Eta hemen, dezagun zehaztu letra tamaina bat
24 pixelez, beste bat beherago

35
00:01:57,540 --> 00:02:01,520
behean, eta barruan hautatzailea
hori, dezagun zehatz bat

36
00:02:01,520 --> 00:02:03,850
font 12 pixel tamainan.

37
00:02:03,850 --> 00:02:09,350
>> Utzi gorde en orain, baimenak aldatu
on, eta orria kargatu arakatzaile batean,

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

39
00:02:14,230 --> 00:02:22,260
Dezagun ireki Chrome eta bisitatu
http://localhost/css-1.html.

40
00:02:22,260 --> 00:02:22,960
Ez dago gaizki.

41
00:02:22,960 --> 00:02:26,930
Burutu nahi nuen bezalaxe, baina nahi nuke
gauzak orain urrats bat gehiago eta

42
00:02:26,930 --> 00:02:29,050
zentro John Harvard testua.

43
00:02:29,050 --> 00:02:32,080
Orain beraz, zer egin, ezin izan dut itzulbiratu da
div batean orri osoa dut

44
00:02:32,080 --> 00:02:33,800
lehenago adibide bat egin.

45
00:02:33,800 --> 00:02:37,820
Edo gehiago clever izan daiteke I eta konturatzen
eta DIV horien guztien barruan daude

46
00:02:37,820 --> 00:02:42,420
nire orrialdera gorputza, beraz, zergatik ez bakarrik aplikatu
CSS gorputza propietate bat edo gehiago

47
00:02:42,420 --> 00:02:43,850
etiketatu bera?

48
00:02:43,850 --> 00:02:45,460
>> Horretarako, egin dezagun hau.

49
00:02:45,460 --> 00:02:47,650
Goazen gedit hemen.

50
00:02:47,650 --> 00:02:52,460
Dezagun joan atzera Style Etiketa erabakitzen ditu,
eta dezagun zehaztu hautatzaile bat besterik

51
00:02:52,460 --> 00:02:54,520
Etiketa horren izena, Body erabiliz.

52
00:02:54,520 --> 00:03:00,580
Horren azpian, dezagun jarri gure giltza kizkur
Testu-lerrokatzea zentro jarraian.

53
00:03:00,580 --> 00:03:05,580
Utzi orri salbatzeko en orain eta freskatuz
nabigatzaileak horren barruan dago.

54
00:03:05,580 --> 00:03:08,090
Chrome freskatuz, eta voila.

55
00:03:08,090 --> 00:03:11,000
Orain dugu John Harvard orria
zentratua burutu nahi dugun bezala.

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