1
00:00:00,000 --> 00:00:05,660
>> [Musika jotzen]

2
00:00:05,660 --> 00:00:08,740
>> DOUG LLOYD: Beraz, dezagun bat gehiago
Bideo den hizkuntza bat gehiago hitz egitea.

3
00:00:08,740 --> 00:00:10,800
Oraingoan CSS buruz hitz egingo dugu.

4
00:00:10,800 --> 00:00:13,460
Beraz, CSS, hau da, labur
Kaskadako estilo-orriak,

5
00:00:13,460 --> 00:00:16,149
Erabiltzen ditugun beste hizkuntza da
webgune eraikitzeko.

6
00:00:16,149 --> 00:00:17,190
Horri buruz uste dute hau.

7
00:00:17,190 --> 00:00:20,900
HTML badago zer antolatzeko erabiltzen dugu
Edukira gure orrian jarri nahi dugu,

8
00:00:20,900 --> 00:00:25,390
CSS, oro har, erabiltzen ditugun tresna da
Gure webguneak nola begiratu pertsonalizatzeko,

9
00:00:25,390 --> 00:00:30,410
zenbat eta erabiltzailearen esperientzia benetan
da, gure web elkarreraginean.

10
00:00:30,410 --> 00:00:32,535
>> HTML antzekoa, CSS da
Ez programazio hizkuntza bat.

11
00:00:32,535 --> 00:00:33,451
Ez du logika dute.

12
00:00:33,451 --> 00:00:34,595
Ez du zertan aldagaiak.

13
00:00:34,595 --> 00:00:38,890
Ez du inolako duten moduko dute
Hori C egiten lotutako gauzak bere osotasunean.

14
00:00:38,890 --> 00:00:40,150
Da Sorozabal hizkuntza bat.

15
00:00:40,150 --> 00:00:42,810
Eta bere sintaxia da nahiko
simple, eta besterik deskribatzen

16
00:00:42,810 --> 00:00:46,240
nola elementu gure
Orri dute HTML zenbait

17
00:00:46,240 --> 00:00:48,190
elementu aldatu egin behar da.

18
00:00:48,190 --> 00:00:51,170
Hori dela eta, ez baldin baduzu
oraindik gainbegiratu gure erakutsiko bideoa,

19
00:00:51,170 --> 00:00:53,290
edo Ohituta daude
HTML oro har, you

20
00:00:53,290 --> 00:00:57,430
duten begirada bat hartu nahi dezake
Lehenengo, CSS eztabaida hau delako

21
00:00:57,430 --> 00:01:00,700
da araberakoak joan
HTML ezagutza batzuk.

22
00:01:00,700 --> 00:01:03,740
>> Hortaz, hona hemen benetan bat
simple CSS estilo-orrian.

23
00:01:03,740 --> 00:01:06,480
Nik inoiz ez baduzu ere
CSS programatu aurretik,

24
00:01:06,480 --> 00:01:10,624
Nahiko ziur nago irudikatu ahal izango dituzu
zehazki zer stylesheet du horrek.

25
00:01:10,624 --> 00:01:11,290
Zer egiten du?

26
00:01:11,290 --> 00:01:15,470
Beno, gure web gorputzean aplikatutako
orrialdea, body etiketarik arteko guztia

27
00:01:15,470 --> 00:01:19,631
gure erakutsiko da, eta bertan ezartzen du
hondo urdin kolorea emateko orria hartako.

28
00:01:19,631 --> 00:01:21,130
Beno, estilo-orrian, oso erraza da.

29
00:01:21,130 --> 00:01:23,269
Egia esan, oso giza
lagunarteko hizkuntza, CSS.

30
00:01:23,269 --> 00:01:26,560
Beraz, inoiz ez duzun erabiliko da, nahiz eta aurretik,
zer esan zenuen, ziurrenik asmatzen.

31
00:01:26,560 --> 00:01:30,140
Izan ere, orri batean, non kargatuta badugu
estilo-orri hau nolabait sartuta,

32
00:01:30,140 --> 00:01:36,240
hondo gure orria kolorea litzateke
urdina, eta ez zuri-estandarra izan.

33
00:01:36,240 --> 00:01:37,670
>> Beraz, nola ez estilo-eraikiko dugu?

34
00:01:37,670 --> 00:01:39,700
Beno lehen, behar dugu
hautatzailea identifikatzeko.

35
00:01:39,700 --> 00:01:42,970
Azken batean, adibidez,
hautatzaileak duten gorputza zen.

36
00:01:42,970 --> 00:01:45,050
Ondoren ireki bat daukagu
kizkur giltza, eta ez gara

