1
00:00:00,000 --> 00:00:00,500

2
00:00:00,500 --> 00:00:04,500
>> [Musika jotzen]

3
00:00:04,500 --> 00:00:10,099

4
00:00:10,099 --> 00:00:12,224
ALLISON BUCHHOLTZ-AU: Beraz
ari gara, funtsean, besterik joan

5
00:00:12,224 --> 00:00:14,629
zuk rundown bat emateko
CSS, ezagutzen dugulako

6
00:00:14,629 --> 00:00:16,420
ez zela estalita
atal guztietan.

7
00:00:16,420 --> 00:00:20,090
Eta benetan ziur egin nahi dugu
guys dute tresna hau zure eskura,

8
00:00:20,090 --> 00:00:24,790
gaitasuna egin duelako
zure webgune askoz prettier begiratu.

9
00:00:24,790 --> 00:00:28,660
>> Eta webgune batek eraikitzen ari bada, orduan
seguruenik nahiko egin nahi duzun.

10
00:00:28,660 --> 00:00:31,372
Esan nahi dut, ez duzu behar,
baina litzaidake proposatzen dut. [Barreak]

11
00:00:31,372 --> 00:00:35,430
Erabiltzaile erabili nahi badituzu, baliteke
apur bat [INAUDIBLE] egin nahi.

12
00:00:35,430 --> 00:00:39,130
Beraz, saiatu eta soilik eman joan
oinarrizko tresna batzuk eta ulermena,

13
00:00:39,130 --> 00:00:42,340
eta, beraz, noiz joan duzun eta zauden
CSS buruz gauza ikertzen,

14
00:00:42,340 --> 00:00:45,902
ez da huskeriak osatzeko,
CSS bezalako batzuetan izan.

15
00:00:45,902 --> 00:00:47,240
>> TOMAS Reimers: Bai.

16
00:00:47,240 --> 00:00:49,930
Allison nahiko ondo esan.

17
00:00:49,930 --> 00:00:53,250
Beraz, lehenengo gauza dugu asmatzen dut
da, zer CSS hasi behar dute?

18
00:00:53,250 --> 00:00:55,750
Beraz CSS awesome.

19
00:00:55,750 --> 00:00:56,250
CSS

20
00:00:56,250 --> 00:00:58,320
>> ALLISON BUCHHOLTZ-AU: Hori da
Gure mintegi baten izena.

21
00:00:58,320 --> 00:00:58,434
>> TOMAS Reimers: Bai.

22
00:00:58,434 --> 00:01:00,130
Benetan garrantzitsua da hori
hori ulertzea, ondoren, arabera.

23
00:01:00,130 --> 00:01:03,090
Zuk bakarrik kentzen baduzu, inork
Gauza, awesome bada CSS hori da.

24
00:01:03,090 --> 00:01:06,180
Bi da CSS standak
Cascading Style Sheets.

25
00:01:06,180 --> 00:01:10,380
Beraz bere core, CSS
estilo-orri bat, zentzua

26
00:01:10,380 --> 00:01:13,200
Web orri bat estilo aukera ematen du.

27
00:01:13,200 --> 00:01:16,609
Eta gero, zer esan nahi duen, da a
style gehitzeko modu zure webgune.

28
00:01:16,609 --> 00:01:18,900
Beraz style arabera, dena esan nahi dugu
hori ez structural--

29
00:01:18,900 --> 00:01:24,350
beraz, kolore bezala gauzak, hondo
irudiak, mugak, bezala, padding,

30
00:01:24,350 --> 00:01:25,040
marjinak.

31
00:01:25,040 --> 00:01:27,310
Egingo buruz hitz egin dugu zer
hori guztia pixka bat esan nahi du.

32
00:01:27,310 --> 00:01:30,110
>> Beraz, besterik ez dugu joan aurretik, eta
inauguratu horiek ireki gedit, bai.

33
00:01:30,110 --> 00:01:32,680
Beraz, hau index.html da.

34
00:01:32,680 --> 00:01:34,800
Eta hau main.css da.

35
00:01:34,800 --> 00:01:36,829
Beraz main.css ezer ez du.

36
00:01:36,829 --> 00:01:38,412
ALLISON BUCHHOLTZ-AU: No style orain arte.

37
00:01:38,412 --> 00:01:39,245
TOMAS Reimers: Bat ere ez.

38
00:01:39,245 --> 00:01:42,577
Eta ikusiko duzun bezala, da
gune benetan itsusiak.

39
00:01:42,577 --> 00:01:44,160
ALLISON BUCHHOLTZ-AU: besterik ez arrunta.

40
00:01:44,160 --> 00:01:45,820
TOMAS Reimers: Bai.

41
00:01:45,820 --> 00:01:49,150
Bai, ez da itsusi,
besterik minimalista da.

42
00:01:49,150 --> 00:01:53,430
Eta gero, hara index.html behar dugu.

43
00:01:53,430 --> 00:01:55,729
Eta, beraz, azkar bat
HTML, Allison laburpena,

44
00:01:55,729 --> 00:01:57,270
besterik orriaren buruz hitz egin nahi duzu?

45
00:01:57,270 --> 00:01:58,395
>> ALLISON BUCHHOLTZ-AU: Bai.

46
00:01:58,395 --> 00:02:01,100
Beraz, jakina, gure HTML daukagu
Etiketa, besterik izenak HTML fitxategia.

47
00:02:01,100 --> 00:02:07,080
Gure goiburua daukagu ​​hemen, CSS-rekin
Awesomeness, eta horrek atzera egin baduzu.

48
00:02:07,080 --> 00:02:07,720
Non dago hori?

49
00:02:07,720 --> 00:02:09,136
>> TOMAS Reimers: Oh.

50
00:02:09,136 --> 00:02:10,301
Bai, ikusi ahal izango duzu.

51
00:02:10,301 --> 00:02:12,092
ALLISON BUCHHOLTZ-AU:
Eta goiburua nabarituko

52
00:02:12,092 --> 00:02:14,120
fitxa hau goiburua eskubidea sortu da hemen.

53
00:02:14,120 --> 00:02:17,130
Eta gero, "Kaixo, mundua!" da
hori besterik ez dugula testua

54
00:02:17,130 --> 00:02:19,620
webean erakusteak
orria, horrek is-- atzera jo.

55
00:02:19,620 --> 00:02:21,290
Atzera.

56
00:02:21,290 --> 00:02:24,287
Zein besterik gabe, gure gorputza da
testu arrunta hemen.

57
00:02:24,287 --> 00:02:26,120
Gainera, gauza bat
nabarituko, hemen begiratuz gero,

58
00:02:26,120 --> 00:02:29,410
Tomas pizten up horiek
bi gure diapositiba batetik.

59
00:02:29,410 --> 00:02:32,035
Beraz, betiere guztia duzu
horietako hiru, fina zara.

60
00:02:32,035 --> 00:02:34,044
Nahi dute edozein ordena, ezin dira izan.

61
00:02:34,044 --> 00:02:39,368
Zer da garrantzitsuena da hori soilik
hiru gauza horietako bakoitzean behar duzu.

62
00:02:39,368 --> 00:02:40,340
>> TOMAS Reimers: Cool.

63
00:02:40,340 --> 00:02:41,111
Gehitu doc ​​mota bat?

64
00:02:41,111 --> 00:02:42,235
ALLISON BUCHHOLTZ-AU: Bai.

65
00:02:42,235 --> 00:02:43,068
TOMAS Reimers: Bai.

66
00:02:43,068 --> 00:02:43,769
Cool.

67
00:02:43,769 --> 00:02:46,102
ALLISON BUCHHOLTZ-AU: Dirudienez,
Nire Mics gustuko ez me.

68
00:02:46,102 --> 00:02:49,650
TOMAS Reimers: Oh, ematen diguten sec bat besterik ez
Allison aldatzen du berriz bere mic.

69
00:02:49,650 --> 00:02:50,500
Beraz, bai.

70
00:02:50,500 --> 00:02:52,030
Beraz, gure horria behar dugu.

71
00:02:52,030 --> 00:02:53,890
OK mota da.

72
00:02:53,890 --> 00:02:54,780
Ez dugu askoz.

73
00:02:54,780 --> 00:02:57,110
Aski dugu funtsean testua.

74
00:02:57,110 --> 00:02:59,470
Estilo-orri ditugu.

75
00:02:59,470 --> 00:03:00,220
Izenburua daukagu.

76
00:03:00,220 --> 00:03:04,020
Beraz, bare-boned
Osagai web orri bat egiteko.

77
00:03:04,020 --> 00:03:08,880
>> Beraz, hortik aurrera, dezagun
zer CSS buruz hitz

78
00:03:08,880 --> 00:03:11,270
eta zer itxura eta hori guztia da.

79
00:03:11,270 --> 00:03:12,047
Beraz aurrerantzean -bere for

80
00:03:12,047 --> 00:03:13,755
ALLISON BUCHHOLTZ-AU:
Diapositibak bueltatu.

81
00:03:13,755 --> 00:03:15,200
TOMAS Reimers: diapositibak bueltatu.

82
00:03:15,200 --> 00:03:17,240
Eta Allison hartu baino gehiago.

83
00:03:17,240 --> 00:03:18,720
>> ALLISON BUCHHOLTZ-AU: Woo.

84
00:03:18,720 --> 00:03:19,220
OK.

85
00:03:19,220 --> 00:03:22,360
Zure CSS fitxategian Beraz,
izan zaren joan

86
00:03:22,360 --> 00:03:25,010
Gauza horiek asko selectors izeneko.

87
00:03:25,010 --> 00:03:27,420
Hori izango da besterik izan du
Zure CSS fitxategia oinarria.

88
00:03:27,420 --> 00:03:29,480
Besterik izango da
asko eta horiek asko.

89
00:03:29,480 --> 00:03:30,780
Beraz hautatzaileak.

90
00:03:30,780 --> 00:03:32,649
Hau anatomia orokorra besterik ez da.

91
00:03:32,649 --> 00:03:35,190
To bidez joan goaz
adibideak, bada delako inoiz guys duzu

92
00:03:35,190 --> 00:03:38,400
nire atalean ikusitako, sentitzen dut
abstraktuan bezala gauzak

93
00:03:38,400 --> 00:03:39,400
ez benetan zentzurik.

94
00:03:39,400 --> 00:03:41,110
Beti adibideetan ikusten laguntzen du.

95
00:03:41,110 --> 00:03:42,420
>> Beraz hautatzaileak batzuk ditugu.

96
00:03:42,420 --> 00:03:49,120
Hori identifikatzailea batzuk izango
estiloa aplikatu nahi duguna dira.

97
00:03:49,120 --> 00:03:52,220
Eta gero, edozein izan dezakegu
arauak eta balioak ezarri.

98
00:03:52,220 --> 00:03:55,680
Beraz, hori ikusi ahal izango duzu Selectors
gorputzaren antzeko zerbait izan liteke,

99
00:03:55,680 --> 00:04:00,262
edo P paragrafo,
edo goiburu, edo dena delakoa,

100
00:04:00,262 --> 00:04:02,000
edozein dela ere zure HTML tags izan nahi duzu.

101
00:04:02,000 --> 00:04:03,570
>> Beraz, kasu honetan, gorputz behar dugu.

102
00:04:03,570 --> 00:04:06,985
Eta arau batzuk ditugu,
horrek dagokio

103
00:04:06,985 --> 00:04:09,610
zer da zure estiloa aplikatzen da.

104
00:04:09,610 --> 00:04:12,720
Beraz, kasu honetan, ez dugu
atzeko kolore eta letra-pisua.

105
00:04:12,720 --> 00:04:16,200
Beraz, hau aldatu egingo da
ezer atzeko

106
00:04:16,200 --> 00:04:19,640
edozein gorputz gure HTML fitxategiaren etiketa barruan.

107
00:04:19,640 --> 00:04:22,810
Eta hori ematen joan
Balio hori argi urdina.

108
00:04:22,810 --> 00:04:24,820
>> Beraz, egin joan
hondo urdin argia.

109
00:04:24,820 --> 00:04:28,660
Eta gero, gorputzaren barruan ezer da
letraren bat lodia izan da.

110
00:04:28,660 --> 00:04:31,142
Beraz, besterik ez da joan
lodia gure testu guztiak.

111
00:04:31,142 --> 00:04:32,970
Eta hau hautatzaileak besterik ez da.

112
00:04:32,970 --> 00:04:34,680
Baina oso horietako asko izan dezakezu.

113
00:04:34,680 --> 00:04:38,730
Eta erakusteko goaz gisa
geroago, pixka bat nola sartu gehiago

114
00:04:38,730 --> 00:04:40,709
obrak eta adibide gehiago ez dagoela.

115
00:04:40,709 --> 00:04:41,750
Ezer gehitu nahi al duzu?

116
00:04:41,750 --> 00:04:42,499
>> TOMAS Reimers: N.

117
00:04:42,499 --> 00:04:43,500
Allison lortu.

118
00:04:43,500 --> 00:04:46,144
Besterik ez gara moztu batekin joan
Adibidez hemen gure adibide gunean.

119
00:04:46,144 --> 00:04:47,310
Hargatik benetan hartu hau.

120
00:04:47,310 --> 00:04:48,620
Perfektua da.

121
00:04:48,620 --> 00:04:54,460
Naiz, beraz, kopiatu eta itsatsi joan
eskubide hori gure main.css fitxategi batean.

122
00:04:54,460 --> 00:04:56,530
Eta ez dut gorde egingo da.

123
00:04:56,530 --> 00:04:59,190
Eta, ondoren, exekutatu egingo dugu.

124
00:04:59,190 --> 00:05:01,600
Beraz Alboko ohar, bat
frustrating gauza gehienak

125
00:05:01,600 --> 00:05:04,490
da, ez baduzu fitxategi bat gordetzeko, eta
orduan, bezala, berriro orria,

126
00:05:04,490 --> 00:05:07,450
eta bezala, zergatik ez da
aldaketa gertatzen ari da?

127
00:05:07,450 --> 00:05:07,950
Gertatzen da.

128
00:05:07,950 --> 00:05:14,230
Beraz, hemen ikusi genuen egin dugula gure
Web orri bat hondo urdin argia

129
00:05:14,230 --> 00:05:16,560
eta zenbait testu bolded.

130
00:05:16,560 --> 00:05:20,730
>> Halaber, aipatu behar dut, baduzu
guys ezer buruzko galderak

131
00:05:20,730 --> 00:05:23,622
egiten ari gara, jar zaitez
Gurekin gelditu eta galdetu guri doan.

132
00:05:23,622 --> 00:05:25,330
Erabat prest gaude
galdera eremura.

133
00:05:25,330 --> 00:05:27,951

134
00:05:27,951 --> 00:05:31,930
>> ALLISON BUCHHOLTZ-AU: Jakina, ekin
CSS, dena bera gainean eraikitzen.

135
00:05:31,930 --> 00:05:34,107
Beraz, gauza bat ez bada
zentzurik orain, dugu

136
00:05:34,107 --> 00:05:35,690
ez nahi duten geroago Bog behera.

137
00:05:35,690 --> 00:05:38,390

138
00:05:38,390 --> 00:05:41,930
>> TOMAS Reimers: Hargatik
nolako disekzionatzen hau.

139
00:05:41,930 --> 00:05:44,210
Beraz, hasi nahi duzun
hautatzaileak hemen?

140
00:05:44,210 --> 00:05:45,979
>> ALLISON BUCHHOLTZ-AU: Bai.

141
00:05:45,979 --> 00:05:48,270
Lehenago esan dizudan bezala, gorputz
besterik gabe, gure hautatzailea da hemen.

142
00:05:48,270 --> 00:05:50,950
Beraz, atzera baino gehiago joan badugu gure index-- ah da.

143
00:05:50,950 --> 00:05:53,245
>> TOMAS Reimers: Zein itxita besterik ez dut.

144
00:05:53,245 --> 00:05:54,530
Give me bigarren bat.

145
00:05:54,530 --> 00:05:58,286
Beraz File, Open, index.html.

146
00:05:58,286 --> 00:05:59,410
ALLISON BUCHHOLTZ-AU: Cool.

147
00:05:59,410 --> 00:06:02,710
Beraz, hemen nabarituko duzu, dugu
gorputz etiketa hauek izan, ezta?

148
00:06:02,710 --> 00:06:06,270
Beraz hautatzaileak besterik dagokio
etiketa hori buruz hitz egiten ari gara.

149
00:06:06,270 --> 00:06:07,670
Beraz gorputza hemen.

150
00:06:07,670 --> 00:06:10,315
Beraz, zer esaten ari gara,
everything-- daiteke atzera egin dugu?

151
00:06:10,315 --> 00:06:12,065
Nahi dut, izan dut
bezalako ukitu pantaila.

152
00:06:12,065 --> 00:06:14,410
Hainbeste freskoago genuke izango.

153
00:06:14,410 --> 00:06:17,150
>> Beraz, ezer horiek barruan
body etiketarik, ikusi dugun

154
00:06:17,150 --> 00:06:19,637
besterik, bezala, testua zen,
eta, oro har, gorputzaren

155
00:06:19,637 --> 00:06:20,970
, bezala, atzealdean aipatzen.

156
00:06:20,970 --> 00:06:22,720
Al duzu inoiz nahi bada
atzeko aldatzeko,

157
00:06:22,720 --> 00:06:25,090
hori gorputzaren etiketa bat izango da.

158
00:06:25,090 --> 00:06:27,120
Just arau horiek aplikatu ditu.