37
00:01:45,050 --> 00:01:48,410
definituz hasiko joan
hautatzaileak duten estilo.

38
00:01:48,410 --> 00:01:51,800
Kizkur giltza artean, guk
besterik gako bikote zerrenda bat.

39
00:01:51,800 --> 00:01:56,205
Aurreko balio bikotea izan zen
background color semicolon urdina,

40
00:01:56,205 --> 00:01:57,830
baina gero eta gehiago dira horiek egin ahal izan genuen.

41
00:01:57,830 --> 00:02:02,330
Hainbat gauza aplikatuz izan dezakezu
Etiketa hori, hautatzaileak gorputza horretara.

42
00:02:02,330 --> 00:02:05,960
Horietako bakoitzak da batez bereizita
puntu eta koma, eta horietako bakoitzarentzako deitzen dugun

43
00:02:05,960 --> 00:02:08,949
deklarazio bat, CSS deklarazio bat.

44
00:02:08,949 --> 00:02:12,410
When Sorozabal dugun guztia egiten ari garen
etiketa jakin hori aplikatu nahi,

45
00:02:12,410 --> 00:02:15,300
besterik ez dugu kizkur ixteko bat
giltza stylesheet amaiera emateko,

46
00:02:15,300 --> 00:02:19,640
eta egin gaude stylesheet definitzeko
hautatzaileak jakin horretarako.

47
00:02:19,640 --> 00:02:21,341
>> Zer dira komun CSS propietate batzuk?

48
00:02:21,341 --> 00:02:23,590
Beno, agian jarri nahi al duzu
Zerbait ertz batean.

49
00:02:23,590 --> 00:02:26,850
Beraz, esan daiteke, mugan,
Hori da zure gakoa izango litzateke,

50
00:02:26,850 --> 00:02:29,460
eta, ondoren, zure baloreak izango litzateke,
zer estilo, kolore, eta zabalera

51
00:02:29,460 --> 00:02:30,209
izan nahi duzu.

52
00:02:30,209 --> 00:02:33,530
Beraz, estilo sendo bat izan daiteke
lerroa, puntuz, lerro bat,

53
00:02:33,530 --> 00:02:36,020
ridge lerro bat, wavy lerroa izango litzateke.

54
00:02:36,020 --> 00:02:38,790
Agian izan nahi al duzu
urdina edo beltza edo berdea izan.

55
00:02:38,790 --> 00:02:41,490
Agian izan nahi duzu
1 edo 2 edo 10 pixel zabalera.

56
00:02:41,490 --> 00:02:43,254
Gauza horiek guztiak zehatz dezakezu.

57
00:02:43,254 --> 00:02:46,420
Agian bigarren mailan ezarri nahi duzula
Zure orria kolorea modu jakin batean.

58
00:02:46,420 --> 00:02:49,215
Dagoeneko ikusi dugu, ezarpen
Gorputzaren hondo urdina izango.

59
00:02:49,215 --> 00:02:52,080
>> Ondoren gakoa hitz bat erabili ahal izango dituzu,
beraz CSS zenbait kolore ditu

60
00:02:52,080 --> 00:02:55,950
direla barneratzen, urdina, berdea,
beltzak, kolore oso erraz jakin dugu.

61
00:02:55,950 --> 00:02:59,110
Baina, era berean, edozein zehaztu daiteke
hex kolore hori gustatuko litzaidake.

62
00:02:59,110 --> 00:03:05,190
Berreskuratu duten koloreak identifikatu
Hiru hex zenbaki multzo batek

63
00:03:05,190 --> 00:03:08,500
0 eta 255, rg eta b, egin nahi
osagai gorria, berdea eta urdina.

64
00:03:08,500 --> 00:03:10,590
Eta beraz, zehaztu ahal izango dugu
Edozein kolore nahi dugu,

65
00:03:10,590 --> 00:03:15,520
ordez urdin edo berde edo beltza erabiliz,
libra erabiliz eta, ondoren, sei hex zenbakiak,

66
00:03:15,520 --> 00:03:18,310
eta gaituen luke
Sei digitu kolorea.

67
00:03:18,310 --> 00:03:19,850
Beraz, hori hondo kolorea da.

68
00:03:19,850 --> 00:03:21,975
>> Horrez gain, bat lehen planoan
kolorea, ohi da

69
00:03:21,975 --> 00:03:24,140
zure orrian testua izango da.

70
00:03:24,140 --> 00:03:28,850
Eta, era berean, ezin duzu hori egin
gako-hitza eta edo sei digitu hamaseitar batera.