159
00:06:27,120 --> 00:06:32,040
>> Beraz, joan ginen
index.html and-- benetan,

160
00:06:32,040 --> 00:06:33,840
daiteke zerbait egin behar dugu
gorputzaren kanpoaldean?

161
00:06:33,840 --> 00:06:37,340
Bagenu, bezala, oin bat edo
zerbait, ez litzateke hau aplikatuko.

162
00:06:37,340 --> 00:06:40,900
Baina barruan ezer
gorputza tags va

163
00:06:40,900 --> 00:06:44,960
eragin erakunde horrek
hautatzaileak hori egin dugu.

164
00:06:44,960 --> 00:06:47,405
Beraz idatzi bazenitu
beste zerbait han

165
00:06:47,405 --> 00:06:49,400
>> TOMAS Reimers: dezagun disko etxean.

166
00:06:49,400 --> 00:06:55,330
Beraz, bada div-- bat izan genuen, beraz, hori
besterik gabe, beste etiketa izan dezakezu.

167
00:06:55,330 --> 00:06:56,350
Ixteko noa.

168
00:06:56,350 --> 00:06:58,280
Edo egin dezagun hau paragrafo baten.

169
00:06:58,280 --> 00:07:01,430
Beraz p paragrafoan nabarmentzen.

170
00:07:01,430 --> 00:07:02,560
Eta paragrafo horren barruan.

171
00:07:02,560 --> 00:07:05,650
Eta gero, esan dut, "hau da, testu".

172
00:07:05,650 --> 00:07:06,369
Cool.

173
00:07:06,369 --> 00:07:09,160
Eta gero Arau horrek egin nuen
ordez gorputzaren paragrafo bat.

174
00:07:09,160 --> 00:07:12,390

175
00:07:12,390 --> 00:07:17,320
Ikusiko duzu nola bakarrik aplikatzen da
berriki osatutako paragrafoan, eskuinera,

176
00:07:17,320 --> 00:07:18,892
Ez gauza osoa.

177
00:07:18,892 --> 00:07:20,090
Ez duela zentzurik?

178
00:07:20,090 --> 00:07:21,840
>> ALLISON BUCHHOLTZ-AU:
Beraz, hau gorputz guztia,

179
00:07:21,840 --> 00:07:24,450
baina orain, gure hautatzaileak besterik
paragrafoa dagokio.

180
00:07:24,450 --> 00:07:27,050
Beraz, besterik ez dugu ausarta eta urdina
Atal espezifiko horretarako,

181
00:07:27,050 --> 00:07:30,760
hau gauza bakarra delako
hori p etiketa barruan artean.

182
00:07:30,760 --> 00:07:35,349
>> TOMAS Reimers: ordenatzeko Ez duela zentzurik
ren gauzak nola enkapsulatu beste gauza batzuk?

183
00:07:35,349 --> 00:07:38,140
ALLISON BUCHHOLTZ-AU: Era berean, besterik
, esan bezala, eta modu onenetako bat

184
00:07:38,140 --> 00:07:40,889
benetan CSS eroso
besterik ez da egin behar hau bezalako gauzak,

185
00:07:40,889 --> 00:07:42,050
Saiatu it out.

186
00:07:42,050 --> 00:07:46,700
Oso erraza da zerbait idatzi
out, hit freskatu, eta ikusi zer gertatzen den.

187
00:07:46,700 --> 00:07:48,940
Eta CS gehienak bezala,
esperimentazioa ahal sarritan

188
00:07:48,940 --> 00:07:51,790
a askoz hobea ekar
intuitiboa ulertzeko.

189
00:07:51,790 --> 00:07:54,432
Are gehiago, besterik gabe, gurekin baino,
bezala, hitz egiten.

190
00:07:54,432 --> 00:07:58,350
>> TOMAS Reimers: Absolutely
% 100 puntu horretan adosteko.

191
00:07:58,350 --> 00:08:02,430
Beraz, hau itzuli badugu, has gaitezen
dissecting zehazki zer bi horiek egin.

192
00:08:02,430 --> 00:08:04,550
Beraz honetako bi arau behar dugu.

193
00:08:04,550 --> 00:08:07,420
Beraz, lehen bat atzeko kolorea da.

194
00:08:07,420 --> 00:08:10,590
Eta hori ezarri dugu ikusten duzun
balio bat, urdin argia berdina.

195
00:08:10,590 --> 00:08:15,009
>> Beraz CSS ere, CSS moduko
oso nola buruz solteak

196
00:08:15,009 --> 00:08:16,300
kolorea lehenetsia adierazten bazaizu onartzen.

197
00:08:16,300 --> 00:08:17,800
Beraz, horiek defini dezakezu izenaren arabera.

198
00:08:17,800 --> 00:08:20,650
Ere zerbait egin dezakezu bezala "gorria".

199
00:08:20,650 --> 00:08:25,270
Eta atzera egin ondoren, hau dugu,
ikusiko duzu atzealde hori gorria da.

200
00:08:25,270 --> 00:08:29,040
Ere lor daiteke really-- duzu uste dut
polit hau sormen dezakezu,

201
00:08:29,040 --> 00:08:29,540
ezin dituzu?

202
00:08:29,540 --> 00:08:31,170
>> ALLISON BUCHHOLTZ-AU: I
Uste hex erabil dezakezu.

203
00:08:31,170 --> 00:08:31,250
Ezin duzu?

204
00:08:31,250 --> 00:08:32,083
>> TOMAS Reimers: Bai.

205
00:08:32,083 --> 00:08:32,969
Beraz hex erabil dezakezu.

206
00:08:32,969 --> 00:08:34,490
Baina pentsatzen dut izen-jakintsua.

207
00:08:34,490 --> 00:08:35,385
Oraindik ez al dago?

208
00:08:35,385 --> 00:08:37,260
ALLISON BUCHHOLTZ-AU:
Batzuk nahiko egin dezakezu.

209
00:08:37,260 --> 00:08:43,350
Nahiko askoz kolore gehienak bezala duzula
bezalako izen dezake, uste dut izokina bat da.

210
00:08:43,350 --> 00:08:45,322
>> TOMAS Reimers: botako saiatu izokina gaude.

211
00:08:45,322 --> 00:08:47,530
ALLISON BUCHHOLTZ-AU: I
Uste chartreuse ez da.

212
00:08:47,530 --> 00:08:48,050
TOMAS Reimers: Bai.

213
00:08:48,050 --> 00:08:48,550
Ikusi?

214
00:08:48,550 --> 00:08:50,080
Beraz, nahiko sormen dezakezu.

215
00:08:50,080 --> 00:08:52,246
>> ALLISON BUCHHOLTZ-AU: You
nahiko sormen lor ditzaketen.

216
00:08:52,246 --> 00:08:55,750
Atsegin dut, duzun pentsatzeko
kolore-izena, seguruenik han.

217
00:08:55,750 --> 00:08:57,840
Benetan duzu fina nahi bada
Xehetasun, hex joan zaitezke.

218
00:08:57,840 --> 00:08:58,673
>> TOMAS Reimers: Bai.

219
00:08:58,673 --> 00:08:59,390
Beraz hamaseitarrean.

220
00:08:59,390 --> 00:09:05,280
Gogoratzen duzu guys gero itzuli honetan
zure pset zaharretik, irudia berreskuratu,

221
00:09:05,280 --> 00:09:08,300
you guys aurre izan
hex balio hauekin.

222
00:09:08,300 --> 00:09:15,280
Eta nolako zer dela laburpena,
hex bertan gordetako hiru balio ditu.

223
00:09:15,280 --> 00:09:17,250
Beraz, bi zatituko taldeetan da.

224
00:09:17,250 --> 00:09:19,300
Lehenengo biak ordezkatzen balio gorria.

225
00:09:19,300 --> 00:09:22,420
Bigarrena adierazten
berdea balioa.

226
00:09:22,420 --> 00:09:25,020
Eta azkena da urdina?

227
00:09:25,020 --> 00:09:30,050
>> Beraz FF gertatzen den adierazten
hamaseitarra 255.

228
00:09:30,050 --> 00:09:35,480
Beraz 255 gorria, 255 behar duzu
berdea, eta 0 urdina.

229
00:09:35,480 --> 00:09:37,670
Eta balioak 0 eta 255 bitartekoak dira.

230
00:09:37,670 --> 00:09:38,350
>> Ikusleak: Eskuin.

231
00:09:38,350 --> 00:09:41,472
Beraz, funtsean, bilatu genezake
Edozein kolore nahi dugu Interneten,

232
00:09:41,472 --> 00:09:43,912
eta identifikatzeko benetan ezagunak
kolore-espektro konbinazio,

233
00:09:43,912 --> 00:09:45,130
eta orduan jarri ahal izan dugu?

234
00:09:45,130 --> 00:09:46,380
ALLISON BUCHHOLTZ-AU: Zehazki.

235
00:09:46,380 --> 00:09:52,900
Beraz kontrol osoa nahiko askoz duzu
koloreen gainean CSS barruan nahi duzun.

236
00:09:52,900 --> 00:09:55,069
Ari buruz hitz egingo dugu
atzeko irudiak geroago?

237
00:09:55,069 --> 00:09:56,110
Edo ez da hori egin nahi dugu?

238
00:09:56,110 --> 00:09:56,240
>> TOMAS Reimers: Bai.

239
00:09:56,240 --> 00:09:57,010
Absolutely.

240
00:09:57,010 --> 00:10:00,830
Beraz, lehenengo, besterik ez dela erakutsi
gorria eta berdea horia da.

241
00:10:00,830 --> 00:10:03,120
Eta batzuk behar duzu
hau aurkitzeko laguntzeko, zuk

242
00:10:03,120 --> 00:10:05,575
can Google zerbait
bezala "kolore-hautatzailea".

243
00:10:05,575 --> 00:10:07,200
ALLISON BUCHHOLTZ-AU: Oh, ez da hain ona.

244
00:10:07,200 --> 00:10:09,090
Maite Color Picker.

245
00:10:09,090 --> 00:10:11,360
>> TOMAS Reimers: colorpicker.com
adibide ona da.

246
00:10:11,360 --> 00:10:14,580
Eta hemen, ikusiko duzu behar duzula
Full Photoshop-antzeko kolore-hautatzailea.

247
00:10:14,580 --> 00:10:14,920
>> ALLISON BUCHHOLTZ-AU: mm-HM.

248
00:10:14,920 --> 00:10:16,980
Era berean, cool gauza zara
kolore eskemak sortzen ahal

249
00:10:16,980 --> 00:10:18,896
ez duzula behar eta beraz,
bezala, kolore kirrinka.

250
00:10:18,896 --> 00:10:22,780
TOMAS Reimers: Eta gero
hemen hex balio hemen.

251
00:10:22,780 --> 00:10:27,800
Beraz, beti Interneten ere aurki dezakezu, funtsean
lekuetatik hex balioa lortzeko.

252
00:10:27,800 --> 00:10:31,667
Ez da hori besterik ordenatzeko, bezala, dugu
munduaren koloreak ikusiko zenbakietan.

253
00:10:31,667 --> 00:10:34,000
It gehiago online joan garela
eta begiratu zer kolore nahi dugu,

254
00:10:34,000 --> 00:10:36,850
eta ondoren kopurua behera hartzeko.

255
00:10:36,850 --> 00:10:39,590
Besterik gabe, benetan erraza bat delako
Gauza erreferentzia egiteko modu CS ere.

256
00:10:39,590 --> 00:10:40,350
>> ALLISON BUCHHOLTZ-AU:
Eta orduan, also--

257
00:10:40,350 --> 00:10:41,630
Gunearen izen zehatza ahaztu dut.

258
00:10:41,630 --> 00:10:43,838
Baina ez da behin betiko, I
uste, Adobe zerbait

259
00:10:43,838 --> 00:10:48,350
duten kolore eskemak sortzen zuretzat,
hau da, benetan cool, duzulako

260
00:10:48,350 --> 00:10:50,580
definitely-- batzuetan,
gogorra irudikatu,

261
00:10:50,580 --> 00:10:53,729
oh, kolore hau erabili nahi dut, bada,
zer inork erabilgarria beste izan liteke

262
00:10:53,729 --> 00:10:56,395
beste nonbait erabiltzeko nire gunean izateko,
bezala, polita da eta kohesionatua.

263
00:10:56,395 --> 00:11:00,430

264
00:11:00,430 --> 00:11:04,260
>> TOMAS Reimers: Allison-en buruz hitz egiten
Adobe banan Kuler deitu, uste dut.

265
00:11:04,260 --> 00:11:04,885
Da K-U-L-E-R.

266
00:11:04,885 --> 00:11:06,259
ALLISON BUCHHOLTZ-AU: Baietz uste dut.

267
00:11:06,259 --> 00:11:07,610
Nahiko ziur dena naiz.

268
00:11:07,610 --> 00:11:11,050
>> TOMAS Reimers: Nire gogoko ditu
Beti izan kolore eskema diseinatzailea.

269
00:11:11,050 --> 00:11:13,998
>> ALLISON BUCHHOLTZ-AU: Ooh.

270
00:11:13,998 --> 00:11:16,010
>> TOMAS Reimers: Zein da gaur egun

271
00:11:16,010 --> 00:11:16,860
>> ALLISON BUCHHOLTZ-AU:
Ah, hori ederra da.

272
00:11:16,860 --> 00:11:18,818
>> TOMAS Reimers: Eta zuk
funtsean, esan daiteke, bezala,

273
00:11:18,818 --> 00:11:21,700
Hiru kolore nahi dut, bata bestearen ondoan.

274
00:11:21,700 --> 00:11:25,030
Eta gero, egin dezagun zerbait polita utzi.

275
00:11:25,030 --> 00:11:29,210
Eta gero, adibide bat lortu ahal izango duzu
zer esan liteke itxura.

276
00:11:29,210 --> 00:11:32,470
Eta gero, gainetik pasatzean edozein bada
horiek, hex balioa ematen dio.

277
00:11:32,470 --> 00:11:35,010
>> Beraz, modu erraz bat bezala hasten
kolore eskemak pentsatzen

278
00:11:35,010 --> 00:11:39,570
edo zer kolore webgune batean
ondo joan liteke elkarrekin.

279
00:11:39,570 --> 00:11:45,655
Hori delako harrigarriro izan daiteke
uste duzun bezala hautatzeko, ez baita erraza.

280
00:11:45,655 --> 00:11:48,280
Eta gero, beste gauza cool
Nik beti gune honi buruz aurkitutako

281
00:11:48,280 --> 00:11:51,480
da hit duzu Adibideak bada, egingo
erakutsi zer webgune bat adibidez

282
00:11:51,480 --> 00:11:54,800
baliteke beste kolore eskema hori erabiliz itxura.

283
00:11:54,800 --> 00:11:56,270
Dena den.

284
00:11:56,270 --> 00:11:57,863
>> CSS-aren benetako bueltatu.

285
00:11:57,863 --> 00:12:01,112
ALLISON BUCHHOLTZ-AU: Baina, jakina, dugu
ezagutzen erreferentzia horiek erabilgarri izan daiteke.

286
00:12:01,112 --> 00:12:03,195
TOMAS Reimers: Ez,
betiko lagungarria izan daiteke.

287
00:12:03,195 --> 00:12:04,720
Beraz, bigarren araua, Allison?

288
00:12:04,720 --> 00:12:05,844
>> ALLISON BUCHHOLTZ-AU: Bai.

289
00:12:05,844 --> 00:12:08,280
Bigarren araua besterik ez da
gure letra dagokion.

290
00:12:08,280 --> 00:12:11,520
Beraz letraren besterik ez mota
gertatuko zen pisua litzateke

291
00:12:11,520 --> 00:12:15,220
izan besterik nahi baduzu, bezala,
normal edo, bezala, tipoak meheagoa,

292
00:12:15,220 --> 00:12:17,251
edo kasu honetan, bezala, lodia.

293
00:12:17,251 --> 00:12:17,750
Ahaztu dut.

294
00:12:17,750 --> 00:12:21,557
Zein da zuk nahi izanez gero, ez da hobeto esanda
baino, bezala, normal meheagoa izan dadin?

295
00:12:21,557 --> 00:12:24,140
TOMAS Reimers: ez dut benetan
ezagutzen ez meheagoa bat bada.

296
00:12:24,140 --> 00:12:24,680
ALLISON BUCHHOLTZ-AU: I ahaztu.

297
00:12:24,680 --> 00:12:26,300
Beraz letraren normalean dugu
besterik lodia erabili.

298
00:12:26,300 --> 00:12:29,010
Benetan lortzeko sartu nahi baduzu
da, ari gara erakusteko joan.

299
00:12:29,010 --> 00:12:34,317
W3Schools desberdina guztiak ditu
Gauza letra duzu egin dezake.

300
00:12:34,317 --> 00:12:36,900
Baina, batez ere, inoiz nahi baduzu
font buruz ezer aldatu behar,

301
00:12:36,900 --> 00:12:39,330
beti izango da,
bezala, letra-zerbait.

302
00:12:39,330 --> 00:12:43,450
Beraz, letra-familia atsegin egingo da bazaude
Benetako mota aldatzeko nahian.

303
00:12:43,450 --> 00:12:47,390
Font-style baduzu izango da
izan dadin, etzana bezala nahi,

304
00:12:47,390 --> 00:12:49,710
edo etzana edo whatnot.

305
00:12:49,710 --> 00:12:53,570
Edo are font-color, bada
hori aldatu nahi izan dugu.

306
00:12:53,570 --> 00:12:55,621
>> TOMAS Reimers: Yup.

307
00:12:55,621 --> 00:12:56,925
Beraz, hori alda daiteke.

308
00:12:56,925 --> 00:12:59,360
Eta nolako besterik ez
laburpena orain, dezakezu orain

309
00:12:59,360 --> 00:13:01,400
ikusi hautatzaileak dugula hemen.

310
00:13:01,400 --> 00:13:03,000
Kizkur giltza hauek ditugu.

311
00:13:03,000 --> 00:13:06,735
Eta gero, arau daukagu
puntu eta komak mugatzen du.

312
00:13:06,735 --> 00:13:08,100
Ez duela zentzurik?

313
00:13:08,100 --> 00:13:09,130
Bai?

314
00:13:09,130 --> 00:13:10,500
Cool.

315
00:13:10,500 --> 00:13:13,200
Beraz, hori da good-- bada

316
00:13:13,200 --> 00:13:14,424
>> ALLISON BUCHHOLTZ-AU: Back.

317
00:13:14,424 --> 00:13:17,590
TOMAS Reimers: Hitz egin dezagun zehazki
zer nolako hautatzaileen buruz daukagun.

318
00:13:17,590 --> 00:13:19,790
'Oraintxe dugu Causa
Ordena besterik erakutsi etiketak.

319
00:13:19,790 --> 00:13:21,696
Baina zuk guys da sinesgarri ikus zezakeen.

320
00:13:21,696 --> 00:13:23,570
Esan bi paragrafo duzu
orri bat eta zuk

321
00:13:23,570 --> 00:13:26,087
style gai izan nahi
Bat baina ez bestea,

322
00:13:26,087 --> 00:13:29,170
ez besterik yourself mugatu nahi
Benetako HTML ezberdinak erabili dute

323
00:13:29,170 --> 00:13:33,410
etiketa horiek estilo ezberdinak emateko.

324
00:13:33,410 --> 00:13:35,995
>> Beraz, hiru oinarrizko daukagu
Selectors mota.

325
00:13:35,995 --> 00:13:37,120
ALLISON BUCHHOLTZ-AU: Bai.

326
00:13:37,120 --> 00:13:39,828
Beraz, etiketa behar dugu, hau da, zer
dugu buruz oraintxe hizketan.

327
00:13:39,828 --> 00:13:42,430
Beraz, hori da mota zure gorputza edo p bezala.

328
00:13:42,430 --> 00:13:46,280
Eta gero klasea izan dugu, hau da,
denean definitzen dugu gure CSS fitxategia ere,

329
00:13:46,280 --> 00:13:49,907
beti dot egingo da, edozein dela ere
Zure taldearen izena, izan nahi duzun.

330
00:13:49,907 --> 00:13:51,490
Eta hori gauza bat baino gehiago egon daitezke.

331
00:13:51,490 --> 00:13:54,610

332
00:13:54,610 --> 00:13:57,610
>> Esan bost paragrafo duzu
eta horietako hiru bi

333
00:13:57,610 --> 00:14:00,580
bera styled behar dira,
Klase bat aplikatuko litzateke, zeuk erabaki.

334
00:14:00,580 --> 00:14:03,040
Eta hori besterik bidea egiten dugun da.

335
00:14:03,040 --> 00:14:05,600
Ematen dizugu adibide bat
non hau benetan erakusten du.

336
00:14:05,600 --> 00:14:11,030
Baina izan duzun etiketa batzuk agian bada
p, ondoren, idatzi nahi duzun,

337
00:14:11,030 --> 00:14:14,170
class edozein dela klase berdinen
bertan aplikatu nahi duzun.

338
00:14:14,170 --> 00:14:19,280
Nahi dugu, beraz, edozein klase Selectors
parrafo partida hau aplikatzeko,

339
00:14:19,280 --> 00:14:21,300
Besterik ezin dugu hau atsegin idatzi.

340
00:14:21,300 --> 00:14:24,080
Noski, adibide bat dela uste dut
hormigoizko askoz gehiago egingo.

341
00:14:24,080 --> 00:14:27,270
>> Beste bat daukagun
id da, hau adierazteko dugu

342
00:14:27,270 --> 00:14:29,707
hash bat, edo libera, edo hashtag batera.

343
00:14:29,707 --> 00:14:30,790
TOMAS Reimers: Octothorpe.

344
00:14:30,790 --> 00:14:32,430
ALLISON BUCHHOLTZ-AU: Octothorpe.

345
00:14:32,430 --> 00:14:34,550
Lan egiten duen, gehiegi.

346
00:14:34,550 --> 00:14:36,640
Eta hau benetan berezia izan behar du.

347
00:14:36,640 --> 00:14:39,880
Besterik dute aplikatu beharko
zure orrian, gauza bat.

348
00:14:39,880 --> 00:14:43,820
Beraz, paragrafo zehatz bat ala,
edo zerrenda bateko elementu batzuk, edo dena delakoa,

349
00:14:43,820 --> 00:14:45,090
hau berezia izan behar du.

350
00:14:45,090 --> 00:14:48,730
Eta modu berean besterik ez dugu
Esan, bezala, class = "class1 class2"

351
00:14:48,730 --> 00:14:51,577
hau besterik ezin dena delakoa daukagun id izan.

352
00:14:51,577 --> 00:14:52,410
TOMAS Reimers: Bai.

353
00:14:52,410 --> 00:14:54,330
Hargatik betiko hitz-ren
Adibide hemen buruz.

354
00:14:54,330 --> 00:14:58,170
Eta besterik ez dut murgiltze joan
zuzen kodea sartu.

355
00:14:58,170 --> 00:15:02,090
Hargatik begiratu gure HTML at.

356
00:15:02,090 --> 00:15:03,960
Eta, beraz, oraintxe paragrafo bat dugu.

357
00:15:03,960 --> 00:15:05,510
Honek testua.

358
00:15:05,510 --> 00:15:09,151
Besterik ez naiz aldatzeko joan
da. "Hau testu 1. dago"

359
00:15:09,151 --> 00:15:11,150
Eta gero ari gara joan
dute bat "Hau testu 2. dago"

360
00:15:11,150 --> 00:15:12,525
>> ALLISON BUCHHOLTZ-AU: bigarren bat.

361
00:15:12,525 --> 00:15:13,540
TOMAS Reimers: Yup.

362
00:15:13,540 --> 00:15:16,810
Beraz, gaur egun dugun "Hau da, testu 2," ezta?

363
00:15:16,810 --> 00:15:21,560
Eta ari gara dugun freskatuz gero ikusteko joan
orria, zer ari gara aurkitzeko joan

364
00:15:21,560 --> 00:15:23,067
da botako Oraindik dugu find--

365
00:15:23,067 --> 00:15:24,150
ALLISON BUCHHOLTZ-AU: Ooh.

366
00:15:24,150 --> 00:15:24,983
TOMAS Reimers: Bai.

367
00:15:24,983 --> 00:15:27,570
A "Hau da aurkitu goaz
Testu 1, "eta" Hau testu 2. dago "

368
00:15:27,570 --> 00:15:28,650
>> ALLISON BUCHHOLTZ-AU: Eta
out kolore horia eder.

369
00:15:28,650 --> 00:15:31,066
>> TOMAS Reimers: Eta ikusiko duzu
Oraintxe dela gure hautatzaileak,

370
00:15:31,066 --> 00:15:34,940
bertan p en aplikatzen da, edo
paragrafo, eragiten, biak,

371
00:15:34,940 --> 00:15:38,700
biak betetzen delako
Baldintza biak p etiketa bat Oraindik dutela.

372
00:15:38,700 --> 00:15:40,360
Zentzu guztira egiten du.

373
00:15:40,360 --> 00:15:43,340
Beraz, galdera da, bai, zer
nahi izanez gero, besterik ez genuen lortu?

374
00:15:43,340 --> 00:15:46,350
Beraz, zehazki bezalakoa Allison zela esanez,
hori egin beste bi modu ditugu.

375
00:15:46,350 --> 00:15:47,320
To id batekin hasiko naiz.

376
00:15:47,320 --> 00:15:48,405
>> ALLISON BUCHHOLTZ-AU:
Hasteko id Dezagun.

377
00:15:48,405 --> 00:15:50,405
>> TOMAS Reimers: Eta biak
horien atributuak dira.

378
00:15:50,405 --> 00:15:53,200
Beraz atributu HTML existitzen.

379
00:15:53,200 --> 00:15:55,600
Eta zer dira da
gehitu duzula zerbait

380
00:15:55,600 --> 00:15:58,840
Etiketa zein barrutik
marka urrun.

381
00:15:58,840 --> 00:16:01,301
Beraz Hainbat atributu izan dezakezu.

382
00:16:01,301 --> 00:16:01,800
Bai?

383
00:16:01,800 --> 00:16:03,950
>> ALLISON BUCHHOLTZ-AU: nintzen, joan
erraitea, zure Adibidez batetik pset 7,

384
00:16:03,950 --> 00:16:06,650
zuk edozein saiatu izanez lerrokatu
zentrora gauzak,

385
00:16:06,650 --> 00:16:08,550
zuk erabili izan liteke
"Testu ALIGN =".

386
00:16:08,550 --> 00:16:10,550
Eta seguruenik nabaritu duzu
zentratua izan beharko

387
00:16:10,550 --> 00:16:12,650
Zure testu edo zure nabigazio-barran.

388
00:16:12,650 --> 00:16:15,499
Beraz, besterik gabe, gainera, atributu bat
ezagutzen izatea.

389
00:16:15,499 --> 00:16:18,040
TOMAS Reimers: Badira sorta bat da
of egozten duten ikusiko duzu.

390
00:16:18,040 --> 00:16:18,539
Bai.

391
00:16:18,539 --> 00:16:21,250
7 pset erreferentzia onak bezala.

392
00:16:21,250 --> 00:16:23,150
Id daukagu.

393
00:16:23,150 --> 00:16:25,080
Ere ahal duzu
klasea, hau bezalako gauzak.

394
00:16:25,080 --> 00:16:27,250
Etiketa bakar batek atributu ugari izan ditzake.

395
00:16:27,250 --> 00:16:33,140
Beraz id hasita, dezagun asmoa dugu
Nahi id bat gertatuko ez dakit izatea.

396
00:16:33,140 --> 00:16:35,140
Egingo da berezia deitu dugu
inork horregatik, ez gara

397
00:16:35,140 --> 00:16:37,867
lodia egiteko, eta
azpimarratu, eta edozein dela ere.

398
00:16:37,867 --> 00:16:39,950
ALLISON BUCHHOLTZ-AU: Da
gonna be super bereziak.

399
00:16:39,950 --> 00:16:42,360
TOMAS Reimers: Beraz, hau
Bat, id berezia dugu.

400
00:16:42,360 --> 00:16:48,140
Bide Beraz, hautatzeko, ondoren, da
main.css ere, p etiketa bat behar baino,

401
00:16:48,140 --> 00:16:51,500
#special egin duzu, OK?

402
00:16:51,500 --> 00:16:55,538
Eta hori hautatzen
id bereziak dituzten gauza.

403
00:16:55,538 --> 00:16:57,295
Ez du hori egiteko zentzu guztiontzat?

404
00:16:57,295 --> 00:16:57,920
IKUSLEEN: Bai.

405
00:16:57,920 --> 00:16:59,110
TOMAS Reimers: Cool.

406
00:16:59,110 --> 00:17:04,440
Beraz, orain, atzera egin dugu bada,
ikusiko dugu whoops.

407
00:17:04,440 --> 00:17:06,240
Bai.

408
00:17:06,240 --> 00:17:09,460
Ikusiko dugu hori hautatzen soilik
id berezia duena.

409
00:17:09,460 --> 00:17:10,622
Bai?

410
00:17:10,622 --> 00:17:11,900
Soinuak cool.

411
00:17:11,900 --> 00:17:12,570
Bai.

412
00:17:12,570 --> 00:17:15,456
>> IKUSLEEN: zerbait badutela
bai klase eta id baten egozten?

413
00:17:15,456 --> 00:17:16,359
>> TOMAS Reimers: Bai.

414
00:17:16,359 --> 00:17:16,900
Ikusleak: OK.

415
00:17:16,900 --> 00:17:20,887
Eta gero, zer gertatzen da, ondoren ematen bada
it CSS gatazka duten arau batzuk?

416
00:17:20,887 --> 00:17:21,970
TOMAS Reimers: Absolutely.

417
00:17:21,970 --> 00:17:23,940
Betiko goaz
horri buruz hitz egin.

418
00:17:23,940 --> 00:17:31,890
Beraz, zehazki zer lortzean ari zaren
at, ere izan dezakezu klaseak.

419
00:17:31,890 --> 00:17:36,380
Hargatik asmoa nuen
hiru paragrafo eta biok

420
00:17:36,380 --> 00:17:38,730
Lehenengo style nahi
bi, baina ez hirugarrena.

421
00:17:38,730 --> 00:17:42,850
Beno, zure lehenengo ideia, ondo egon daiteke, I
Besterik ezin eman bigarren bat id bat.

422
00:17:42,850 --> 00:17:45,590
Baina ezin duzu, id bat delako,
zehazki bezalako Allison zela esanez,

423
00:17:45,590 --> 00:17:47,330
bakarra izan du.

424
00:17:47,330 --> 00:17:50,860
>> Beraz ordez id bat, zer duzu
erabili ahal izango da klase bat erabili ahal izango duzu.

425
00:17:50,860 --> 00:17:57,880
Eta klase bat zer den ahalbidetzen
egin behar duzun da, funtsean, esan,

426
00:17:57,880 --> 00:17:59,610
hau talde baten zati gisa dagokio.

427
00:17:59,610 --> 00:18:02,410
Kasu honetan, gure taldearen
dago Berezia izeneko.

428
00:18:02,410 --> 00:18:06,500
Eta zer ari gara, ondoren egin behar da
to baizik libra baino esaten dugu,

429
00:18:06,500 --> 00:18:08,070
dot erabiltzeko goaz.

430
00:18:08,070 --> 00:18:08,740
OK?

431
00:18:08,740 --> 00:18:11,950
Eta konturatu kiloko eta dot
dituen fitxategi barruan existitzen,

432
00:18:11,950 --> 00:18:12,797
HTML barruan.

433
00:18:12,797 --> 00:18:13,880
ALLISON BUCHHOLTZ-AU: Bai.

434
00:18:13,880 --> 00:18:15,185
Bereizketa garrantzitsua.

435
00:18:15,185 --> 00:18:17,510
>> TOMAS Reimers: daukat
Hainbeste borroka izan zuen,

436
00:18:17,510 --> 00:18:23,990
hash jarri dut HTML delako eta
orduan besterik sentitu ergelak denbora luzez.

437
00:18:23,990 --> 00:18:27,470
Ikusi nola biak aukeratuko du
klase hori dituztenak?

438
00:18:27,470 --> 00:18:28,210
Cool.

439
00:18:28,210 --> 00:18:29,950
>> Orain, gauza bat baino gehiago klaseak izan dezake.

440
00:18:29,950 --> 00:18:32,790
Demagun lehenengoa egin nahi nuen
bi horien hondo baten

441
00:18:32,790 --> 00:18:36,770
eta bigarrena bi izan
letra-urdinaren kolorea.

442
00:18:36,770 --> 00:18:37,270
OK.

443
00:18:37,270 --> 00:18:39,735
Egia esan, ez dakit zergatik I litzaidake
hori egin nahi, baina I can.

444
00:18:39,735 --> 00:18:42,401
>> ALLISON BUCHHOLTZ-AU: Agian ez
gomendagarria da zure web.

445
00:18:42,401 --> 00:18:43,880
Baina gure helburuetarako, egin egingo.

446
00:18:43,880 --> 00:18:46,294
>> TOMAS Reimers: ez da
Kolore-eskema ona.

447
00:18:46,294 --> 00:18:49,210
ALLISON BUCHHOLTZ-AU: Beno, horia
eta urdina nire batxilergoko koloreak dira.

448
00:18:49,210 --> 00:18:50,947
Ez dakit, baina.

449
00:18:50,947 --> 00:18:53,530
TOMAS Reimers: Allison-en altua
eskolako kolore eskema handia izan zuen.

450
00:18:53,530 --> 00:18:54,520
[Barreak]

451
00:18:54,520 --> 00:18:59,120
Orduan, zer deitu ahal izango dugu hau da
Dezagun deitzen hau bereziak beraz daukagu

452
00:18:59,120 --> 00:19:00,030
eta Pretty behar dugu.

453
00:19:00,030 --> 00:19:02,405
I, azaldu dutenez, erabili duzu
askoz ere izen deskriptibo.

454
00:19:02,405 --> 00:19:05,820
ALLISON BUCHHOLTZ-AU: Bai, nuke
dei hau, bezala horia edo urdina.

455
00:19:05,820 --> 00:19:08,314
>> TOMAS Reimers: Ez gaude
benetako web bat benetan egiten,

456
00:19:08,314 --> 00:19:09,730
eta horregatik ez gara hori egiten.

457
00:19:09,730 --> 00:19:11,521
Baina benetan baduzu
benetako web gunea, zuk

458
00:19:11,521 --> 00:19:16,220
izan dezake, bezala, artikulu goiburua,
Artikulu edukia, lehen hitza,

459
00:19:16,220 --> 00:19:21,920
horrelako gauzak, eta horrek aukera ematen
askoz gehiago deskriptiboa izan behar duzu.