71
00:03:28,850 --> 00:03:32,140
Beraz, edozein kolore zehatz dezakezu zuk
zure orrian testua Nahi

72
00:03:32,140 --> 00:03:36,370
jakin baten aurka
atzeko kolorea eman gainetik.

73
00:03:36,370 --> 00:03:39,100
Zuk ere alda daiteke eta landu
letra, eta modu testuarekin

74
00:03:39,100 --> 00:03:40,400
da orrialdean Errendatutako.

75
00:03:40,400 --> 00:03:42,010
>> Beraz, zure letra-tamaina alda dezakezu.

76
00:03:42,010 --> 00:03:46,320
Gako hitz, hala nola estra gisa erabili ahal izango dituzu,
Aparteko txikiak, edo xx txiki edo ertain,

77
00:03:46,320 --> 00:03:47,660
handiak, eta abar.

78
00:03:47,660 --> 00:03:50,750
Puntu finko erabili ahal izango duzu, 10
Puntu, 12 puntu, eta abar.

79
00:03:50,750 --> 00:03:55,850
Portzentajeak,% 80,% 20 erabili ahal izango duzu,
non% 100 tipo lehenetsia da

80
00:03:55,850 --> 00:03:59,220
tamaina, hau da, normalean joan
11 edo 12 puntu antzeko zerbait izan.

81
00:03:59,220 --> 00:04:01,659
Edo are oinarritzeko da off
berrienetakoa letra-tamaina.

82
00:04:01,659 --> 00:04:04,950
Duzu zerbait idatzi bada besterik, eta badakizu
nahi duzuna da hura txikiagoa izan behar du,

83
00:04:04,950 --> 00:04:08,241
baina ez dakizu zehazki zer tamaina dituzu
Nahi izan, bai, esan dezaket ez da zuk,

84
00:04:08,241 --> 00:04:09,330
letra-tamaina txikiagoa.

85
00:04:09,330 --> 00:04:14,344
Eta egingo du off oinarritzeko da,
besterik goian, letra-tamaina da.

86
00:04:14,344 --> 00:04:15,760
Eta txikiagoa edo handiagoa eskuratu ahal izango duzu.

87
00:04:15,760 --> 00:04:18,390
Beraz, ez dago desberdin asko da
Modu letra-tamaina zehazteko.

88
00:04:18,390 --> 00:04:20,690
>> Zer ere zehatz daiteke
tipo familia nahi duzun.

89
00:04:20,690 --> 00:04:23,360
Zehatz bat baldin baduzu
izena, han ere modu bat CSS

90
00:04:23,360 --> 00:04:27,270
ez dugu horri buruz hitz egingo
font oso zehatz bat definitzeko hemen

91
00:04:27,270 --> 00:04:28,980
eta kapsula zure orrian sartu.

92
00:04:28,980 --> 00:04:30,620
Izen generikoak ere erabili daiteke.

93
00:04:30,620 --> 00:04:33,540
Badira web seguru tipoak asko da
direla CSS aurrez definitutako.

94
00:04:33,540 --> 00:04:36,352
Eta zu Microsoft erabiltzailea bazara
Bulegoa, azken 20 urteotan,

95
00:04:36,352 --> 00:04:38,810
Oraindik ezagutzen seguruenik
Web seguru tipo hauek asko

96
00:04:38,810 --> 00:04:44,640
Dagoeneko, Times New Roman, Arial,
El Correo Berria, Georgia, Tahoma, Verdana,

97
00:04:44,640 --> 00:04:45,470
eta abar.

98
00:04:45,470 --> 00:04:47,170
Horiek guztiak ez dira kontuan hartzen web tipoak seguru.

99
00:04:47,170 --> 00:04:49,169
Eta egia esan, zati
arrazoia izan zen dute

100
00:04:49,169 --> 00:04:54,140
zen erabili ahal izateko web-- egiteko orrialde bakoitzean
izan ordaintzeari sarbidea tipoak ezarri

101
00:04:54,140 --> 00:04:58,480
hainbat serifs, eta hori guztia
letra-ondasunak ezin izango dugu sartu,

102
00:04:58,480 --> 00:05:01,130
baina horiek izan ohi dira
Zure CSS eskuragarria,

103
00:05:01,130 --> 00:05:04,029
Hala ez balitz, are you
Besterik tipoak definitzeko.

104
00:05:04,029 --> 00:05:07,070
Azkenik, testu lerrokatu ahal izango duzu,
ordez hura izateagatik, besterik ezean, lerrokatzea

105
00:05:07,070 --> 00:05:09,310
ezkerrera, ezin izan duzu
lerrokatu eskuinean,