460
00:19:21,920 --> 00:19:23,550
Hauek dira benetan besterik aldagai bezala.

461
00:19:23,550 --> 00:19:28,390
Dute modu bat, non egon beharko izendatu
, egin dezakezu, atsegin bai, esaterako.

462
00:19:28,390 --> 00:19:29,470
Perfect.

463
00:19:29,470 --> 00:19:30,480
>> Beraz atzeko kolorea.

464
00:19:30,480 --> 00:19:35,920
Eta gero ari gara, beraz, esaten joan
modu kolorea aldatzeko besterik "kolorea" da.

465
00:19:35,920 --> 00:19:38,412
Eta ari gara egiten urdina egiteko.

466
00:19:38,412 --> 00:19:40,150
Hori da cool.

467
00:19:40,150 --> 00:19:42,640
Beraz, gaur egun dugun
Lehen bi izan berezia.

468
00:19:42,640 --> 00:19:45,972
Hurrengo norberaren joan
dute "class = polita".

469
00:19:45,972 --> 00:19:49,180
ALLISON BUCHHOLTZ-AU: Eta gero dituzu
"nahiko" gehitzeko erdikoa nahi.

470
00:19:49,180 --> 00:19:49,971
TOMAS Reimers: Yup.

471
00:19:49,971 --> 00:19:52,970
Eta gero, erdialdera,
gehitzeko "nahiko", zer gertatzen

472
00:19:52,970 --> 00:19:56,880
espazio bat besterik ez duzu.

473
00:19:56,880 --> 00:19:59,800
Beraz class atributua
zuriunez bereizitako zerrenda bat da

474
00:19:59,800 --> 00:20:02,450
Klase guztien
Etiketa hori aplikatuko.

475
00:20:02,450 --> 00:20:02,959
OK?

476
00:20:02,959 --> 00:20:05,750
Ez da bat hori daukan bezalako
izeneko klase bereziren bat

477
00:20:05,750 --> 00:20:07,180
"Berezia, espazioa, nahiko".

478
00:20:07,180 --> 00:20:10,870
Dagokio bi classes-- da
berezia eta polita da.

479
00:20:10,870 --> 00:20:12,492
Bai?

480
00:20:12,492 --> 00:20:14,360
Cool.

481
00:20:14,360 --> 00:20:17,010
>> Eta gero, begiratuz gero
at zer gertatzen den, ez gara

482
00:20:17,010 --> 00:20:21,850
lehena duela ikusteko joan
hondo horia, testu beltza.

483
00:20:21,850 --> 00:20:22,450
Bigarren one--

484
00:20:22,450 --> 00:20:26,160
>> ALLISON BUCHHOLTZ-AU: --has lodia
Testu urdina hondo horia.

485
00:20:26,160 --> 00:20:29,330
Eta gure azken bat besterik ez du egin
Testu urdin hori esleitzen den ere.

486
00:20:29,330 --> 00:20:30,870
>> TOMAS Reimers: Cool?

487
00:20:30,870 --> 00:20:32,491
Nola Selectors lan?

488
00:20:32,491 --> 00:20:32,990
Awesome.

489
00:20:32,990 --> 00:20:34,720
>> ALLISON BUCHHOLTZ-AU: zer egin nahi dugu
gatazkari buruz hitz egiteko, gaur egun, gero?

490
00:20:34,720 --> 00:20:35,780
>> TOMAS Reimers: Beraz, bai.

491
00:20:35,780 --> 00:20:36,310
Absolutely.

492
00:20:36,310 --> 00:20:38,380
Beraz, zer duzu bada gertatzen
gatazka bat izan, ezta?

493
00:20:38,380 --> 00:20:44,740
Dezagun asmoa lehena
Zerbait ditu abian, atsegin

494
00:20:44,740 --> 00:20:47,240
ALLISON BUCHHOLTZ-AU: Beharbada
Alde hori aldatzen atzealde?

495
00:20:47,240 --> 00:20:48,090
TOMAS Reimers: Bai.

496
00:20:48,090 --> 00:20:51,699
Beraz, egin egingo "nahiko"
izokina atzealdean aldatu.

497
00:20:51,699 --> 00:20:54,740
ALLISON BUCHHOLTZ-AU: Oraindik besterik duzu
koloreak handia gaur, Tomas.

498
00:20:54,740 --> 00:20:55,573
TOMAS Reimers: Bai.

499
00:20:55,573 --> 00:20:58,200
Aurkitu dut delako I can
izokina erabili benetako kolore gisa.

500
00:20:58,200 --> 00:21:00,270
Beraz, soilik ari gara hori egin behar.

501
00:21:00,270 --> 00:21:01,770
Uste dut, gainera Sunset benetako kolore bat da.

502
00:21:01,770 --> 00:21:03,103
Ikusleak: Sunset benetako kolore bat da?

503
00:21:03,103 --> 00:21:04,572
ALLISON BUCHHOLTZ-AU: Dezagun saiatu.

504
00:21:04,572 --> 00:21:07,735
TOMAS Reimers: demo honen ondoren
badaezpada gora messes delako,

505
00:21:07,735 --> 00:21:08,943
Ez dut nahi izango arazketa da.

506
00:21:08,943 --> 00:21:11,580
Beraz, badakigu izokina benetako kolore bat da.

507
00:21:11,580 --> 00:21:15,626
Beraz, asmatzen duen
zer gertatuko da?

508
00:21:15,626 --> 00:21:17,522
>> ALLISON BUCHHOLTZ-AU: edozein ideia?

509
00:21:17,522 --> 00:21:20,002
>> IKUSLEEN: [INAUDIBLE].

510
00:21:20,002 --> 00:21:20,920
>> TOMAS Reimers: Bai.

511
00:21:20,920 --> 00:21:22,150
Beraz, lortu zehazki eskubidea da duzu.

512
00:21:22,150 --> 00:21:24,930
Funtsean, hartzen du
Azken arau hori eman zitzaion.

513
00:21:24,930 --> 00:21:27,860
>> ALLISON BUCHHOLTZ-AU: Beraz, hau da
non Kaskadako eragina sartu da.

514
00:21:27,860 --> 00:21:31,080
>> TOMAS Reimers: Beraz, gogoratu nola egiten dugu
Kaskadako estilo-orriak zuela?

515
00:21:31,080 --> 00:21:33,660
Beraz, arabera, mota esan nahi dugu
arau-sorta bat dugula

516
00:21:33,660 --> 00:21:37,115
bata bestearen gainean aplikatuko zaie, eta
halaber zuten elkar gainidatz dezake.

517
00:21:37,115 --> 00:21:39,380
>> ALLISON BUCHHOLTZ-AU: Beraz
edozein dela ren behealdean

518
00:21:39,380 --> 00:21:41,540
edozein dela ere goialdean da jaramonik egingo.

519
00:21:41,540 --> 00:21:45,842
Arau hori guztiz izan duzu
negate zerbait aldez aurretik.

520
00:21:45,842 --> 00:21:48,300
Hori da, gainera, zergatik izan nahi duzu
ibili bazara Sorozabal,

521
00:21:48,300 --> 00:21:51,465
beraz, ez arauak sortzen ari dela
Zu besterik erabat gainidazteko duzu.

522
00:21:51,465 --> 00:21:53,340
>> TOMAS Reimers: Edo agian
nahi arau gainidazteko.

523
00:21:53,340 --> 00:21:53,920
>> ALLISON BUCHHOLTZ-AU: Edo agian egin nahi duzu.

524
00:21:53,920 --> 00:21:54,300
Bai.

525
00:21:54,300 --> 00:21:57,175
>> TOMAS Reimers: Itxura bat duzu
Klase horrek gauzak gehien aplikatzen,

526
00:21:57,175 --> 00:22:01,220
baina demagun aldatu nahi duzu
atzeko kolore gorri eta letra

527
00:22:01,220 --> 00:22:03,140
gehienetan lodia pisua
Gauzak, baina, batez,

528
00:22:03,140 --> 00:22:06,098
bakarra atzeko kolorea nahi duzun
gorria dela, baina beste guztiek nahi duzu

529
00:22:06,098 --> 00:22:09,990
propietate, zerbait egin izan
bezalako "font-weight = normal"

530
00:22:09,990 --> 00:22:12,760
zein ondoren desegin litzateke aldaketa lodia dagoela.

531
00:22:12,760 --> 00:22:14,480
Bai?

532
00:22:14,480 --> 00:22:17,250
Berriz ere, modurik onena, uste dut
Allison esan, besterik landu da.

533
00:22:17,250 --> 00:22:18,080
>> ALLISON BUCHHOLTZ-AU Esperimentazio.

534
00:22:18,080 --> 00:22:20,090
>> TOMAS Reimers: Praktika, praktikan,
praktika, eta esperimentua.

535
00:22:20,090 --> 00:22:22,950
Uste jende asko ezagutzen dut
CSS besterik etxebizitza-eta-check asko da

536
00:22:22,950 --> 00:22:25,580
Egunaren amaieran, non bada
zerbait bezala egin nahi duzula,

537
00:22:25,580 --> 00:22:27,663
gorabeherako ideia bat behar duzu, baina
oraindik seguruenik behar duzun

538
00:22:27,663 --> 00:22:31,390
probatzeko ziurtatu egin
Badakizu zer itxura.

539
00:22:31,390 --> 00:22:34,482
>> IKUSLEEN: aplikatuz ari zaren
Bat baino gehiago

540
00:22:34,482 --> 00:22:37,339
paragrafo berean baino
edo atal, egiten du

541
00:22:37,339 --> 00:22:39,505
axola zer jaso ahal izango dituzu
idatzi komatxo sartu?

542
00:22:39,505 --> 00:22:40,992
>> TOMAS Reimers: Ez, ez guztietan.

543
00:22:40,992 --> 00:22:45,764
>> ALLISON BUCHHOLTZ-AU: Zer axola
Zure CSS estilo orria barruan ordena.

544
00:22:45,764 --> 00:22:47,430
IKUSLEEN: Ezin izan da galdera errepikatu duzu?

545
00:22:47,430 --> 00:22:50,680
TOMAS Reimers: Oh.

546
00:22:50,680 --> 00:22:53,990
ALLISON BUCHHOLTZ-AU: epean
klasea, emanez Oraindik klaseak

547
00:22:53,990 --> 00:22:56,964
HTML zerbait da, ez du
horrek ordena Oraindik dute axola du?

548
00:22:56,964 --> 00:22:58,130
Ez du ordena axola.

549
00:22:58,130 --> 00:23:02,915
Zer axola hurrenkera
Zure CSS barruan class Selectors,

550
00:23:02,915 --> 00:23:04,306
Zure estilo orri barruan.

551
00:23:04,306 --> 00:23:06,982
>> TOMAS Reimers: Sound ona?

552
00:23:06,982 --> 00:23:08,532
>> ALLISON BUCHHOLTZ-AU: Lovely.

553
00:23:08,532 --> 00:23:11,539
>> TOMAS Reimers: Eta gero
zaie jarraitzeko goaz

554
00:23:11,539 --> 00:23:13,330
ALLISON BUCHHOLTZ-AU:
Zer hurrengo dugu?

555
00:23:13,330 --> 00:23:14,245
Ahaztu dut.

556
00:23:14,245 --> 00:23:16,087
Oh, besterik ez dugu adibide.

557
00:23:16,087 --> 00:23:17,295
Baina nolako egin ditugun.

558
00:23:17,295 --> 00:23:18,990
Egin dugu adibide unean.

559
00:23:18,990 --> 00:23:20,540
>> TOMAS Reimers: iritsi gara
Selectors konbinatu laster.

560
00:23:20,540 --> 00:23:22,790
>> ALLISON BUCHHOLTZ-AU: Oh,
Selectors konbinatu lortuko dugu.

561
00:23:22,790 --> 00:23:25,260
TOMAS Reimers: Beraz batzuk
adibide da daukagun

562
00:23:25,260 --> 00:23:29,630
# Dog-- libera, edo hashtag,
edo octothorpe, edo dena

563
00:23:29,630 --> 00:23:32,050
zorrotz aurrerantzean -bere deitu nahi duzun.

564
00:23:32,050 --> 00:23:34,875
>> ALLISON BUCHHOLTZ-AU: Sharp txakurra.

565
00:23:34,875 --> 00:23:36,470
>> TOMAS Reimers: .pets Ondoren duzu.

566
00:23:36,470 --> 00:23:39,059

567
00:23:39,059 --> 00:23:41,600
Zerbait txakur id bat du,
zakur bat bakarrik orriko da.

568
00:23:41,600 --> 00:23:43,870
Zerbait ID bat
katu, ez dago katu bakarra da.

569
00:23:43,870 --> 00:23:45,665
Orriko maskotak ugari gerta daitezke.

570
00:23:45,665 --> 00:23:47,570
Horregatik eman klaseak dugula.

571
00:23:47,570 --> 00:23:48,740
P adibide bat daukazu.

572
00:23:48,740 --> 00:23:50,490
Eta gero, bat eta beraz,
Azken adibide, eta horrek

573
00:23:50,490 --> 00:23:53,790
zerbait ez dugu buruz hitz egin da,
da, zer gertatzen denean horiek konbinatzen.

574
00:23:53,790 --> 00:23:54,580
Beraz p.pets.

575
00:23:54,580 --> 00:23:57,510

576
00:23:57,510 --> 00:24:02,950
>> Beraz, horretarako, goazen atzera joan
kodea eta aurkeztu beste bat bai.

577
00:24:02,950 --> 00:24:04,290
Beraz, hemen atzera.

578
00:24:04,290 --> 00:24:04,850
>> ALLISON BUCHHOLTZ-AU: I
sentitzen da hau really-- bezalako

579
00:24:04,850 --> 00:24:08,105
bezalako adibide bidez bila
benetan modu honetan ikasteko.

580
00:24:08,105 --> 00:24:09,360
Beraz, zer egiten ari gara.

581
00:24:09,360 --> 00:24:14,030
>> TOMAS Reimers: Hargatik asmoa dugu
bakarrik testua 2, eskuineko hautatu nahi?

582
00:24:14,030 --> 00:24:16,530
Beraz, behin betiko ezin dugu
hori egin id batekin.

583
00:24:16,530 --> 00:24:19,620
Beno, hori batekin egin izan dugu
id, baina ez id bat izan.

584
00:24:19,620 --> 00:24:22,490
Gehitu bat izan dut, baina dezagun asmoa
baina ez dut nahi inork gehitzeko

585
00:24:22,490 --> 00:24:24,910
edo dagoeneko beste zerbait du.

586
00:24:24,910 --> 00:24:26,516
Ezin dut egin duten horrekin.

587
00:24:26,516 --> 00:24:28,870
Etiketa ez da behin betiko berezia da, ezta?

588
00:24:28,870 --> 00:24:30,670
Eta ez klasekoa da.

589
00:24:30,670 --> 00:24:32,314
Baina gauza horiek konbinatu ahal izango duzu.

590
00:24:32,314 --> 00:24:35,230
Demagun zerbait egin nahi dugu
horrek bakarrik gauza aplikatzen bertan

591
00:24:35,230 --> 00:24:39,420
klase berezi dute eta
bertan klasea nahiko dute.

592
00:24:39,420 --> 00:24:48,150
>> Beraz, zer egin dezakezu main.css dago,
esan dezakezu, utzi ezabatu lehen hau.

593
00:24:48,150 --> 00:24:50,240
Horiek konbinatu ahal izango duzu.

594
00:24:50,240 --> 00:24:51,430
Beraz .special egin dezakezu.

595
00:24:51,430 --> 00:24:52,110
Ez da lekurik.

596
00:24:52,110 --> 00:24:54,770
Just .special.pretty.

597
00:24:54,770 --> 00:25:00,550
Zer esan nahi duen zerbait
hau da, bai bereziak eta politak.

598
00:25:00,550 --> 00:25:01,900
Ez duela zentzurik?

599
00:25:01,900 --> 00:25:04,190
Eta hemen badugu, zer
den ikusteko zaren

600
00:25:04,190 --> 00:25:09,734
da arau hori bakarrik aplikatzen
bigarren bat, ditu horietako bi.

601
00:25:09,734 --> 00:25:11,400
Eta hori egin dezakezu gauza asko egiteko.

602
00:25:11,400 --> 00:25:13,270
Demagun dezakezu
itxurak bakarrik nahi nuen

603
00:25:13,270 --> 00:25:18,300
klaseko zein polita izan gauza egin
eta zein paragrafo etiketa bat ere badaude.

604
00:25:18,300 --> 00:25:19,920
Beraz p.pretty.

605
00:25:19,920 --> 00:25:23,585
Dezagun asmoa izan nuen
Zerbait etiketa gorputzaren gainean nahiko.

606
00:25:23,585 --> 00:25:25,850
OK?

607
00:25:25,850 --> 00:25:28,490
Dut hau exekutatu eta ezin dut
Ikusten dela bakarrik

608
00:25:28,490 --> 00:25:32,720
zein diren gauzei aplikatzen joan
klase nahiko paragrafoak.

609
00:25:32,720 --> 00:25:35,650
Eta horiek konbinatu ahal izango duzu,
Funtsean, askotan bezala, nahi duzun bezala.

610
00:25:35,650 --> 00:25:38,580
Beraz, besterik gabe jarri duzu elkarrekin.

611
00:25:38,580 --> 00:25:39,604
Ez duela zentzurik?

612
00:25:39,604 --> 00:25:41,770
ALLISON BUCHHOLTZ-AU: Beraz
hau motatako da erabilgarria

613
00:25:41,770 --> 00:25:45,490
denean, Tomas zen lehenago esaten, agian,
web oso konplikatuak bat behar duzu,

614
00:25:45,490 --> 00:25:48,050
eta dagoeneko asko duzu
arau horiek idatzitako,

615
00:25:48,050 --> 00:25:51,170
eta besterik behar
bi konbinatu aurretik.

616
00:25:51,170 --> 00:25:55,350
Ordez Like osotasunean idazten
hautatzaileak berri eta han aldatzen,

617
00:25:55,350 --> 00:25:58,592
besterik konbinatu dezakezu
horiek non gainjartzen.

618
00:25:58,592 --> 00:26:00,670
>> TOMAS Reimers: Edo duzu
Batzuetan out-- aurkitu dezake

619
00:26:00,670 --> 00:26:04,290
ez klase bat bertan
egiten bezalako letra-kolorea urdina,

620
00:26:04,290 --> 00:26:06,740
eta ez dago beste klase da bertan
hondo urdinaren egiten du.

621
00:26:06,740 --> 00:26:07,840
Eta hori besterik ez du funtzionatuko.

622
00:26:07,840 --> 00:26:10,924
Beraz, kasu berezi bat idazterakoan, non,
atsegin baina biak badu, zertan ari zaren

623
00:26:10,924 --> 00:26:13,548
egin egingo da zu joan
blue gerizpean honetan bat egin

624
00:26:13,548 --> 00:26:15,310
eta beste urdin gerizpean honetan bat.

625
00:26:15,310 --> 00:26:15,580
Eskuin?

626
00:26:15,580 --> 00:26:17,955
>> ALLISON BUCHHOLTZ-AU: Good
Salbuespenak mota horiek egiteko.

627
00:26:17,955 --> 00:26:21,220
TOMAS Reimers: Beraz
arazo pentsatzen

628
00:26:21,220 --> 00:26:25,000
denean horiek konbinatzen sor ditzake.

629
00:26:25,000 --> 00:26:27,020
Cool.

630
00:26:27,020 --> 00:26:29,692
Beraz, gure aurkezpen itzuli.

631
00:26:29,692 --> 00:26:31,400
ALLISON BUCHHOLTZ-AU:
Ia ez gara.

632
00:26:31,400 --> 00:26:34,022
TOMAS Reimers: Eta
konektatzen utzi dio.

633
00:26:34,022 --> 00:26:36,494
ALLISON BUCHHOLTZ-AU: Oh, ez.

634
00:26:36,494 --> 00:26:39,125
ALLISON BUCHHOLTZ-AU: CS at
bulegoan, internet jaisten.

635
00:26:39,125 --> 00:26:40,360
Oh, ironia.

636
00:26:40,360 --> 00:26:45,620
>> TOMAS Reimers: Beraz, zorionez, ahal dugu
Internet gabe aurkeztuko, uste dut,

637
00:26:45,620 --> 00:26:47,380
Diapositibak guztiak ditugu hemen delako.

638
00:26:47,380 --> 00:26:49,304
Hargatik hitz buruz
etiketa-harremana.

639
00:26:49,304 --> 00:26:50,470
ALLISON BUCHHOLTZ-AU: Eskuin.

640
00:26:50,470 --> 00:26:52,660
Beraz, mota horretako joan
Tomas zer esan off,

641
00:26:52,660 --> 00:26:54,180
hau besterik beste egin behar den bidea da.

642
00:26:54,180 --> 00:26:57,840
Beraz guraso batzuk ditugu
umea hautatzailea batekin hautatzaileak.

643
00:26:57,840 --> 00:27:02,815
Beraz, hemen adibide honetan, batzuk dugu
Klase nabigazio-barrako bat, klasean botoiarekin gorputza.

644
00:27:02,815 --> 00:27:03,315
Ah.

645
00:27:03,315 --> 00:27:03,990
>> TOMAS Reimers: Oh, barkatu.

646
00:27:03,990 --> 00:27:06,180
>> ALLISON BUCHHOLTZ-AU: Eta
Funtsean, horrek esan nahi du

647
00:27:06,180 --> 00:27:11,070
ume guztiek hautatu da, atsegin
Selectors mota horiek guztiak,

648
00:27:11,070 --> 00:27:13,040
Guraso hautatzaileak honen barruan.

649
00:27:13,040 --> 00:27:16,004
Eta horiek dira bakarrak
nik inoiz aplikatzeko behar.

650
00:27:16,004 --> 00:27:17,755
Ez dakit, bada
modu hobea izan gertatuko

651
00:27:17,755 --> 00:27:19,504
TOMAS Reimers: Beraz dut
asmatzeko modua pentsatzeko

652
00:27:19,504 --> 00:27:22,440
honi buruz, nola aurretik gogoratu
Ordena gustatzen batera jarri ditugu.

653
00:27:22,440 --> 00:27:26,340
Eta gero, elementu bat esan nahi du
datorrenaren horiek guztiak.

654
00:27:26,340 --> 00:27:29,530
Zer da hau esaten da, I
nahi dena etortzeko duzu

655
00:27:29,530 --> 00:27:33,220
some-- nahi dut barruan
hautatzaileak bat aurkitu duzu.

656
00:27:33,220 --> 00:27:35,670
Eta gero, horren barruan, nahi dut
Gauza berriak etortzeko duzu.

657
00:27:35,670 --> 00:27:36,170
Eskuin?

658
00:27:36,170 --> 00:27:40,900
Beraz CSS ere, guztiei buruz ordenatzeko
elementu horiek etortzeko gai izatea.

659
00:27:40,900 --> 00:27:43,050
Eta etor dastatu ahal izango dituzu
beste elementu batzuk barruan elementuak.

660
00:27:43,050 --> 00:27:46,510
>> Beraz, benetan dezagun adibide bat,
eta hori argitu egingo dela uste dugu.

661
00:27:46,510 --> 00:27:53,090
Hargatik asmoa berezia izan dugu,
nahiko berezia, edozein.

662
00:27:53,090 --> 00:27:55,690
Eta gero, esteka bat dugu, OK?

663
00:27:55,690 --> 00:27:59,780

664
00:27:59,780 --> 00:28:02,370
Beraz, gogoratu, bat lotura bat da.

665
00:28:02,370 --> 00:28:03,900
Ez da edozein lekutan joan behar.

666
00:28:03,900 --> 00:28:11,500
Eta ari gara egiten emateko joan
Klase link, asmatzen dut.

667
00:28:11,500 --> 00:28:13,335
Dezagun eman du
klase ideia bat eman dit.

668
00:28:13,335 --> 00:28:14,460
ALLISON BUCHHOLTZ-AU: Cool.

669
00:28:14,460 --> 00:28:16,420
TOMAS Reimers: dezagun Coo--
joan da klase nahiko.

670
00:28:16,420 --> 00:28:16,930
Zergatik ez?

671
00:28:16,930 --> 00:28:17,971
>> ALLISON BUCHHOLTZ-AU: OK.

672
00:28:17,971 --> 00:28:23,040
TOMAS Reimers: Beraz
oraintxe gauza politak

673
00:28:23,040 --> 00:28:26,000
hondoan egiteko joan
urdina, atzeko kolorea izokina.

674
00:28:26,000 --> 00:28:27,969
Hori zentzua.

675
00:28:27,969 --> 00:28:28,760
Eta this-- egiten badugu

676
00:28:28,760 --> 00:28:29,620
>> ALLISON BUCHHOLTZ-AU:
Ez testua gehitu nahi duzun

677
00:28:29,620 --> 00:28:31,078
beraz Hiperesteka benetan erakusten sortu?

678
00:28:31,078 --> 00:28:35,088
TOMAS Reimers: That
dei ona izango litzateke.

679
00:28:35,088 --> 00:28:37,921
ALLISON BUCHHOLTZ-AU: 'Sortzailea eskubidea
orain ari gara asmorik ezer lortuko.

680
00:28:37,921 --> 00:28:39,690
TOMAS Reimers: Beraz, hau lotura bat da.

681
00:28:39,690 --> 00:28:42,202
"Hau link bat da."

682
00:28:42,202 --> 00:28:45,820
Oh, eta hau da, joan
beste lotura bat izan.

683
00:28:45,820 --> 00:28:47,280
Dezagun eman klasea "cool".

684
00:28:47,280 --> 00:28:50,295
Arrazoi duzu.

685
00:28:50,295 --> 00:28:50,795
Cool.

686
00:28:50,795 --> 00:28:53,590

687
00:28:53,590 --> 00:28:56,010
Beraz, oraintxe ari gara, hau hartzen joan.

688
00:28:56,010 --> 00:28:57,269
Bat bota goaz.

689
00:28:57,269 --> 00:28:59,060
Beste bat daukagu
Etiketa bereziak, eta baita ere dugu

690
00:28:59,060 --> 00:29:01,150
dira nahiko etiketan bat izan da.

691
00:29:01,150 --> 00:29:05,449
Eta oraintxe zer ari gara joan
egiten da ari gara cool-- egiteko joan

692
00:29:05,449 --> 00:29:06,490
zer egin nahi dugu?

693
00:29:06,490 --> 00:29:10,347

694
00:29:10,347 --> 00:29:12,180
ALLISON BUCHHOLTZ-AU:
Ezin handiagoa egin dugu?

695
00:29:12,180 --> 00:29:13,800
TOMAS Reimers: Dezagun ertza emango.

696
00:29:13,800 --> 00:29:14,840
ALLISON BUCHHOLTZ-AU: mugaldean genezake.

697
00:29:14,840 --> 00:29:15,673
TOMAS Reimers: Bai.

698
00:29:15,673 --> 00:29:18,560
Beraz, zerbait egin behar da
bezala, mugako is-- eta gara

699
00:29:18,560 --> 00:29:20,971
hori azaltzeko guztiak bigarren bat egingo da.

700
00:29:20,971 --> 00:29:21,470
Da gaur egun For

701
00:29:21,470 --> 00:29:24,592
>> ALLISON BUCHHOLTZ-AU: kutxa eredua.

702
00:29:24,592 --> 00:29:27,300
TOMAS Reimers: Baina, oraingoz, gaude
besterik ez da muga bat emateko.

703
00:29:27,300 --> 00:29:29,580
Beraz, zer esan nahi duen Oraindik
esteka horiek ikusteko.

704
00:29:29,580 --> 00:29:32,788
Eta ari dutela ikusiko duzu
, bezala, mugak itsusi beltz horiek, eta horrek

705
00:29:32,788 --> 00:29:33,820
cool da.

706
00:29:33,820 --> 00:29:34,500
>> ALLISON BUCHHOLTZ-AU:
Gure web hain polita da.

707
00:29:34,500 --> 00:29:35,333
>> TOMAS Reimers: Bai.

708
00:29:35,333 --> 00:29:38,930
Gure web awesome.

709
00:29:38,930 --> 00:29:41,585
Beraz loturak bi hauek dira, eta agertzen dira.

710
00:29:41,585 --> 00:29:44,160
Orain dezagun asmoa dut
hori egin ahal izateko bakarrik nahi

711
00:29:44,160 --> 00:29:50,072
ez zen zerbait barruan bada
bertan izokina atzeko modukoa izan da.

712
00:29:50,072 --> 00:29:52,280
Beraz, gogoratu, honek
izokina atzeko bat du,

713
00:29:52,280 --> 00:29:54,000
da klase nahiko delako.

714
00:29:54,000 --> 00:29:59,777
>> Baina hori bakarrik hoztu esan nahi dugu
zein bereziak, ez klasean klasean dira

715
00:29:59,777 --> 00:30:02,890
polita, mugako hori izan behar.

716
00:30:02,890 --> 00:30:12,549
Beno, zer egin dezakezu zuk
esan daiteke, .special, espazioa, .cool.

717
00:30:12,549 --> 00:30:15,590
Eta zer da hori egiten, noiz uste duzu
Horri buruz, da, funtsean esaten,

718
00:30:15,590 --> 00:30:19,530
OK, aurkituko me guztia
datorrenean hori berezia.

719
00:30:19,530 --> 00:30:24,104
Ondoren etiketa horiek barruan, aurkituko
hori cool dit dena.

720
00:30:24,104 --> 00:30:27,270
ALLISON BUCHHOLTZ-AU: Beraz, beste era
hori ona honi buruz pentsatzen izan daiteke,

721
00:30:27,270 --> 00:30:29,810
itzuli egingo C, da
besterik esparrua ideia bezala.

722
00:30:29,810 --> 00:30:34,020
Beraz, batzuk duzu
hautatzaileak, direnak bezala

723
00:30:34,020 --> 00:30:38,460
Nik dugun izan dira lan honen aurretik,
zure web osoa, zure HTML guztiak

724
00:30:38,460 --> 00:30:40,180
Zure esparruaren barruan badago, ezta?

725
00:30:40,180 --> 00:30:43,090
Baina horiek ditugu
guraso-haur harremanak,

726
00:30:43,090 --> 00:30:47,130
balitz bezala behera non estutzen ari da
Leku jakin batera bilatzen ari zaren,

727
00:30:47,130 --> 00:30:50,540
balitz bezala, bezala, barruan bilatzen ari gara
funtzio zehatz bat ordez

728
00:30:50,540 --> 00:30:52,007
gure fitxategi osoak.

729
00:30:52,007 --> 00:30:55,090
Ikusleak: Kontuan, So, litzateke
garrantzia dute, changed-- bagenu

730
00:30:55,090 --> 00:30:56,423
ALLISON BUCHHOLTZ-AU: ordenak?

731
00:30:56,423 --> 00:30:59,320
Ikusleak: --the CSS klase
, .cool espaziora, .special?

732
00:30:59,320 --> 00:31:01,153
ALLISON BUCHHOLTZ-AU:
Bai, ondoren, hori

733
00:31:01,153 --> 00:31:04,420
Esan, esparrua da litzateke
duela cool guztia,

734
00:31:04,420 --> 00:31:07,235
eta orduan zer bytes begiratu
Esan nahi dut, bezala, kasu honetan,

735
00:31:07,235 --> 00:31:08,860
Ez dut uste aldatu dute litzateke.

736
00:31:08,860 --> 00:31:10,318
>> TOMAS Reimers: esan zuen badugu, zer?

737
00:31:10,318 --> 00:31:10,906
Sentitzen dugu.

738
00:31:10,906 --> 00:31:12,660
>> ALLISON BUCHHOLTZ-AU: badiogu
esparrua hoztu eta gero

739
00:31:12,660 --> 00:31:14,550
begiratu gauza berezia daudelarik,
bera izango litzateke, benetan.

740
00:31:14,550 --> 00:31:16,260
>> TOMAS Reimers: Beraz, ez litzateke.

741
00:31:16,260 --> 00:31:16,590
>> ALLISON BUCHHOLTZ-AU: Ez litzateke?

742
00:31:16,590 --> 00:31:17,590
Oh, oh ondo.

743
00:31:17,590 --> 00:31:18,090
Oker nago.

744
00:31:18,090 --> 00:31:21,480
>> TOMAS Reimers: Beraz, arrazoia
akats ohikoa desberdina da

745
00:31:21,480 --> 00:31:27,140
dela oraintxe bakarrik
Esteka cool, ezta?

746
00:31:27,140 --> 00:31:32,176
Nire galdera asmatzen dut you guys da,
zer orrialde honetan dago .cool parekatzen?

747
00:31:32,176 --> 00:31:35,984

748
00:31:35,984 --> 00:31:38,340
Badira bi etiketa hemen, ezta?

749
00:31:38,340 --> 00:31:39,770
Zein da honen eta hau da.

750
00:31:39,770 --> 00:31:40,590
Biak cool datoz bat.

751
00:31:40,590 --> 00:31:42,200
Ezer ez gehiago.

752
00:31:42,200 --> 00:31:46,460
Beraz, esan baduzu, .cool, espazioa,
.special, zer zaren esan behar da joan,

753
00:31:46,460 --> 00:31:48,824
tags barruan, zer da berezia?

754
00:31:48,824 --> 00:31:49,865
ALLISON BUCHHOLTZ-AU: Hm.

755
00:31:49,865 --> 00:31:51,800
Hori zer hobeto esanda eskubidea.

756
00:31:51,800 --> 00:31:52,310
Besterik ez zerbait hemen bezala delako.

757
00:31:52,310 --> 00:31:53,310
>> TOMAS Reimers: Beraz, ez da ezer aukeratuko du.

758
00:31:53,310 --> 00:31:56,530
>> ALLISON BUCHHOLTZ-AU: berriz
bereziak, horiek tags hemen barruan gaude.

759
00:31:56,530 --> 00:31:57,971
>> TOMAS Reimers: dutenek eta horiek.

760
00:31:57,971 --> 00:31:58,512
Ikusleak: OK.

761
00:31:58,512 --> 00:31:58,920
Beraz, aurrera egin duen etiketa horiek barra?

762
00:31:58,920 --> 00:31:59,740
>> TOMAS Reimers: Bai.

763
00:31:59,740 --> 00:32:01,150
Ez duela zentzurik?

764
00:32:01,150 --> 00:32:03,685
Nola da funtsean
esparrua mugatu nahian.

765
00:32:03,685 --> 00:32:04,810
ALLISON BUCHHOLTZ-AU: Bai.

766
00:32:04,810 --> 00:32:06,870
Nik uste dut hori ziurrenik
modurik errazena da pentsatzen.