106
00:05:09,310 --> 00:05:13,740
edo lerrokatu ezin duzu zentratua, edo
justifikatu, beraz, bai marjinak jo egin zuen.

107
00:05:13,740 --> 00:05:16,800
Beraz, horiek dira aukera guztiak erabili ahal izango duzu
Zein da zure testu itxura alda,

108
00:05:16,800 --> 00:05:20,120
eta nola zure orrian bistaratzen den.

109
00:05:20,120 --> 00:05:22,180
>> Zure Selectors ez
etiketa bakarra izan behar.

110
00:05:22,180 --> 00:05:25,539
Aurretik gorputzaren etiketa bat ikusi dugu
hautatzaileak, eta tag hautatzaileak

111
00:05:25,539 --> 00:05:26,580
ez begiratu besterik gabe.

112
00:05:26,580 --> 00:05:30,020
Etiketa bat izendatzeko duzu, eta, ondoren,
definitzeko etiketa horretarako, estilo-orrian.

113
00:05:30,020 --> 00:05:32,660
Baina, aldi berean, zerbait egin dezakezu
ID hautatzaileak izenekoa.

114
00:05:32,660 --> 00:05:34,390
ID hautatzaile nahiko antzekoa dela.

115
00:05:34,390 --> 00:05:38,100
Baina, adi, orain ez dut erabiltzen
HTML etiketa duten, erabiltzen dut kasu honetan,

116
00:05:38,100 --> 00:05:40,720
#unique, edo hash berezia.

117
00:05:40,720 --> 00:05:42,930
Gogoratzen baduzu gure
Bideo HTML on solasean

118
00:05:42,930 --> 00:05:45,620
etiketa atributu izan ditzakeen buruz.

119
00:05:45,620 --> 00:05:48,340
>> Eta aitortu bat aplikatzen
Nahiko askoz HTML etiketa guztiei,

120
00:05:48,340 --> 00:05:51,440
baina ez genuen horri buruz hitz egiteko,
ID etiketa bat izeneko zerbait da.

121
00:05:51,440 --> 00:05:55,250
Beraz CSS jakin hau litzateke
HTML etiketa duela ez aplikatzea

122
00:05:55,250 --> 00:05:58,530
ID oso zehatz bat, izendatu dituzula.

123
00:05:58,530 --> 00:06:01,000
Beraz, nonbait baldin baduzu
Zure kodea, nonbait

124
00:06:01,000 --> 00:06:06,090
Zure HTML fitxategia, etiketa bat eta zuk ere
Etiketa duten ezaugarri bat bezala zehaztu,

125
00:06:06,090 --> 00:06:09,060
Identifikazio berezia berdin, hau
stylesheet bereziki

126
00:06:09,060 --> 00:06:15,030
hemen izango bakarrik aplikatuko arteko
berezia NAN etiketa hori.

127
00:06:15,030 --> 00:06:17,180
>> Halaber, zerbait egin dezakezu
klase hautatzaile bat deitzen.

128
00:06:17,180 --> 00:06:19,920
Beraz edukitzeaz gain
ID egozten, halaber, ahal duzun

129
00:06:19,920 --> 00:06:23,130
Klase atributu bat gehitu HTML etiketa den.

130
00:06:23,130 --> 00:06:27,140
Eta noiz class atributu bat erabiliz gero,
bertan hainbat etiketa aplikatu ahal izateko.

131
00:06:27,140 --> 00:06:31,880
Beraz, hainbat gauza izanez gero,
diren antzeko, agian, esan nahi duzun,

132
00:06:31,880 --> 00:06:35,890
Etiketa open blah, blah, blah,
blah, klaseko ikasle berdin.

133
00:06:35,890 --> 00:06:38,190
Eta gero, bereziki honetan
stylesheet aplikatuko litzateke

134
00:06:38,190 --> 00:06:42,041
Etiketa bakoitzean zeinen klasea egoera.

135
00:06:42,041 --> 00:06:44,290
Kasu honetan, ezar genuke
hondo kolorea horia da,

136
00:06:44,290 --> 00:06:46,706
eta opakotasuna ezarri genuen, eta horrek
Etiketa bat ez genuen hitz egin da,

137
00:06:46,706 --> 00:06:52,510
Baina nola gardena jorratzen
zerbait da,% 70, kasu honetan.

138
00:06:52,510 --> 00:06:54,430
>> Bi aukera There
idatziz egindako estilo.

139
00:06:54,430 --> 00:06:56,680
Horietako idatzi ditzakezu
zuzenean zure HTML sartu