767
00:32:06,870 --> 00:32:09,270
>> TOMAS Reimers: Beraz, hau aurkitu dugu, eta
aurkitu dugu hau bai parekatzen bereziak.

768
00:32:09,270 --> 00:32:11,400
Eta gero, galdetzen ari gara barruan
mutil hauek, zer da cool?

769
00:32:11,400 --> 00:32:12,941
Eta hau, hau, cool barruan.

770
00:32:12,941 --> 00:32:14,500
Alde horren barruan, ez da ezer cool.

771
00:32:14,500 --> 00:32:16,250
Beraz, hau geratzen etiketa bakarra da.

772
00:32:16,250 --> 00:32:20,112
>> ALLISON BUCHHOLTZ-AU: Berriz cool
besterik bat etiketa hauek ez barruan dago.

773
00:32:20,112 --> 00:32:21,070
TOMAS Reimers: Zehazki.

774
00:32:21,070 --> 00:32:22,403
Eta zer berezi horiek barruan?

775
00:32:22,403 --> 00:32:22,930
Ezer ez.

776
00:32:22,930 --> 00:32:25,270
Orain, zer egingo diot
dago espazio ez,

777
00:32:25,270 --> 00:32:29,880
Zer da cool eta special-- galdetzen ari zaren
edo zer polita eta berezia da, ezta?

778
00:32:29,880 --> 00:32:35,370
Esaten baduzu .special.pretty, hori da
.pretty.special berdina.

779
00:32:35,370 --> 00:32:39,220
>> Zer espazioa kendu delako
eskatuz, noiz .special esan duzu,

780
00:32:39,220 --> 00:32:40,970
, galdetzen ari zaren OK,
zeintzuk dira berezia?

781
00:32:40,970 --> 00:32:43,780
Eta gero horiek, eta horrek
direnak ere nahiko dira,

782
00:32:43,780 --> 00:32:47,010
bertan bera da, gramatikalki,
galdetuz bezala, zer da polita,

783
00:32:47,010 --> 00:32:49,500
eta, ondoren, horiek, zer ere berezia?

784
00:32:49,500 --> 00:32:50,000
Eskuin?

785
00:32:50,000 --> 00:32:53,099
Aldea da
zer zer da barruan.

786
00:32:53,099 --> 00:32:53,640
Ikusleak: OK.

787
00:32:53,640 --> 00:32:54,473
TOMAS Reimers: Bai.

788
00:32:54,473 --> 00:32:56,670

789
00:32:56,670 --> 00:32:58,030
Awesome.

790
00:32:58,030 --> 00:33:00,426
Beraz, hau jakinda, orduan

791
00:33:00,426 --> 00:33:01,800
>> ALLISON BUCHHOLTZ-AU: gure azken uste dut
gauza da (FANCY British azentu IN)

792
00:33:01,800 --> 00:33:02,510
kutxa eredua.

793
00:33:02,510 --> 00:33:05,992
>> TOMAS Reimers: jakinarazi box-- [Chuckles]
Modu I love Allison esaten duen.

794
00:33:05,992 --> 00:33:06,950
Beraz kutxa eredua gauza.

795
00:33:06,950 --> 00:33:09,644
>> ALLISON BUCHHOLTZ-AU: Just dute
koadroa, zure kutxa eredua izango naiz.

796
00:33:09,644 --> 00:33:11,310
TOMAS Reimers: Hargatik hitz hori buruz.

797
00:33:11,310 --> 00:33:14,070
Beraz, oraintxe asko gastatu dugu
Denboraren Selectors buruz hitz egiten.

798
00:33:14,070 --> 00:33:16,944
Orain, you guys dira ziurrenik, bezala,
selectors-- badakizu maisu,

799
00:33:16,944 --> 00:33:21,510
nola zehazki hautatu eduki duten
zure pantailan manipulatu nahi duzun.

800
00:33:21,510 --> 00:33:24,740
>> Beraz, galdera da, nola
zehazki daiteke manipulatu duzu?

801
00:33:24,740 --> 00:33:27,010
Beraz oinarrizkoenak asmatzen dut
hori pentsatzen modu

802
00:33:27,010 --> 00:33:30,294
da, bai, zer
CSS elementu bat da?

803
00:33:30,294 --> 00:33:32,585
Denbora asko pasa dugu
buruz hitz egiten, zer etiketa bat da,

804
00:33:32,585 --> 00:33:36,140
edo zer da oinarrizkoenak
Etiketa bat ordezkaritza?

805
00:33:36,140 --> 00:33:39,870

806
00:33:39,870 --> 00:33:45,170
>> Pentsatu modu ona da
hau da, zer forma izokina da?

807
00:33:45,170 --> 00:33:47,295
Zer forma da, bezala,
izokin-koloreko atzealde?

808
00:33:47,295 --> 00:33:47,880
>> Ikusleak: laukizuzen bat da.

809
00:33:47,880 --> 00:33:49,040
>> TOMAS Reimers: laukizuzen bat da, ezta?

810
00:33:49,040 --> 00:33:50,956
>> ALLISON BUCHHOLTZ-AU:
Ez al zen trikimailu galdera bat.

811
00:33:50,956 --> 00:33:51,870
[Barreak]

812
00:33:51,870 --> 00:33:54,670
>> TOMAS Reimers: Not nahian
engainatu mutil honek berandu.

813
00:33:54,670 --> 00:33:57,510
Beraz, laukizuzena izan dugu.

814
00:33:57,510 --> 00:33:59,140
Eta Etiketa p bat da, ezta?

815
00:33:59,140 --> 00:34:02,280
Beraz, gurekin onak ematen
Sinesmen paragrafoa dagoela

816
00:34:02,280 --> 00:34:07,440
laukizuzen gisa irudikatzen, at
nabigatzailea adimena, gutxienez bertan

817
00:34:07,440 --> 00:34:08,715
hau da.

818
00:34:08,715 --> 00:34:11,423
>> ALLISON BUCHHOLTZ-AU: Esan nahi dut,
Nabigatzaile normalean angeluzuzena,

819
00:34:11,423 --> 00:34:13,440
beraz, zentzuzkoa da.

820
00:34:13,440 --> 00:34:18,750
>> TOMAS Reimers: Ideia hemen
CSS barruan etiketa guztietan dagoela

821
00:34:18,750 --> 00:34:21,790
dira laukizuzen bat bezala irudikatzen.

822
00:34:21,790 --> 00:34:25,699
Eta karratu bakoitzean lau ditu
zatiak CSS arabera, OK?

823
00:34:25,699 --> 00:34:27,830
Benetako edukia daukazu.

824
00:34:27,830 --> 00:34:29,644
Hori da, non testuaren datza.

825
00:34:29,644 --> 00:34:30,470
>> ALLISON BUCHHOLTZ-AU:
Agian zure argazkia.

826
00:34:30,470 --> 00:34:31,303
>> TOMAS Reimers: Bai.

827
00:34:31,303 --> 00:34:33,860
Padding daukazu, hau da,
besterik zuri espazio mota batzuk.

828
00:34:33,860 --> 00:34:35,085
Ondoren mugan bat duzu.

829
00:34:35,085 --> 00:34:37,710
Eta gero, marjina behar duzu, eta horrek
kanpo espazio zuria da.

830
00:34:37,710 --> 00:34:39,460
Beraz, ez du zentzurik
edonork, beraz gara

831
00:34:39,460 --> 00:34:42,500
Horretaz berba egin bigarren bat egingo da.

832
00:34:42,500 --> 00:34:47,570
Beraz, hemen, zer egin behar dugu joan
ez da ari gara DIV batzuk sortzeko, OK da?

833
00:34:47,570 --> 00:34:48,420
Barkatu, berriz, I

834
00:34:48,420 --> 00:34:51,506
>> ALLISON BUCHHOLTZ-AU: gustatzen sentitzen dut
cute irudi bat jarri behar dugu.

835
00:34:51,506 --> 00:34:52,520
>> TOMAS Reimers: behin betiko behar dugu.

836
00:34:52,520 --> 00:34:53,389
>> ALLISON BUCHHOLTZ-AU:
Denek bezala sentitzen dut

837
00:34:53,389 --> 00:34:54,870
a mesede egin diezaioke
cute argazki, da guztia.

838
00:34:54,870 --> 00:34:56,774
>> TOMAS Reimers: Ezin dugu
batetik a-- onura guztiak

839
00:34:56,774 --> 00:34:57,648
>> IKUSLEEN: Bai, ziur.

840
00:34:57,648 --> 00:34:58,790
TOMAS Reimers: OK, cool.

841
00:34:58,790 --> 00:35:02,254
Beraz cute bat jarri behar dugu
nonbait argazkia.

842
00:35:02,254 --> 00:35:05,295
ALLISON BUCHHOLTZ-AU: bat bezala sentitzen dut
cute bunny erabilgarri izan daiteke oraintxe.

843
00:35:05,295 --> 00:35:06,190
TOMAS Reimers: Sure.

844
00:35:06,190 --> 00:35:06,950
ALLISON BUCHHOLTZ-AU: aste bukaeran.

845
00:35:06,950 --> 00:35:07,390
Zerbait adorab--

846
00:35:07,390 --> 00:35:08,520
>> TOMAS Reimers: Nola kitten bout?

847
00:35:08,520 --> 00:35:09,220
>> ALLISON BUCHHOLTZ-AU:
Kitten bat lan egiten du, gehiegi.

848
00:35:09,220 --> 00:35:11,300
>> TOMAS Reimers: Cool, zeren
ez dagoela egiteko gune bat da.

849
00:35:11,300 --> 00:35:12,300
Honez PlaceKitten izeneko.

850
00:35:12,300 --> 00:35:14,719
ALLISON BUCHHOLTZ-AU: Hori handia.

851
00:35:14,719 --> 00:35:15,510
TOMAS Reimers: Bai.

852
00:35:15,510 --> 00:35:18,040
ALLISON BUCHHOLTZ-AU: Just for, bezala,
placeholder zure webgunean irudiak.

853
00:35:18,040 --> 00:35:18,914
TOMAS Reimers: mm-HM.

854
00:35:18,914 --> 00:35:21,520
Ez da, gainera PlacePuppy.

855
00:35:21,520 --> 00:35:22,832
Eta han PlaceBacon da.

856
00:35:22,832 --> 00:35:24,340
>> ALLISON BUCHHOLTZ-AU: PlaceBacon?

857
00:35:24,340 --> 00:35:25,350
Benetan?

858
00:35:25,350 --> 00:35:28,190
>> TOMAS Reimers: Oh, ez dugu
Interneterako sarbidea dute hemen.

859
00:35:28,190 --> 00:35:29,875
>> ALLISON BUCHHOLTZ-AU: [GROANS]

860
00:35:29,875 --> 00:35:30,375
Tragic.

861
00:35:30,375 --> 00:35:32,333
TOMAS Reimers: Bestela,
You guys erakutsi nahi dut

862
00:35:32,333 --> 00:35:33,870
irudiak nola jarri zure webgunean.

863
00:35:33,870 --> 00:35:36,370
Hau lortzen saiatzeko goaz
lan joan behar dugu aurretik.

864
00:35:36,370 --> 00:35:38,660
Baina, oraingoz, besterik ez gara
koloreak ere hitz egin ondoren joan.

865
00:35:38,660 --> 00:35:39,820
Kittens-- argazkiak jarri nahi dugu

866
00:35:39,820 --> 00:35:40,210
>> ALLISON BUCHHOLTZ-AU: egin genuen.

867
00:35:40,210 --> 00:35:43,110
>> TOMAS Reimers: internet --the en
oraingoz behera izatea.

868
00:35:43,110 --> 00:35:47,820
Beraz, bi DIV dugu, eta ari gara
Horietako bi ids emateko.

869
00:35:47,820 --> 00:35:51,380

870
00:35:51,380 --> 00:35:56,760
Deitu goaz
"Lehen" eta "bigarren".

871
00:35:56,760 --> 00:36:01,184
Beraz id = "lehen".

872
00:36:01,184 --> 00:36:02,850
Eta ari gara horiek bi kolore emateko.

873
00:36:02,850 --> 00:36:08,424
Beraz, nola ez zerbait aukeratu dugu
of "lehenengo" id batekin?

874
00:36:08,424 --> 00:36:09,840
ALLISON BUCHHOLTZ-AU: Dot edo hash?

875
00:36:09,840 --> 00:36:10,730
Ikusleak: Sharp.

876
00:36:10,730 --> 00:36:12,940
TOMAS Reimers: Sharp, perfektua.

877
00:36:12,940 --> 00:36:14,950
Sharp, hash, edozein dela ere badugu

878
00:36:14,950 --> 00:36:15,680
>> ALLISON BUCHHOLTZ-AU:
Gauza asko deitzeko.

879
00:36:15,680 --> 00:36:16,430
>> TOMAS Reimers: OK.

880
00:36:16,430 --> 00:36:19,800
Den hashtag finkatu goaz, eta
hori zer ari gara batera joango gara.

881
00:36:19,800 --> 00:36:20,300
OK?

882
00:36:20,300 --> 00:36:20,735
>> ALLISON BUCHHOLTZ-AU: Hashtag.

883
00:36:20,735 --> 00:36:22,340
>> TOMAS Reimers: Beraz hashtag lehen.

884
00:36:22,340 --> 00:36:24,506
>> ALLISON BUCHHOLTZ-AU: Beraz
mintegia egin txiokatzen dezakezu

885
00:36:24,506 --> 00:36:27,582
hashtag CSS, hashtag cool.

886
00:36:27,582 --> 00:36:29,040
TOMAS Reimers: Hashtag Awesomeness.

887
00:36:29,040 --> 00:36:30,730
ALLISON BUCHHOLTZ-AU:
Bai, Hashtag Awesomeness.

888
00:36:30,730 --> 00:36:31,480
TOMAS Reimers: OK.

889
00:36:31,480 --> 00:36:33,660
Beraz, "lehen" eta "bigarren".

890
00:36:33,660 --> 00:36:37,697
Beraz, lehenengo, izan goaz
atzeko kolore gorria.

891
00:36:37,697 --> 00:36:39,030
ALLISON BUCHHOLTZ-AU: Uh, bi puntu.

892
00:36:39,030 --> 00:36:40,281
TOMAS Reimers: Yup.

893
00:36:40,281 --> 00:36:42,281
ALLISON BUCHHOLTZ-AU:
Zure spot-checker izango naiz.

894
00:36:42,281 --> 00:36:43,960
TOMAS Reimers: Allison en got me.

895
00:36:43,960 --> 00:36:45,830
Blue-- Aurrekariak koloretan

896
00:36:45,830 --> 00:36:46,810
>> TOMAS Reimers: Purple!

897
00:36:46,810 --> 00:36:47,726
>> TOMAS Reimers: Purple.

898
00:36:47,726 --> 00:36:48,830
ALLISON BUCHHOLTZ-AU: Bai.

899
00:36:48,830 --> 00:36:50,630
Purple nire gogoko kolorea,
eta oraindik ez dugu erabiliko da.

900
00:36:50,630 --> 00:36:51,546
>> TOMAS Reimers: Violet.

901
00:36:51,546 --> 00:36:53,361
ALLISON BUCHHOLTZ-AU: Violet.

902
00:36:53,361 --> 00:36:53,860
Lan egiten duen.

903
00:36:53,860 --> 00:36:56,482

904
00:36:56,482 --> 00:36:59,880
>> TOMAS Reimers: Beraz gara
bi DIV izan da.

905
00:36:59,880 --> 00:37:01,654
Erabat hutsik egon ari dira.

906
00:37:01,654 --> 00:37:03,070
Ziurrenik testu batzuk izan behar ditugu.

907
00:37:03,070 --> 00:37:05,580

908
00:37:05,580 --> 00:37:09,815
Beraz, "lehen" izango da "Kaixo".

909
00:37:09,815 --> 00:37:10,940
Eta "bigarren" esango

910
00:37:10,940 --> 00:37:11,110
>> ALLISON BUCHHOLTZ-AU: Agurra.

911
00:37:11,110 --> 00:37:12,514
>> Ikusleak: - "MUNDUKO."

912
00:37:12,514 --> 00:37:14,122
Kaixo, agur.

913
00:37:14,122 --> 00:37:16,580
ALLISON BUCHHOLTZ-AU: ikusi nuen
Kontzertu horiek beste astean.

914
00:37:16,580 --> 00:37:17,705
TOMAS Reimers: Betagarri?

915
00:37:17,705 --> 00:37:20,242
ALLISON BUCHHOLTZ-AU: reals For.

916
00:37:20,242 --> 00:37:21,200
Oraindik ez dute handia dela.

917
00:37:21,200 --> 00:37:24,084

918
00:37:24,084 --> 00:37:24,750
Ez dut gogoko.

919
00:37:24,750 --> 00:37:26,060
>> TOMAS Reimers: Badugu
"Hello" eta "agur".

920
00:37:26,060 --> 00:37:29,102
Eta berriro ere, CSS besterik ez da awesome,
gure koloreak aitortzen delako.

921
00:37:29,102 --> 00:37:30,810
Ez da beharrezkoa, nahiz eta
kezkatu existitzen dutela.

922
00:37:30,810 --> 00:37:33,194
Dute zerikusia.

923
00:37:33,194 --> 00:37:35,130
>> ALLISON BUCHHOLTZ-AU: dute existitzen.