140
00:06:56,680 --> 00:06:59,690
estilo jarriz
style etiketa artean.

141
00:06:59,690 --> 00:07:03,850
Eta estilo etiketa horien barruan joan
burua zure web etiketa.

142
00:07:03,850 --> 00:07:08,240
Agian gehiago hobetsia bidea egin
Aparteko .css fitxategi bat idatzi behar da,

143
00:07:08,240 --> 00:07:12,360
eta gero lotzeko sartu zure
link etiketa erabiliz dokumentatzeko.

144
00:07:12,360 --> 00:07:14,690
Link etiketa, berriz ere, badira
hiperestekak desberdinak,

145
00:07:14,690 --> 00:07:16,760
Gogora gure bideo batetik bada HTML batekin.

146
00:07:16,760 --> 00:07:19,030
Eta lotura tags dira nola
fitxategi desberdinetan tira.

147
00:07:19,030 --> 00:07:23,900
Ordena da baliokidea bezalako
web programazioa # besteak beste.

148
00:07:23,900 --> 00:07:27,140
>> Beraz, dezagun table.HTML begirada bat.

149
00:07:27,140 --> 00:07:29,380
Gogoratzen baduzu gure
HTML bideo, erakutsi dut

150
00:07:29,380 --> 00:07:32,000
oso baten adibidea
biderketa sinple

151
00:07:32,000 --> 00:07:35,160
mahai hori nahiko begiratu
itsusiak, eta agian ez da

152
00:07:35,160 --> 00:07:38,650
modu bat hobea batera egiteko
CSS, benetan itxura egiteko

153
00:07:38,650 --> 00:07:41,120
biderketa bat bezala gehiago
mahaia, edo zerbait

154
00:07:41,120 --> 00:07:43,730
Hori ez da, besterik gabe, itsatsita elkarrekin
Benetako zatiketa gabe

155
00:07:43,730 --> 00:07:45,532
errenkada eta zutabeen arteko.

156
00:07:45,532 --> 00:07:47,490
Hargatik buru izateko
CS50 IDE, eta begirada bat

157
00:07:47,490 --> 00:07:50,780
nola CSS daiteke, ordenatu, pentsatzen at
zer hasi dugu aurretik,

158
00:07:50,780 --> 00:07:53,290
eta horregatik da zerbait hobeagoa.

159
00:07:53,290 --> 00:07:55,650
>> Beraz, ez gara CS50 IDE
orain, eta lanik izanez gero,

160
00:07:55,650 --> 00:07:58,710
tira sortu dugu honetan
HTML orri hori mahai.

161
00:07:58,710 --> 00:08:01,090
Table.HTML funtsean
besterik edukiak definitzen

162
00:08:01,090 --> 00:08:05,044
multiple-- bat suposatzen zuena izan
lau bider lau biderketa taula bat.

163
00:08:05,044 --> 00:08:06,210
Nahiko erraza da.

164
00:08:06,210 --> 00:08:09,410
Eta horixe bai garela pentsatuko luke
begiratu nahiko ongi antolatua.

165
00:08:09,410 --> 00:08:15,277
Baina, hain zuzen ere, orri hau aurreikusteko dugu,
ikusiko dugu itsusia mota, eskubidea dela?

166
00:08:15,277 --> 00:08:16,860
Bistan denez, lerro eta zutabe daukagu ​​hemen.

167
00:08:16,860 --> 00:08:18,350
Bereizketa nolabaiteko han.

168
00:08:18,350 --> 00:08:20,040
Baina ez da bereizketa esanguratsu bat.

169
00:08:20,040 --> 00:08:23,105
Ez benetan ari garen
gehiegi informazioa hemen.

170
00:08:23,105 --> 00:08:25,730
Eta ez da arteko bereizketa ez
errenkada eta zutabe dagokionez

171
00:08:25,730 --> 00:08:28,460
arau horizontala edo bertikala.

172
00:08:28,460 --> 00:08:31,530
Ziurrenik ezin dugu egin hau
Pixka bat itxura hobea.

173
00:08:31,530 --> 00:08:32,934
Hargatik saiatu.

174
00:08:32,934 --> 00:08:34,559
Beraz, ez dut fitxa hau ixteko gertatzen da hemen.

175
00:08:34,559 --> 00:08:37,434
Eta ez dut nire table.HTML itxi egingo da,
eta beste bertsio bat daukat hemen

176
00:08:37,434 --> 00:08:39,490
table2.HTML deitzen.

177
00:08:39,490 --> 00:08:40,655
Hori zabalduko dugu eman.