924
00:37:35,130 --> 00:37:39,560
>> TOMAS Reimers: Beraz CSS uste dut
255 hitzak kolore buruz hitz egiteko.

925
00:37:39,560 --> 00:37:42,986
Kanpotik duzu kolore bat pentsatu ahal bada
255 horiek, bezala, harrituta izango naiz.

926
00:37:42,986 --> 00:37:44,110
ALLISON BUCHHOLTZ-AU: Bai.

927
00:37:44,110 --> 00:37:45,560
You guys izan dezake, uste dut
besterik etorriko eskuinera ondoren.

928
00:37:45,560 --> 00:37:47,727
>> TOMAS Reimers: Beraz, hemen,
ikusiko duzu bi kutxak daukagu

929
00:37:47,727 --> 00:37:49,143
eskuineko beste bakoitzean, eskuin gainean?

930
00:37:49,143 --> 00:37:50,200
HELLO eta agurtuko.

931
00:37:50,200 --> 00:37:51,460
>> ALLISON BUCHHOLTZ-AU:
Badira arteko espazioa ez da.

932
00:37:51,460 --> 00:37:53,390
Zu besterik smooshed dute
bata bestearen gainean.

933
00:37:53,390 --> 00:37:55,973
>> TOMAS Reimers: Beraz, lehenengo gauza
Buruz hitz egin behar dugula uste dut

934
00:37:55,973 --> 00:38:02,960
da utzi ere esaten ren bai.

935
00:38:02,960 --> 00:38:08,020
Beraz CSS kutxak moduko gisa irudikatzen horiek.

936
00:38:08,020 --> 00:38:10,100
Eta kutxak bezala, eduki dute.

937
00:38:10,100 --> 00:38:14,540
Eta eduki oraintxe da Ordena
HELLO edo AGUR eta kito.

938
00:38:14,540 --> 00:38:15,040
OK?

939
00:38:15,040 --> 00:38:19,790
>> Beraz, lehenengo gauza bat duzu
egin ahal izango da padding gehitu ditzakezu.

940
00:38:19,790 --> 00:38:25,610
Padding dio espazioa zenbat
alde bakoitzean utzi beharko luke.

941
00:38:25,610 --> 00:38:29,200
Beraz, demagun esan nahi dut
Alde bakoitzean 10 pixel.

942
00:38:29,200 --> 00:38:31,234
Eta disekzionatu egingo dut bigarren batean.

943
00:38:31,234 --> 00:38:33,150
ALLISON BUCHHOLTZ-AU:
Gauza horiek guztiak hemen

944
00:38:33,150 --> 00:38:36,980
izango dira, batez ere, joan pixeletan
Mintegiaren osorako.

945
00:38:36,980 --> 00:38:40,980
Du ez duela ikusten ari zara
bezalako tarte, ezta?

946
00:38:40,980 --> 00:38:46,360
Beraz, zer ez duzula hemen ikusi da hor
padding moduko ikusezina

947
00:38:46,360 --> 00:38:49,600
alde bakoitzean, eta horrek dio, hala ere,
OK, zure content-- kutxa duzu

948
00:38:49,600 --> 00:38:51,680
>> ALLISON BUCHHOLTZ-AU: Egin nahi duzu
besterik tira ikuskatu elementua?

949
00:38:51,680 --> 00:38:53,659
>> TOMAS Reimers: Bai, hori ideia ona da.

950
00:38:53,659 --> 00:38:56,700
ALLISON BUCHHOLTZ-AU: Era berean, aurkitu dut
ikuskatu elementua duten modu ona da

951
00:38:56,700 --> 00:39:01,280
irudikatu nahi zerbait bada joan
oker, zerbait ustekabeko gertatzen den,

952
00:39:01,280 --> 00:39:04,570
tags ikuskatzen eta ikusten zer
bezalako overwritten lagungarria da da.

953
00:39:04,570 --> 00:39:05,940
>> TOMAS Reimers: Beraz, ez nago ziur
you guys kolore hau ikus daiteke.

954
00:39:05,940 --> 00:39:06,470
Can duzu?

955
00:39:06,470 --> 00:39:10,120
Ikusiko duzu padding honetan
ertzean moduko gainean.

956
00:39:10,120 --> 00:39:13,410
Eta gero, benetako ikusten duzu
Urdinez eduki, ezta?

957
00:39:13,410 --> 00:39:16,820
Beraz, hori oso
kutxa eredua oinarriak.

958
00:39:16,820 --> 00:39:17,674
Eduki behar duzu.

959
00:39:17,674 --> 00:39:18,590
Ondoren padding duzu.

960
00:39:18,590 --> 00:39:20,440
>> IKUSLEEN: Zergatik ez duzu besterik
-etxe barrutik kutxa erabili

961
00:39:20,440 --> 00:39:21,606
>> ALLISON BUCHHOLTZ-AU: Eskuin.

962
00:39:21,606 --> 00:39:24,745
Besterik hautatzen delako
elementua oraintxe.

963
00:39:24,745 --> 00:39:26,050
>> TOMAS Reimers: Yup.

964
00:39:26,050 --> 00:39:27,060
Beste gauza.

965
00:39:27,060 --> 00:39:29,780
Hargatik hitz hori buruz
padding komando bigarren bat.

966
00:39:29,780 --> 00:39:36,380
Beraz CSS, neurketetan
Behar unitate bat izatea.

967
00:39:36,380 --> 00:39:39,740
Beraz, lehenengo zenbatekoa duzu.

968
00:39:39,740 --> 00:39:41,460
Beraz, kasu honetan, esan dugu 10.

969
00:39:41,460 --> 00:39:44,780
Eta gero, hurrengo bat
dugu esan pixel, px da.

970
00:39:44,780 --> 00:39:49,160
Izan ditzakezu Beste direnak dira
zentimetro, hazbeteko bezalako gauzak.

971
00:39:49,160 --> 00:39:51,367
Honakoa egin dezakezu gauzak gustatzen,
zer da 10 hazbeteko?

972
00:39:51,367 --> 00:39:52,700
Eta barregarria izango da.

973
00:39:52,700 --> 00:39:52,990
>> ALLISON BUCHHOLTZ-AU: Oh, mutil.

974
00:39:52,990 --> 00:39:53,460
>> Ikusleak: Tira.

975
00:39:53,460 --> 00:39:54,460
>> TOMAS ETA ALLISON: Bai.

976
00:39:54,460 --> 00:39:57,840
TOMAS Reimers: Beraz, padding guztiak.

977
00:39:57,840 --> 00:39:59,255
Atzera joan pixel noa.

978
00:39:59,255 --> 00:40:01,754
>> ALLISON BUCHHOLTZ-AU: pixelak
joera, izan, atsegin estandarra.

979
00:40:01,754 --> 00:40:04,589
Noiz begiratu webgune asko duzu,
gehienbat dute pixel batean lan egiteko.

980
00:40:04,589 --> 00:40:07,755
TOMAS Reimers: Beraz zu ikusteko dut
bai pixels-- ikusten duzu beste batzuk

981
00:40:07,755 --> 00:40:13,952
da em, hau da em da
letra-altuera berdina

982
00:40:13,952 --> 00:40:15,160
, orain erabiltzen ari zaren.

983
00:40:15,160 --> 00:40:16,201
>> ALLISON BUCHHOLTZ-AU: Mm.

984
00:40:16,201 --> 00:40:17,574

985
00:40:17,574 --> 00:40:20,740
TOMAS Reimers: modu ona da esatea,
bezala, askoz espazioa nire letra-nahi dut

986
00:40:20,740 --> 00:40:21,514
hartzen da.

987
00:40:21,514 --> 00:40:23,180
ALLISON BUCHHOLTZ-AU: Ez da ezagutzen.

988
00:40:23,180 --> 00:40:25,747
Egunero zerbait berria ikasten duzu.

989
00:40:25,747 --> 00:40:27,955
TOMAS Reimers: Badira bat
CS neurketak asko.

990
00:40:27,955 --> 00:40:29,260
Horiek begiratzen up proposatzen dut.

991
00:40:29,260 --> 00:40:32,122
Zure kasu guztietarako, uste dut
pixel nahikoa izaten da.

992
00:40:32,122 --> 00:40:33,830
Eta aldi berean ari dira zer
den ikusteko zaren

993
00:40:33,830 --> 00:40:36,520
Adibide gehienak online egin ere.

994
00:40:36,520 --> 00:40:38,320
Beraz dugu utziko pixel at.

995
00:40:38,320 --> 00:40:42,420
>> Ere egin dezakezu, beraz, esaten behar dut
padding multzo bigungarria guztiak.

996
00:40:42,420 --> 00:40:49,789
Ere zerbait egin ditzakezu;
"Padding-top" besterik set-- ra

997
00:40:49,789 --> 00:40:52,080
ALLISON BUCHHOLTZ-AU: Beharbada
Gure "HELLO" lortu dugu.

998
00:40:52,080 --> 00:40:55,480
TOMAS Reimers: --to besterik ezarri du
padding goian eta kito orrian.

999
00:40:55,480 --> 00:40:59,560
Beraz, lau komandoak padding-top dira,
padding-behean, padding-ezker,

1000
00:40:59,560 --> 00:41:00,310
eta betegarria-eskuin.

1001
00:41:00,310 --> 00:41:02,470
>> ALLISON BUCHHOLTZ-AU: Just like
koadro bat espero.

1002
00:41:02,470 --> 00:41:03,530
>> TOMAS Reimers: Bai.

1003
00:41:03,530 --> 00:41:05,240
Ezer ez da gehiegi crazy han.

1004
00:41:05,240 --> 00:41:08,230
Ez duela zentzurik?

1005
00:41:08,230 --> 00:41:11,990
Beraz, padding da.

1006
00:41:11,990 --> 00:41:14,110
Guztiak ezarri noa
bigungarria 10 itzuli.

1007
00:41:14,110 --> 00:41:17,010
Eta ondoren, naiz mugitu mugatik joan.

1008
00:41:17,010 --> 00:41:21,130
>> Beraz, zer mugan dago
mugan bitxi komando bat.

1009
00:41:21,130 --> 00:41:24,450
Hiru gauza moduko izaten ditu aldi berean.

1010
00:41:24,450 --> 00:41:28,930
Beraz lehena da zein handia duzu
Nahi neurri gisa izango da.

1011
00:41:28,930 --> 00:41:30,662
Berriz ere, soilik dut pixel erabiliz.

1012
00:41:30,662 --> 00:41:32,620
Eta azken gauza I
gehitu behar neurketak

1013
00:41:32,620 --> 00:41:35,270
Gauza bat da bertan
ez du unitate bat behar da 0.

1014
00:41:35,270 --> 00:41:37,390
Da benetan okerra
0 emateko unitatea,

1015
00:41:37,390 --> 00:41:41,940
0 0 hazbeteko zehar delako,
pixel, zentimetro, edozein.

1016
00:41:41,940 --> 00:41:43,960
It guztiak esan nahi du, besterik gabe, 0 da, ezta?

1017
00:41:43,960 --> 00:41:46,710
Beraz, lehenengo da neurketa ematen dizu.

1018
00:41:46,710 --> 00:41:48,650
>> Ondoren, estilo ematen dizute.

1019
00:41:48,650 --> 00:41:49,869
Beraz, ez dut esan nahi du "ona".

1020
00:41:49,869 --> 00:41:51,410
Eta egingo zer esan nahi duen hitz egiten dugu.

1021
00:41:51,410 --> 00:41:54,290
Eta gero, azkenik, kolore bat emango dizu.

1022
00:41:54,290 --> 00:41:56,850
Beraz, ez dut esan du "beltza".

1023
00:41:56,850 --> 00:41:59,637
Eta horiek dira dugu gauza guztiak
orain arte ikusi, estiloa izan ezik,

1024
00:41:59,637 --> 00:42:00,720
baina egingo dela buruz hitz egingo dugu.

1025
00:42:00,720 --> 00:42:04,120
Beraz neurketak guys ikusi dute,
eta koloreak ikusten duzun.

1026
00:42:04,120 --> 00:42:10,410
Eta zer gertatzen da hau lortuko dugu
bere inguruan nice ertz beltz, ezta?

1027
00:42:10,410 --> 00:42:11,620
Zaudete ikusten nola egin dugu?

1028
00:42:11,620 --> 00:42:12,760
>> IKUSLEEN: Bai.

1029
00:42:12,760 --> 00:42:14,850
>> TOMAS Reimers: Cool.

1030
00:42:14,850 --> 00:42:17,370
Beraz, zer da hori?

1031
00:42:17,370 --> 00:42:19,160
Beraz, lehenik eta, pixel bat da.

1032
00:42:19,160 --> 00:42:20,880
Hori da auto-agerikoa da nahikoa, ezta?

1033
00:42:20,880 --> 00:42:23,254
Atsegin dut, pixel bat lodi da.

1034
00:42:23,254 --> 00:42:26,170
Edo pixel bat izango litzateke, baina ez dut
handitutako, beraz, pixka bat gehiago da

1035
00:42:26,170 --> 00:42:26,490
Hori baino.

1036
00:42:26,490 --> 00:42:27,967
>> ALLISON BUCHHOLTZ-AU: Eta hemengo
barregarria bereizmen TV honetan.

1037
00:42:27,967 --> 00:42:29,460
>> TOMAS Reimers: Bai.

1038
00:42:29,460 --> 00:42:33,640
Handiago egiteko ahal izango duzu,
txikiagoak, edozein.

1039
00:42:33,640 --> 00:42:35,630
Beraz, hemen bi-pixel mugan bat da.

1040
00:42:35,630 --> 00:42:38,810
Ikusiko duzu birritan da lodi gisa.

1041
00:42:38,810 --> 00:42:40,172
Duzu Hurrengoa gauza kolorea da.

1042
00:42:40,172 --> 00:42:41,130
Hori ez da interesgarria.

1043
00:42:41,130 --> 00:42:42,710
Ez dut hitz egingo
Horri buruz, benetan.

1044
00:42:42,710 --> 00:42:45,110
>> ALLISON BUCHHOLTZ-AU: Baina estiloa
besterik gabe, apur bat interesgarria izan daiteke.

1045
00:42:45,110 --> 00:42:45,980
>> TOMAS Reimers: Bai.

1046
00:42:45,980 --> 00:42:48,560
Beraz, estilo, badaude batzuk ere bai
I erabili ohi ikusi.

1047
00:42:48,560 --> 00:42:55,690
Lehen norberaren solidoa, batek hurrengo
han-hemenka, eta norberaren azken marratxodun.

1048
00:42:55,690 --> 00:42:59,290
Eta hemen zipriztindua.

1049
00:42:59,290 --> 00:43:02,980
Ikusiko duzu eta ari dira,
puntu sorta bat, ezta?

1050
00:43:02,980 --> 00:43:09,030
A modu ona lortzeko moduko mugan polit bat
joan, marrak nahiko popular ere daude.

1051
00:43:09,030 --> 00:43:11,580

1052
00:43:11,580 --> 00:43:13,600
>> ALLISON BUCHHOLTZ-AU:
Eta gero, jakina, ez naiz

1053
00:43:13,600 --> 00:43:16,660
ziur daude ugari beste
estilo hori eskuratu ahal izango duzu.

1054
00:43:16,660 --> 00:43:20,000
Eta multzo handia dugu
zaudete amaieran loturak

1055
00:43:20,000 --> 00:43:23,470
mota horretako peruse eta
gehiago cool CSS begiratu.

1056
00:43:23,470 --> 00:43:25,954
>> TOMAS Reimers: Eta gero
azken gauza, ez gara

1057
00:43:25,954 --> 00:43:27,870
to buruz hitz egingo
kutxa ereduak benetako azkar.

1058
00:43:27,870 --> 00:43:30,070
Oh, eta, ondoren, mugan,
zehazki padding bezala,

1059
00:43:30,070 --> 00:43:33,270
ere izan dezakezu bezalako gauzak
border-ezker, border-eskuin, ertz-top,

1060
00:43:33,270 --> 00:43:37,590
border-behean, baimendu duzu
Mugan jakin batean lortzeko.

1061
00:43:37,590 --> 00:43:40,650
Beraz, hemen besterik mugan geratzen definitutako dago.

1062
00:43:40,650 --> 00:43:43,060
Ba al du zentzua?

1063
00:43:43,060 --> 00:43:46,170
>> ALLISON BUCHHOLTZ-AU: cool bat da
gauzak nabarmentzeko edo gehitu

1064
00:43:46,170 --> 00:43:47,545
elementu desberdinen arteko lerroak.

1065
00:43:47,545 --> 00:43:48,670
TOMAS Reimers: Absolutely.

1066
00:43:48,670 --> 00:43:50,940
Beraz, gure mugan dago.

1067
00:43:50,940 --> 00:43:52,790
Eta norberaren azken marjina.

1068
00:43:52,790 --> 00:43:55,892
Margin en bezala padding
izan ezik, ez da within--

1069
00:43:55,892 --> 00:43:57,975
ALLISON BUCHHOLTZ-AU: Da
Zure elementua inguruan ez

1070
00:43:57,975 --> 00:44:00,840
baina osoa inguruan benetan
kutxa garela ikusten ditudan.

1071
00:44:00,840 --> 00:44:02,770
>> TOMAS Reimers: Bai.

1072
00:44:02,770 --> 00:44:04,090
Allison primeran esan.

1073
00:44:04,090 --> 00:44:07,550
Ez da, bezala, zure barruan
elementu, koadro osoa inguratzen da.