178
00:08:40,655 --> 00:08:42,530
Orriaren gorputzaren da
Nahiko askoz ere gauza bera,

179
00:08:42,530 --> 00:08:44,238
baina aldatu dut bat
goialdean pixka.

180
00:08:44,238 --> 00:08:47,132
Eta korrituko dut hemen.

181
00:08:47,132 --> 00:08:49,340
Oharra Une honetan, ez naiz
kapsulatutako style etiketa erabiliz.

182
00:08:49,340 --> 00:08:53,550
Style etiketa bat ireki dut, eta orain naiz
besterik barruan CSS estilo-definitzeko

183
00:08:53,550 --> 00:08:54,310
hura.

184
00:08:54,310 --> 00:08:56,310
Stylesheet dioen mahai daukat,.

185
00:08:56,310 --> 00:08:58,170
Hori da nire tag hautatzaileak da.

186
00:08:58,170 --> 00:09:01,340
Ez dut dot edo hash erabiliz,
bertan izango nuke egiten badut

187
00:09:01,340 --> 00:09:03,710
NAN edo klase hautatzaile bat erabiltzen zen.

188
00:09:03,710 --> 00:09:06,190
Etiketa hautatzaileak hemen mahai bat daukat.

189
00:09:06,190 --> 00:09:10,090
Estilo hori joan
mahai etiketa guztietan aplikatzen dira.

190
00:09:10,090 --> 00:09:14,950
Antza denez, beste bat jarri nahi dut
Pixel zabala, mugako urdin,

191
00:09:14,950 --> 00:09:15,779
Nire mahai barruan.

192
00:09:15,779 --> 00:09:18,320
Soinuak seguru bezala
egoerari lagunduko du, ezta?

193
00:09:18,320 --> 00:09:20,320
Izan goaz
Gauza asko hobeto begiratu.

194
00:09:20,320 --> 00:09:21,190
Beraz, hori gauza ederra da.

195
00:09:21,190 --> 00:09:23,540
Estilistikoki, besterik ez dut
Nire stylesheet kapsulatutako hemen.

196
00:09:23,540 --> 00:09:25,100
Zalantzarik gabe bat
onargarria modu da egin behar.

197
00:09:25,100 --> 00:09:26,391
Ea zer itxura hau du utzi.

198
00:09:26,391 --> 00:09:29,790
Beraz, atzera jo dut behera hemen, eta
Dut nire table2.HTML aurreikusteko egingo.

199
00:09:29,790 --> 00:09:32,430

200
00:09:32,430 --> 00:09:36,470
Beno, hori ez da nahiko zer nahi nuen,
baina zehazki zer galdetu genion da.

201
00:09:36,470 --> 00:09:39,530
Estilo hori ez dela esan dugu
gure mahaira aplikatu joan.

202
00:09:39,530 --> 00:09:43,810
Gure mahaia orain inork pixel dauka
, sendo urdina ertz zabal.

203
00:09:43,810 --> 00:09:46,237
Ez benetan ari garen
taulako gelaxka batean.

204
00:09:46,237 --> 00:09:47,570
Mahaian besterik gara ari.

205
00:09:47,570 --> 00:09:49,310
Beraz CSS lan egin zuen.

206
00:09:49,310 --> 00:09:51,890
Aplikatzen ditu bati
Gure mahai estilo.

207
00:09:51,890 --> 00:09:53,981
Baina ez da nahiko egin
zer egin nahi izan dugu.

208
00:09:53,981 --> 00:09:55,730
Zelan egin lortuko dugu
zer egin nahi dugu?

209
00:09:55,730 --> 00:09:59,287
>> Beno, utz ditzagun a one more at
honen bertsio table3.HTML ere.

210
00:09:59,287 --> 00:10:00,870
Beraz, ez dut besterik fitxa horiek itxi egingo da.

211
00:10:00,870 --> 00:10:03,890
Baino gehiago atzera egin hemen noa nire
artxibatzen zuhaitza, eta ireki table3.HTML.

212
00:10:03,890 --> 00:10:07,680

213
00:10:07,680 --> 00:10:10,350
Berriz ere, itxura polita da joan
antzeko hemen hasieran.

214
00:10:10,350 --> 00:10:14,460
Baina oharra ere, oraingo honetan, ordez erabiliz
bertan murgildurik estilo-,

215
00:10:14,460 --> 00:10:18,870
Ra batean lotzen noa
stylesheet link etiketa erabiliz.

216
00:10:18,870 --> 00:10:22,480
Beraz, ez dut itxuraz batean lotuz
stylesheet tables.CSS deitzen,

217
00:10:22,480 --> 00:10:25,090
eta baita hau berdinen
stylesheet besterik bai esan nahi du,

218
00:10:25,090 --> 00:10:28,645
zer fitxategia erlatiboa hau da, zer
Doing-- estilo-naiz naiz

219
00:10:28,645 --> 00:10:29,821
Nire orria erabiliz.

220
00:10:29,821 --> 00:10:32,320
Beraz, benetan nahi izanez gero, zein den ikusi nahi
CSS batera egiten ari naiz hemen,

221
00:10:32,320 --> 00:10:35,010
Irekita dagoela joan behar dut
table.CSS artxibatzen baita.

222
00:10:35,010 --> 00:10:37,490
Beraz, atzera jo beharko dugu hemen baino
Berriro gure fitxategia zuhaitza da.

223
00:10:37,490 --> 00:10:38,660
Ez da, table.CSS.

224
00:10:38,660 --> 00:10:40,490
Dela aterako dugu irekita.

225
00:10:40,490 --> 00:10:43,070
Orain CSS apur bat ikusten ari gara.

226
00:10:43,070 --> 00:10:45,630
Antza denez, pare bat daukat
Gauza da hemen.

227
00:10:45,630 --> 00:10:48,950
Itxuraz bost bat jarri nahi dut
Pixel zabala, mendel gorri solidoa,

228
00:10:48,950 --> 00:10:50,287
Nire mahai inguruan.

229
00:10:50,287 --> 00:10:52,870
Dagoeneko badakigu hori dela joan
besterik perimetroa joan.

230
00:10:52,870 --> 00:10:56,180
Hori ikusi dugu table2.HTML ere.

231
00:10:56,180 --> 00:10:58,770
Ilara bakoitzean, I
itxuraz den zehaztu nahi

232
00:10:58,770 --> 00:11:01,950
Ilara altuera duten 50 pixel altua da.

233
00:11:01,950 --> 00:11:05,680
Beraz, ilara bakoitzean, gogoratu
hori da tr etiketa duenaren,

234
00:11:05,680 --> 00:11:08,550
50 pixel altua egiten ari naiz.

235
00:11:08,550 --> 00:11:09,804
>> Azkenik, iruzkin hori daukat.

236
00:11:09,804 --> 00:11:11,470
Eta hau da, CSS iruzkinak nola egin dugu.

237
00:11:11,470 --> 00:11:16,174
Oso antzekoa da bloke aprobetxa dezagun
iruzkinak sintaxia barra Star.

238
00:11:16,174 --> 00:11:17,090
Nahi duzun testua guztiak.

239
00:11:17,090 --> 00:11:19,470
Ez dago barra barra arren CSS ere.

240
00:11:19,470 --> 00:11:23,400
Iruzkin labur baterako, ez dugu
formatu zehatz honetan erabiltzeko hemen.

241
00:11:23,400 --> 00:11:26,830
Atsegin dut bat egiten ari naiz Badirudi
Nire td etiketa ere gauza asko.

242
00:11:26,830 --> 00:11:29,710
Gogoratu td etiketa, edo taula
datuak, eta hori benetan besterik ez dira

243
00:11:29,710 --> 00:11:32,210
barrutik zutabeen
gure ilara, eta, antza denez,

244
00:11:32,210 --> 00:11:35,090
Datu pieza bakoitzeko
nire taulan, nahi dut

245
00:11:35,090 --> 00:11:38,850
hondo kolorea ezartzeko
izan beltzak, kolore zuria izan behar,

246
00:11:38,850 --> 00:11:40,320
kolorea Aurreko planoko kolorea da.

247
00:11:40,320 --> 00:11:42,360
Beraz, hau izango da
Orri nire testua.

248
00:11:42,360 --> 00:11:45,140
Font big, 22 nahi dut
font seinalatu, eta nahi dut

249
00:11:45,140 --> 00:11:47,001
font familiako izango da, Georgia.

250
00:11:47,001 --> 00:11:48,750
Beraz, ez dut joan
tipo lehenetsia dute.

251
00:11:48,750 --> 00:11:51,820
Georgia, zehaztu noa bertan
da web seguru tipoak horietakoa

252
00:11:51,820 --> 00:11:53,830
Hori ikusi dugu aurretik.

253
00:11:53,830 --> 00:11:57,284
Nire testu lerrokatzea nahi dut
erdialdetik, kutxa erdian,

254
00:11:57,284 --> 00:11:59,450
Ez dut nahi utzi behar da
lerrokatzea edo eskuinera lerrokatuta.