1074
00:44:07,550 --> 00:44:10,900
Horrelako gauzak esan
atzealde ez da aplikatuko.

1075
00:44:10,900 --> 00:44:13,550
Eta, batez ere, esaten du
bezala, ez dut ezer nahi

1076
00:44:13,550 --> 00:44:15,230
Niretzat askoz espazio honetan.

1077
00:44:15,230 --> 00:44:17,470
Beraz, hemen bezala daukagun
10 pixel marjina.

1078
00:44:17,470 --> 00:44:23,100
Beraz, ez da ezer 10 pixel barruan
me ondoan izan behar du.

1079
00:44:23,100 --> 00:44:26,210
Hori moduko bere
Espazio baina mota ez.

1080
00:44:26,210 --> 00:44:29,215
Beraz, hori oso
kutxa eredua oinarriak.

1081
00:44:29,215 --> 00:44:30,090
Ez duela zentzurik?

1082
00:44:30,090 --> 00:44:33,830

1083
00:44:33,830 --> 00:44:34,550
Cool, cool.

1084
00:44:34,550 --> 00:44:35,800
ALLISON BUCHHOLTZ-AU: Awesome.

1085
00:44:35,800 --> 00:44:37,890
Beraz, orain dugu uste dut besterik
Gure baliabideak cool dute

1086
00:44:37,890 --> 00:44:41,220
mutilak gara hartu duzu
Oso azkar bidez.

1087
00:44:41,220 --> 00:44:44,815
Eta ondo, egia esan dugu,
ez internet dugula oraindik?

1088
00:44:44,815 --> 00:44:47,860
>> TOMAS Reimers: Dezagun
ikusten dut up-- ireki bada

1089
00:44:47,860 --> 00:44:50,040
let me ikusi besterik ez badut
internet azkar lor daiteke

1090
00:44:50,040 --> 00:44:53,317
Allison ezer azaltzen digu
Allison buruz hitz egin nahi du.

1091
00:44:53,317 --> 00:44:55,150
ALLISON BUCHHOLTZ-AU:
Beraz, funtsean ez dut

1092
00:44:55,150 --> 00:44:57,930
Badakizu zer gehiago puntu honetan esan dezaket.

1093
00:44:57,930 --> 00:45:01,340
Zenbait Baina horiek
baliabide benetan ona.

1094
00:45:01,340 --> 00:45:04,629
Hauek direnak direla
Tomas eta erabili dut

1095
00:45:04,629 --> 00:45:06,420
eta egia esan dugun
Elementu honentzat Prep erabiltzen.

1096
00:45:06,420 --> 00:45:09,940
W3Schools bat duzula
mutilak aurretik ikusi behar.

1097
00:45:09,940 --> 00:45:12,440
Gomendatzen dugu batentzat
CSS gauza asko.

1098
00:45:12,440 --> 00:45:15,060
Badakit I gomendatuko
Nire atal denbora guztian.

1099
00:45:15,060 --> 00:45:21,050
>> Gauza handia bat egiten dela
aukera ematen dizu CSS nahastea mota

1100
00:45:21,050 --> 00:45:23,830
eta ikusi aldaketak
berehala honetan,

1101
00:45:23,830 --> 00:45:25,920
bezala, bi leiho Ikusteko duela.

1102
00:45:25,920 --> 00:45:29,980
Beraz, ez duzu kezkatu
Zeure web orri ezartzeko,

1103
00:45:29,980 --> 00:45:33,090
edo ostalari konfiguratzeko zure
Tresnaren tokiko eta tokiko ostalari,

1104
00:45:33,090 --> 00:45:34,980
eta gauzak lan hori guztia lortzean.

1105
00:45:34,980 --> 00:45:36,830
Da barneratua orriaren barruan eskuinera.

1106
00:45:36,830 --> 00:45:39,042
>> Eta apur horiek ditu
ikasgai ahal duzun

1107
00:45:39,042 --> 00:45:40,750
joan bidez ikasteko
Selectors buruz gehiago,

1108
00:45:40,750 --> 00:45:44,610
edo manipulatzeko buruz ikasteko zure
letra-tipoa, edo atzeko bat, edo irudi bat.

1109
00:45:44,610 --> 00:45:46,990
Eta horiek behar duzu
emaitzak berehalako duzula

1110
00:45:46,990 --> 00:45:49,310
ez dute inolako egin
PReP beste lan.

1111
00:45:49,310 --> 00:45:51,060
Beraz, I love W3Schools.

1112
00:45:51,060 --> 00:45:51,960
It primerako da.

1113
00:45:51,960 --> 00:45:52,670
Da lan?

1114
00:45:52,670 --> 00:45:52,950
>> TOMAS Reimers: Bai.

1115
00:45:52,950 --> 00:45:53,720
Ez, ez da.

1116
00:45:53,720 --> 00:45:55,636
Ez saiatu nahi duzu
eta berrabiarazi nire ordenagailuan?

1117
00:45:55,636 --> 00:45:56,410
Edo ez egun nahi dugu

1118
00:45:56,410 --> 00:46:01,490
>> ALLISON BUCHHOLTZ-AU: Esan nahi dut,
bai, hau ere izango konektatuta.

1119
00:46:01,490 --> 00:46:02,740
Diapositibak guztiak online izango da.

1120
00:46:02,740 --> 00:46:05,470
Beraz, besterik gabe gomendatzen dut horiek egiten.

1121
00:46:05,470 --> 00:46:07,880
>> Hau handia bezain
Cheat orri bat bezala.

1122
00:46:07,880 --> 00:46:10,690
Besterik ez oinarrizko guztien It
komandoak duzula.

1123
00:46:10,690 --> 00:46:13,070
Handia da zaudenean lehen
ez hasi zure webgunean.

1124
00:46:13,070 --> 00:46:15,080
Agian ez duzu delako
den guztia sartu nahi

1125
00:46:15,080 --> 00:46:17,355
benetako nitty gritty
diseinu-heavy stuff.

1126
00:46:17,355 --> 00:46:20,230
Besterik formateatu modu bat behar duzu
duten mota horretako zentzua eta borondatea

1127
00:46:20,230 --> 00:46:21,490
momentuz egin.

1128
00:46:21,490 --> 00:46:23,580
Eta zuk benetan nahi izanez gero
bertara sartu, badakit

1129
00:46:23,580 --> 00:46:27,240
hau da, bezala, bat
Tomas gogokoena erreferentziak.

1130
00:46:27,240 --> 00:46:30,130
Hura erabiltzen ari gara,
PReP, eta primerako da.

1131
00:46:30,130 --> 00:46:33,030
Mozillaren garatzailea da.

1132
00:46:33,030 --> 00:46:36,490
>> TOMAS Reimers: Beraz Mozilla dira
pertsonak egiten du Firefox.

1133
00:46:36,490 --> 00:46:40,290
Eta beren sustatzailearen egin besterik ez da
erreferentzia, eta horrek nire ustez awesome.

1134
00:46:40,290 --> 00:46:44,870
Eta zoragarria dauka
baliabideen zerrenda.

1135
00:46:44,870 --> 00:46:45,530
Beraz egun ditugun

1136
00:46:45,530 --> 00:46:48,060
>> ALLISON BUCHHOLTZ-AU:
Eta gero, azken nota da

1137
00:46:48,060 --> 00:46:50,120
saiatzen ari zaren denean
Zure web diseinatzeko,

1138
00:46:50,120 --> 00:46:53,550
Gauza inspirazio marrazteko
uste duzu direla nahiko.

1139
00:46:53,550 --> 00:46:56,340
Elementua aztertzeak,
iturburu-kodea ikuskatzeko

1140
00:46:56,340 --> 00:46:59,370
super lagungarria izan daiteke
irudikatu nahian

1141
00:46:59,370 --> 00:47:02,080
Egin zure web nola style.

1142
00:47:02,080 --> 00:47:04,540
>> Askotan, onena bezala sentitzen dut
horrela, esperimentazioa, gainera,

1143
00:47:04,540 --> 00:47:06,290
besterik ez da begiratzen
hori nahiko dira gauzak.

1144
00:47:06,290 --> 00:47:09,810
Aurkitu dut da benetan gogorra besterik ez
motatako gauzak diseinatzen zure kabuz,

1145
00:47:09,810 --> 00:47:11,090
batez ere hasieran.

1146
00:47:11,090 --> 00:47:14,740
Beraz, mesedez, begiratu webgune
begira gozatzen duzula.

1147
00:47:14,740 --> 00:47:16,880
Irudikatu zer egiten
erakargarria dituzu.

1148
00:47:16,880 --> 00:47:19,170
Eta gero sentitzen free
saiatu eta errepikatzeko.

1149
00:47:19,170 --> 00:47:20,410
>> TOMAS Reimers: Eskuin.

1150
00:47:20,410 --> 00:47:23,120
Webgune bezalako Nahiz
hau bezalako, ikusi ahal izango duzu

1151
00:47:23,120 --> 00:47:25,460
ez da, zalantzarik goialdean div bat.

1152
00:47:25,460 --> 00:47:29,920
Eta gero barruan div beste duzu
hemen, CSS Awesomeness da.

1153
00:47:29,920 --> 00:47:32,480
Eta gero loturen sorta bat duzu hemen.

1154
00:47:32,480 --> 00:47:34,770
Benetan besterik ez, ikuskatu bada
elementuak, ordenatzeko dezakezu

1155
00:47:34,770 --> 00:47:38,520
hasteko, zer egin webguneak ikusteko
itxura, eta nola egin dezaket dut

1156
00:47:38,520 --> 00:47:40,493
birsortzeko duten nahi izanez gero.

1157
00:47:40,493 --> 00:47:41,890
Ez duela zentzurik?

1158
00:47:41,890 --> 00:47:43,670
Beraz, hiru minutu geratzen besterik ez dugu.

1159
00:47:43,670 --> 00:47:46,380
Beraz, galdera?

1160
00:47:46,380 --> 00:47:47,650
Horietako edozein?

1161
00:47:47,650 --> 00:47:48,350
Bai.

1162
00:47:48,350 --> 00:47:50,780
>> Ikusleak: kolorea da
rectangle, nola egiten duzun

1163
00:47:50,780 --> 00:47:53,499
baldin ez baduzu nahi da
orri osoa igaro liteke

1164
00:47:53,499 --> 00:47:56,400
Egin dituzun bakarrik zeharkatuz joan
orriaren erdia edo testua besterik?

1165
00:47:56,400 --> 00:47:59,660
>> TOMAS Reimers: Bai, erabat.

1166
00:47:59,660 --> 00:48:02,780
Beraz ikus dezagun egia esan.

1167
00:48:02,780 --> 00:48:04,670
Bi ideia daukat.

1168
00:48:04,670 --> 00:48:07,265
Beraz, lehenik eta, zuk
halaber portzentaiak erabili ahal izango.

1169
00:48:07,265 --> 00:48:08,140
>> IKUSLEEN: Benetan?

1170
00:48:08,140 --> 00:48:11,260
>> ALLISON BUCHHOLTZ-AU: Beraz, zerbait
bilatuko kokatzea erlatiboa da.

1171
00:48:11,260 --> 00:48:13,385
Zerbait da, guk
ez iritsi sartu astirik,

1172
00:48:13,385 --> 00:48:16,392
baina zerbait dut betiko
egiaztapena you guys gomendatzen.

1173
00:48:16,392 --> 00:48:17,580
>> TOMAS Reimers: Beraz portzentaiak.

1174
00:48:17,580 --> 00:48:21,524
Eta ikusi nola egin genuen
zabalera% 50 besterik ez da?

1175
00:48:21,524 --> 00:48:24,190
ALLISON BUCHHOLTZ-AU: badituzu
benetan pixel kopurua ezagutzen,

1176
00:48:24,190 --> 00:48:25,780
zehazkiago dezakezu horrela.

1177
00:48:25,780 --> 00:48:27,200
Inguruan fiddle dezakezu berarekin.

1178
00:48:27,200 --> 00:48:27,700
Baina% 50.

1179
00:48:27,700 --> 00:48:31,970
Gure nabigatzailean tamainaz aldatu bagenu,
txikiagotu litzateke.

1180
00:48:31,970 --> 00:48:35,250
>> TOMAS Reimers: Beno,
funtsean% 50 oraintxe, uste dut.

1181
00:48:35,250 --> 00:48:38,820
% 50 da, eta, ondoren, marjina
Izan da gehitu.

1182
00:48:38,820 --> 00:48:40,100
CSS quirks asko ditu.

1183
00:48:40,100 --> 00:48:43,195
Beraz, oraintxe da hau
Orrialdearen zabalera% 50.

1184
00:48:43,195 --> 00:48:46,860
Baina gogoan izan 10 duzula
pixel kendu alde bakoitzean.

1185
00:48:46,860 --> 00:48:49,700
Beraz ziren kontra dagoela imajinatzen baduzu
Ezkerretik nabigatzailea ertzean,

1186
00:48:49,700 --> 00:48:51,550
orduan% 50 bezala bilatuko litzateke.

1187
00:48:51,550 --> 00:48:53,884
Berriz ere, esan bezala, CSS, ahal
etxebizitza-eta-check asko izango.

1188
00:48:53,884 --> 00:48:56,049
Atsegin dut, uste duzu zerbait
Modu batera portatzen da joan,

1189
00:48:56,049 --> 00:48:57,805
baina erabat beste modu batean jokatzen du.

1190
00:48:57,805 --> 00:48:59,420
>> ALLISON BUCHHOLTZ-AU:
Eta besterik ez duzu smarter,

1191
00:48:59,420 --> 00:49:02,020
eta besterik ez duzu hobea
da intuizio batera mugitu ahala.

1192
00:49:02,020 --> 00:49:02,730
>> TOMAS Reimers: Eta
okerragoa eta okerragoa lortzen.

1193
00:49:02,730 --> 00:49:03,496
Beraz, benetan da lasterketa bat.

1194
00:49:03,496 --> 00:49:05,454
>> ALLISON BUCHHOLTZ-AU:
Hori da, super pozgarria.

1195
00:49:05,454 --> 00:49:07,070
CSS gustatzen horiek nahi dugu.

1196
00:49:07,070 --> 00:49:08,810
>> TOMAS Reimers: CSS awesome.

1197
00:49:08,810 --> 00:49:10,354
Gogoan izan.

1198
00:49:10,354 --> 00:49:11,020
Beste galdera?

1199
00:49:11,020 --> 00:49:14,297
>> ALLISON BUCHHOLTZ-AU: Gauza bat.

1200
00:49:14,297 --> 00:49:14,880
Beste ezer?

1201
00:49:14,880 --> 00:49:15,140
Cool.

1202
00:49:15,140 --> 00:49:15,690
>> TOMAS Reimers: Awesome.

1203
00:49:15,690 --> 00:49:18,523
>> ALLISON BUCHHOLTZ-AU: Beno, baduzu
guys edozein zalantza geroago,

1204
00:49:18,523 --> 00:49:20,919
ohiko bakoitzeko eskuragarri beti gaude.

1205
00:49:20,919 --> 00:49:22,960
Baliteke zuk batzuk ikusi
digu azken proiektu

1206
00:49:22,960 --> 00:49:24,280
eta hackathon at betiko.

1207
00:49:24,280 --> 00:49:25,200
>> TOMAS Reimers: Absolutely.

1208
00:49:25,200 --> 00:49:25,720
Eta azokan.

1209
00:49:25,720 --> 00:49:26,560
>> ALLISON BUCHHOLTZ-AU: Eta azokan.

1210
00:49:26,560 --> 00:49:26,840
Oh.

1211
00:49:26,840 --> 00:49:28,130
>> TOMAS Reimers: Aurrera begiratu nahi
Zure awesome-- guztia ikusita

1212
00:49:28,130 --> 00:49:29,420
>> ALLISON BUCHHOLTZ-AU: Ikusiko dugu
zure awesome webgune guztiak

1213
00:49:29,420 --> 00:49:30,572
ederra izango da.

1214
00:49:30,572 --> 00:49:32,780
TOMAS Reimers: Beti izango duzu
ikusi, bezala, web orrialdeak

1215
00:49:32,780 --> 00:49:36,234
nor izan, bezala, CSS ona eta gero
ez zuten saiatu CSS egin bezala.

1216
00:49:36,234 --> 00:49:39,150
ALLISON BUCHHOLTZ-AU: Era berean, beste
gauza, gauza bat gehiago begiratu sartu

1217
00:49:39,150 --> 00:49:40,445
Bootstrapping da.

1218
00:49:40,445 --> 00:49:41,805
Beraz Bootstrap handia da.

1219
00:49:41,805 --> 00:49:42,240
>> TOMAS Reimers: Googlek zuk bada

1220
00:49:42,240 --> 00:49:43,573
>> ALLISON BUCHHOLTZ-AU: Google da.

1221
00:49:43,573 --> 00:49:44,340
It primerako da.

1222
00:49:44,340 --> 00:49:45,620
Love it duzu.

1223
00:49:45,620 --> 00:49:48,000
Eta orain bat duzula
CSS ulertzeko oinarrizko,

1224
00:49:48,000 --> 00:49:50,340
zentzu askoz gehiago egingo du.

1225
00:49:50,340 --> 00:49:50,890
Awesome.

1226
00:49:50,890 --> 00:49:51,480
Eskerrik asko, mutilak.

1227
00:49:51,480 --> 00:49:53,330
>> TOMAS Reimers: Eskerrik asko hainbeste.

1228
00:49:53,330 --> 00:49:54,219