255
00:11:59,450 --> 00:12:03,461
Eta nire zutabe nahi dut
50 pixel zabala izan baita.

256
00:12:03,461 --> 00:12:05,210
Ikus dezagun begirada bat
hau zer itxura,

257
00:12:05,210 --> 00:12:07,470
eta ikus hau da, agian, bada hobekuntza bat.

258
00:12:07,470 --> 00:12:12,890
Beraz, ez dut nahi table3.HTML, joango gara bertan
oroitzapen, barne hartzen table.CSS lotura bat bezala,

259
00:12:12,890 --> 00:12:14,830
eta egiten dugu aurreikusteko egingo.

260
00:12:14,830 --> 00:12:16,800
Hori asko hobeto, ezta?

261
00:12:16,800 --> 00:12:20,004
Hau da, benetan bat begiratzen hasi
Asko gehiago biderketa taula bat bezalakoa.

262
00:12:20,004 --> 00:12:21,920
Ertz-gorriarekin duten I
Nire mahai inguruan, baina orain

263
00:12:21,920 --> 00:12:26,700
Halaber dut zehaztu
Ilara bakoitzak 50 pixel zabal,

264
00:12:26,700 --> 00:12:30,220
edo tall-- aitzakia 50 pixel da
Zutabe bakoitzaren Niretzat da 50 pixel zabalera.

265
00:12:30,220 --> 00:12:34,251
Zutabe bakoitzaren datuak, eta bakarrik
Datuak, hondo beltz bat dauka.

266
00:12:34,251 --> 00:12:36,000
Beraz, horregatik horiek
lerro zuri daude.

267
00:12:36,000 --> 00:12:38,836
Espazioa delako
zelulak horien guztien artean,

268
00:12:38,836 --> 00:12:40,710
ez da muga bat
eta bera, besterik ez da

269
00:12:40,710 --> 00:12:43,170
Naiz bakarrik baliatuz
zelulak, benetan

270
00:12:43,170 --> 00:12:46,310
mahai mugetan, hace bertan
itxuraz existitzen zuten guztiek batera,

271
00:12:46,310 --> 00:12:47,887
lerro zuri besterik argala zen.

272
00:12:47,887 --> 00:12:48,720
Orain ikusgai daudela.

273
00:12:48,720 --> 00:12:50,380
Orain off irekiko dute pantailan.

274
00:12:50,380 --> 00:12:52,920
Eta, beraz, hau da, oso erraza da
stylesheet aplikatu dut,

275
00:12:52,920 --> 00:12:56,850
eta orain nire mahai asko itxura gehiago bezala
lau bider lau biderketa taula bat,

276
00:12:56,850 --> 00:13:00,950
ordez, besterik jumbled nahaspila bat, non
Dena dela, argi eta garbi lerro eta zutabe,

277
00:13:00,950 --> 00:13:03,717
baina ez super ondo antolatuta.

278
00:13:03,717 --> 00:13:06,800
Benetan ari gara azalera scratching
zer CSS hemen egin dezakezu.

279
00:13:06,800 --> 00:13:10,330
Zorionez CSS dokumentazioa
nahiko erraza da.

280
00:13:10,330 --> 00:13:14,000
Hainbat erabili dituzu bere
egozten, nahiko maiz.

281
00:13:14,000 --> 00:13:16,087
Direnak hitz egin dugu
Bideo honetan lehenago.

282
00:13:16,087 --> 00:13:18,170
Hainbat zarela
Ziurrenik ez erabiltzea guztiak.

283
00:13:18,170 --> 00:13:19,469
Eta hori da isuna, gehiegi.

284
00:13:19,469 --> 00:13:22,010
Baina besterik ez dakit, ez dagoela da bat
dokumentazio asko daude.

285
00:13:22,010 --> 00:13:25,110
Beraz, nahiz eta ez genuen guztia estaltzeko,
Zu zalantzarik ez zure kabuz utzi.

286
00:13:25,110 --> 00:13:26,780
Baina CSS benetan dibertigarria
den esperimentua.

287
00:13:26,780 --> 00:13:29,040
Eta biziki nuke animatzen zaituztegu
inguruan play zure web orrialde,

288
00:13:29,040 --> 00:13:32,180
eta ikusi nola egin ahal izango duzu
begiratu eta erabiltzaileak hobetzeko sentitzen

289
00:13:32,180 --> 00:13:34,790
Zure orrira esperientzia.

290
00:13:34,790 --> 00:13:35,710
Naiz Doug Lloyd.

291
00:13:35,710 --> 00:13:37,980
Hau CS50 da.

292
00:13:37,980 --> 00:13:40,151