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

2
00:00:00,500 --> 00:00:04,500
>> [Musiikki soi]

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

4
00:00:10,099 --> 00:00:12,224
ALLISON Buchholtz-AU: Niin
me pohjimmiltaan juuri menossa

5
00:00:12,224 --> 00:00:14,629
antaa sinulle pilaantunut
CSS, koska me tiedämme,

6
00:00:14,629 --> 00:00:16,420
että se ei kata
kaikki kohdat.

7
00:00:16,420 --> 00:00:20,090
Ja me todella haluamme varmistaa, että olet
kaverit on tämä työkalu käytettävissänne,

8
00:00:20,090 --> 00:00:24,790
koska sillä on kyky tehdä
sivustot näyttävät paljon kauniimpi.

9
00:00:24,790 --> 00:00:28,660
>> Ja jos olet rakentaa verkkosivuilla, sitten
todennäköisesti haluat tehdä sen melko.

10
00:00:28,660 --> 00:00:31,372
Tarkoitan, sinun ei tarvitse,
mutta Haluan ehdottaa sitä. [Nauraa]

11
00:00:31,372 --> 00:00:35,430
Jos haluat, että käyttäjät käyttää sitä, saatat
haluavat tehdä siitä hieman [kuultavissa].

12
00:00:35,430 --> 00:00:39,130
Joten aiomme yrittää antaa sinulle juuri
joitakin perustyökalut ja ymmärrystä,

13
00:00:39,130 --> 00:00:42,340
niin, että kun menet ulos ja olet
tutkimiseen asioita CSS,

14
00:00:42,340 --> 00:00:45,902
se ei ole täydellinen siansaksaa,
kuten CSS joskus olla.

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

16
00:00:47,240 --> 00:00:49,930
Allison sanoi sen melko hyvin.

17
00:00:49,930 --> 00:00:53,250
Joten kai ensimmäinen asia me
kannattaa aloittaa mikä on CSS?

18
00:00:53,250 --> 00:00:55,750
Joten CSS on mahtava.

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

20
00:00:56,250 --> 00:00:58,320
>> ALLISON Buchholtz-AU: Se
nimi meidän seminaari.

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

22
00:00:58,434 --> 00:01:00,130
On todella tärkeää, että
ymmärrät, että siihen mennessä.

23
00:01:00,130 --> 00:01:03,090
Jos vain ottaa pois yksi
juttu, se että CSS jos mahtava.

24
00:01:03,090 --> 00:01:06,180
Kaksi on CSS tulee sanoista
Cascading Style Sheets.

25
00:01:06,180 --> 00:01:10,380
Joten sen ydin, CSS on
tyylitiedosto, joka tarkoittaa

26
00:01:10,380 --> 00:01:13,200
sen avulla voit tyyli sivun.

27
00:01:13,200 --> 00:01:16,609
Ja sitten, mitä se tarkoittaa, se on
tapa lisätä tyylin verkkosivustoja.

28
00:01:16,609 --> 00:01:18,900
Joten tyyli, tarkoitamme kaikkea
että ei ole structural--

29
00:01:18,900 --> 00:01:24,350
joten asiat kuten värit, tausta
kuvia, rajoja, kuten, täyte,

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

31
00:01:25,040 --> 00:01:27,310
Puhutaan mitä
kaikki tämä tarkoittaa vähän.

32
00:01:27,310 --> 00:01:30,110
>> Joten olemme juuri mennyt eteenpäin ja
avasi molemmat näistä ylös gedit.

33
00:01:30,110 --> 00:01:32,680
Joten tämä on index.html.

34
00:01:32,680 --> 00:01:34,800
Ja tämä on main.css.

35
00:01:34,800 --> 00:01:36,829
Joten main.css ole mitään.

36
00:01:36,829 --> 00:01:38,412
ALLISON Buchholtz-AU: Ei tyyli toistaiseksi.

37
00:01:38,412 --> 00:01:39,245
TOMAS Reimers: Ei mitään.

38
00:01:39,245 --> 00:01:42,577
Ja kuten näet, se on
todella ruma sivusto.

39
00:01:42,577 --> 00:01:44,160
ALLISON Buchholtz-AU: Se on vain tavallinen.

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

41
00:01:45,820 --> 00:01:49,150
Joo, se ei ole ruma,
se on vain minimalistinen.

42
00:01:49,150 --> 00:01:53,430
Ja sitten täällä meillä index.html.

43
00:01:53,430 --> 00:01:55,729
Ja niin nopea
kertaus HTML, Allison,

44
00:01:55,729 --> 00:01:57,270
haluat vain puhua sivu?

45
00:01:57,270 --> 00:01:58,395
>> ALLISON Buchholtz-AU: Joo.

46
00:01:58,395 --> 00:02:01,100
Joten tietenkin, meillä on HTML
tag, joka vain nimiä HTML-tiedosto.

47
00:02:01,100 --> 00:02:07,080
Meillä otsikon täällä, CSS
Ihanuutta, which-- jos menet takaisin.

48
00:02:07,080 --> 00:02:07,720
Missä se on?

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

50
00:02:09,136 --> 00:02:10,301
Joo, voit nähdä.

51
00:02:10,301 --> 00:02:12,092
ALLISON Buchholtz-AU:
Ja huomaa otsikko

52
00:02:12,092 --> 00:02:14,120
on tämän välilehden otsikon asti täällä.

53
00:02:14,120 --> 00:02:17,130
Ja sitten "Hello, world!" on
tekstissä, että meillä on vain

54
00:02:17,130 --> 00:02:19,620
näytetään Webissä
sivu, joka is-- palata.

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

56
00:02:21,290 --> 00:02:24,287
Joka on vain kehomme
here-- pelkkää tekstiä.

57
00:02:24,287 --> 00:02:26,120
Lisäksi yksi asia
huomaa, jos tarkastellaan täällä,

58
00:02:26,120 --> 00:02:29,410
Tomas kytketty näitä
kaksi meidän liukumäki.

59
00:02:29,410 --> 00:02:32,035
Niin kauan kuin sinulla on kaikki
kolme näistä, olet hieno.

60
00:02:32,035 --> 00:02:34,044
Ne voivat olla missä tahansa järjestyksessä he haluavat.

61
00:02:34,044 --> 00:02:39,368
Mikä tärkeintä on vain, että
sinulla on kukin näistä kolmesta.

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

63
00:02:40,340 --> 00:02:41,111
Lisää doc tyyppi?

64
00:02:41,111 --> 00:02:42,235
ALLISON Buchholtz-AU: Joo.

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

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

67
00:02:43,769 --> 00:02:46,102
ALLISON Buchholtz-AU: Ilmeisesti,
minun mikrofoneihin eivät pidä minusta.

68
00:02:46,102 --> 00:02:49,650
TOMAS Reimers: Oh, anna meille sec vain
kun taas Allison katkaisee hänen mikrofoni.

69
00:02:49,650 --> 00:02:50,500
Niin joo.

70
00:02:50,500 --> 00:02:52,030
Joten meillä on pääsivulla.

71
00:02:52,030 --> 00:02:53,890
Se on tavallaan unstyled.

72
00:02:53,890 --> 00:02:54,780
Meillä ei ole paljon.

73
00:02:54,780 --> 00:02:57,110
Meidän on vain periaatteessa tekstiä.

74
00:02:57,110 --> 00:02:59,470
Meillä tyylitiedosto.

75
00:02:59,470 --> 00:03:00,220
Meillä on otsikko.

76
00:03:00,220 --> 00:03:04,020
Joten vain paljain luut
komponentit tehdä verkkosivuilla.

77
00:03:04,020 --> 00:03:08,880
>> Joten sieltä, katsotaanpa
puhua siitä, mitä CSS on

78
00:03:08,880 --> 00:03:11,270
ja miltä se näyttää ja kaikki tämä.

79
00:03:11,270 --> 00:03:12,047
Joten that--

80
00:03:12,047 --> 00:03:13,755
ALLISON Buchholtz-AU:
Takaisin dioja.

81
00:03:13,755 --> 00:03:15,200
TOMAS Reimers: Takaisin dioja.

82
00:03:15,200 --> 00:03:17,240
Ja Allison voi ottaa.

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
Joten teidän CSS-tiedosto,
olet menossa on

86
00:03:22,360 --> 00:03:25,010
paljon näitä asioita kutsutaan valitsimia.

87
00:03:25,010 --> 00:03:27,420
Se tulee olemaan vain
perusteella oman CSS-tiedosto.

88
00:03:27,420 --> 00:03:29,480
Se vain tulee olemaan
paljon ja paljon näitä.

89
00:03:29,480 --> 00:03:30,780
Joten valitsin.

90
00:03:30,780 --> 00:03:32,649
Tämä on vain yleinen anatomia.

91
00:03:32,649 --> 00:03:35,190
Aiomme käydä läpi
esimerkkejä, koska jos te koskaan

92
00:03:35,190 --> 00:03:38,400
katseli minun kohta, tunnen
kuten asiat abstrakti

93
00:03:38,400 --> 00:03:39,400
ei oikeastaan ​​mitään järkeä.

94
00:03:39,400 --> 00:03:41,110
Se auttaa aina nähdä esimerkkejä.

95
00:03:41,110 --> 00:03:42,420
>> Joten meillä on joitakin valitsin.

96
00:03:42,420 --> 00:03:49,120
Se tulee olemaan noin tunniste
mitä haluamme käytettävän tyylin.

97
00:03:49,120 --> 00:03:52,220
Ja sitten meillä voi olla mitään
säännöt ja arvot.

98
00:03:52,220 --> 00:03:55,680
Joten valitsimet että saatat nähdä
ehkä jotain elin,

99
00:03:55,680 --> 00:04:00,262
tai kohta P,
tai otsikko, tai mitä tahansa,

100
00:04:00,262 --> 00:04:02,000
mitä haluat HTML tageja olla.

101
00:04:02,000 --> 00:04:03,570
>> Joten tässä tapauksessa, meillä on ruumis.

102
00:04:03,570 --> 00:04:06,985
Ja meillä on joitakin sääntö,
johon tämä vastaa

103
00:04:06,985 --> 00:04:09,610
mitä tyyliisi koskee.

104
00:04:09,610 --> 00:04:12,720
Joten tässä tapauksessa, meillä on
taustaväri ja fontin painon.

105
00:04:12,720 --> 00:04:16,200
Joten tämä on muuttumassa
tausta mitään

106
00:04:16,200 --> 00:04:19,640
sisällä mitään body meidän HTML-tiedoston.

107
00:04:19,640 --> 00:04:22,810
Ja se tulee antaa
se tämä vaaleansininen arvoa.

108
00:04:22,810 --> 00:04:24,820
>> Joten se tulee tehdä
tausta vaaleansininen.

109
00:04:24,820 --> 00:04:28,660
Ja sitten jotain sisällä elin on
menossa on kirjasimen painoa rohkea.

110
00:04:28,660 --> 00:04:31,142
Joten se on vain menossa
rohkea kaikessa tekstin.

111
00:04:31,142 --> 00:04:32,970
Ja tämä on vain yksi valitsin.

112
00:04:32,970 --> 00:04:34,680
Mutta sinulla voisi olla hyvin monet näistä.

113
00:04:34,680 --> 00:04:38,730
Ja me aiomme näyttää
myöhemmin, vähän enemmän siitä, miten

114
00:04:38,730 --> 00:04:40,709
että työt ja lisää esimerkkejä siellä.

115
00:04:40,709 --> 00:04:41,750
Mitä haluat lisätä?

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

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

118
00:04:43,500 --> 00:04:46,144
Olemme juuri menossa leikata
Esimerkiksi täällä meidän esimerkki päällä.

119
00:04:46,144 --> 00:04:47,310
Joten todella ottaa tämän.

120
00:04:47,310 --> 00:04:48,620
Se on täydellinen.

121
00:04:48,620 --> 00:04:54,460
Joten olen juuri menossa kopioida ja liittää
että suoraan meidän main.css tiedosto.

122
00:04:54,460 --> 00:04:56,530
Ja aion tallentaa sen.

123
00:04:56,530 --> 00:04:59,190
Ja sitten me ajaa se.

124
00:04:59,190 --> 00:05:01,600
Joten Sivuhuomautuksena, yksi
kaikkein turhauttavaa asioita

125
00:05:01,600 --> 00:05:04,490
on jos et tallenna tiedosto, ja
Sitten te, kuten, lataa sivu,

126
00:05:04,490 --> 00:05:07,450
ja kuten, miksi ei ole
muutos tapahtuu?

127
00:05:07,450 --> 00:05:07,950
Se tapahtuu.

128
00:05:07,950 --> 00:05:14,230
Joten tässä näimme, että teimme
verkkosivuilla vaaleansininen tausta

129
00:05:14,230 --> 00:05:16,560
ja jotkut lihavoidut tekstit.

130
00:05:16,560 --> 00:05:20,730
>> Haluan mainita myös, jos
kaverit on kysyttävää mitään

131
00:05:20,730 --> 00:05:23,622
teemme, ota
vapaa pysähtyä ja kysy meiltä.

132
00:05:23,622 --> 00:05:25,330
Olemme täysin valmiita
kenttään kysymyksiin.

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

134
00:05:27,951 --> 00:05:31,930
>> ALLISON Buchholtz-AU: On selvää,
CSS, kaikki perustuu itse.

135
00:05:31,930 --> 00:05:34,107
Joten jos yksi asia ei
järkeä nyt, me

136
00:05:34,107 --> 00:05:35,690
eivät halua, että räme sinua myöhemmin.

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

138
00:05:38,390 --> 00:05:41,930
>> TOMAS Reimers: Joten
eräänlainen leikellä tämän.

139
00:05:41,930 --> 00:05:44,210
Joten haluat aloittaa
valitsimen täällä?

140
00:05:44,210 --> 00:05:45,979
>> ALLISON Buchholtz-AU: Joo.

141
00:05:45,979 --> 00:05:48,270
Kuten sanoin aiemmin, body
on vain meidän valitsin täällä.

142
00:05:48,270 --> 00:05:50,950
Joten jos me palata meidän index-- ah.

143
00:05:50,950 --> 00:05:53,245
>> TOMAS Reimers: Mikä minä juuri kiinni.

144
00:05:53,245 --> 00:05:54,530
Anna minulle toinen.

145
00:05:54,530 --> 00:05:58,286
Joten 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
Joten jos huomaat täällä, me
nämä kehon tageja, eikö?

148
00:06:02,710 --> 00:06:06,270
Joten valitsin juuri vastaa
tunnisteet, että me puhumme.

149
00:06:06,270 --> 00:06:07,670
Joten kehon täällä.

150
00:06:07,670 --> 00:06:10,315
Joten mitä me sanomme,
everything-- voimme mennä takaisin?

151
00:06:10,315 --> 00:06:12,065
Voisinpa vain
kuten koskettamalla näyttöä.

152
00:06:12,065 --> 00:06:14,410
Se olisi niin paljon siistimpi.

153
00:06:14,410 --> 00:06:17,150
>> Joten mitään kyseisten
body-tunnisteiden, jotka näimme

154
00:06:17,150 --> 00:06:19,637
oli aivan, kuin, tekstiä,
ja kehoa

155
00:06:19,637 --> 00:06:20,970
viittaa, kuten tausta.

156
00:06:20,970 --> 00:06:22,720
Jos haluat joskus
Muuta tausta,

157
00:06:22,720 --> 00:06:25,090
että tulee olemaan vuonna body.

158
00:06:25,090 --> 00:06:27,120
Juuri on näitä sääntöjä sovelletaan niihin.

159
00:06:27,120 --> 00:06:32,040
>> Joten jos me mennä
index.html and-- todella,

160
00:06:32,040 --> 00:06:33,840
meillä voi olla jotain
kehon ulkopuolella?

161
00:06:33,840 --> 00:06:37,340
Jos meillä olisi, kuten ylä- tai
jotain, se ei koske tätä.

162
00:06:37,340 --> 00:06:40,900
Mutta mitään sisällä
Näiden body tagit on menossa

163
00:06:40,900 --> 00:06:44,960
vaikuttaa tämä elin
valitsin että olemme tehneet.

164
00:06:44,960 --> 00:06:47,405
Joten jos olit kirjoittaa
jotain muuta there--

165
00:06:47,405 --> 00:06:49,400
>> TOMAS Reimers: Katsotaanpa selväksi.

166
00:06:49,400 --> 00:06:55,330
Joten jos meillä oli div-- niin se
vain toinen tag voit.

167
00:06:55,330 --> 00:06:56,350
Aion sulkea.

168
00:06:56,350 --> 00:06:58,280
Tai tehkäämme tähän kohtaan.

169
00:06:58,280 --> 00:07:01,430
Joten p tarkoittaa kohta.

170
00:07:01,430 --> 00:07:02,560
Ja tuossa kohdassa.

171
00:07:02,560 --> 00:07:05,650
Ja sitten sanon, "Tämä on tekstiä."

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

173
00:07:06,369 --> 00:07:09,160
Ja sitten tein tätä sääntöä sovelletaan
kohta sijasta rungon.

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

175
00:07:12,390 --> 00:07:17,320
Näet, miten se koskee vain
vastaperustetun kohdassa, oikeus,

176
00:07:17,320 --> 00:07:18,892
ei koko asia.

177
00:07:18,892 --> 00:07:20,090
Onko järkeä?

178
00:07:20,090 --> 00:07:21,840
>> ALLISON Buchholtz-AU:
Tämä kaikki on siis elin,

179
00:07:21,840 --> 00:07:24,450
mutta nyt meidän valitsin juuri
vastaa kohtaan.

180
00:07:24,450 --> 00:07:27,050
Joten meidän on vain rohkea ja sininen
Tämän erityisen kohdan,

181
00:07:27,050 --> 00:07:30,760
koska tämä on ainoa asia,
että on suljettu p tag.

182
00:07:30,760 --> 00:07:35,349
>> TOMAS Reimers: Onko järkeä lajitella
miten asiat kapseloida muita asioita?

183
00:07:35,349 --> 00:07:38,140
ALLISON Buchholtz-AU: Lisäksi vain
sanoa, kuten, yksi parhaista tavoista

184
00:07:38,140 --> 00:07:40,889
todella totutella CSS
on vain tehdä asioita, kuten tämä,

185
00:07:40,889 --> 00:07:42,050
vain kokeilla sitä.

186
00:07:42,050 --> 00:07:46,700
Se on hyvin yksinkertainen kirjoittaa jotain
ulos, osui Päivitä, ja katso mitä tapahtuu.

187
00:07:46,700 --> 00:07:48,940
Ja kuten useimmat CS,
Kokeilemalla voi usein

188
00:07:48,940 --> 00:07:51,790
johtaa paljon parempi
intuitiivinen käsitys.

189
00:07:51,790 --> 00:07:54,432
Jopa enemmän kuin meille vain,
kuten, juttelemassa.

190
00:07:54,432 --> 00:07:58,350
>> TOMAS Reimers: Ehdottomasti
100% samaa mieltä asiasta.

191
00:07:58,350 --> 00:08:02,430
Joten jos me palata tähän, aloitamme
dissecting mitä nämä kaksi tekevät.

192
00:08:02,430 --> 00:08:04,550
Joten meillä on kaksi säännöt tästä.

193
00:08:04,550 --> 00:08:07,420
Joten ensimmäinen on taustaväri.

194
00:08:07,420 --> 00:08:10,590
Ja näet, että olemme asettaa se
sama arvo, vaaleansininen.

195
00:08:10,590 --> 00:08:15,009
>> Joten CSS, CSS on eräänlainen
hyvin löysä, miten

196
00:08:15,009 --> 00:08:16,300
et saa määritellä väri.

197
00:08:16,300 --> 00:08:17,800
Joten voit määritellä niitä nimeltä.

198
00:08:17,800 --> 00:08:20,650
Voit myös tehdä jotain "punainen."

199
00:08:20,650 --> 00:08:25,270
Ja sitten jos menemme takaisin tähän,
näet, että tausta on punainen.

200
00:08:25,270 --> 00:08:29,040
Voit myös saada really-- mielestäni sinun
voi saada melko luova tämän,

201
00:08:29,040 --> 00:08:29,540
voi sinua?

202
00:08:29,540 --> 00:08:31,170
>> ALLISON Buchholtz-AU: I
mielestäni voit käyttää hex.

203
00:08:31,170 --> 00:08:31,250
Etkö?

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

205
00:08:32,083 --> 00:08:32,969
Joten voit käyttää hex.

206
00:08:32,969 --> 00:08:34,490
Mutta olen ajatellut nimi viisas.

207
00:08:34,490 --> 00:08:35,385
Eivät ole siellä?

208
00:08:35,385 --> 00:08:37,260
ALLISON Buchholtz-AU:
Voit tehdä melkoisesti.

209
00:08:37,260 --> 00:08:43,350
Melkeinpä kuten useimmat värit että
voi name-- kuten, mielestäni lohi on yksi.

210
00:08:43,350 --> 00:08:45,322
>> TOMAS Reimers: Aiomme yrittää lohta.

211
00:08:45,322 --> 00:08:47,530
ALLISON Buchholtz-AU: I
ajattelevat chartreuse on siellä.

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

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

214
00:08:48,550 --> 00:08:50,080
Joten voit saada melko luova.

215
00:08:50,080 --> 00:08:52,246
>> ALLISON Buchholtz-AU: You
voisi saada melko luova.

216
00:08:52,246 --> 00:08:55,750
Kuten, jos voit ajatella
värin nimi, se on luultavasti siellä.

217
00:08:55,750 --> 00:08:57,840
Jos todella haluat hieno
yksityiskohtaisesti, voit mennä hex.

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

219
00:08:58,673 --> 00:08:59,390
Niin heksadesimaaliluvuksi.

220
00:08:59,390 --> 00:09:05,280
Jos te muistaa tämä takaisin
vanhasta PSET, Image Recover,

221
00:09:05,280 --> 00:09:08,300
te joutunut käsittelemään
Näiden hex arvoja.

222
00:09:08,300 --> 00:09:15,280
Ja tavallaan kertaus, mitä se on,
HEX on kolme tallennetut arvot sen.

223
00:09:15,280 --> 00:09:17,250
Joten se kahden ryhmissä välein.

224
00:09:17,250 --> 00:09:19,300
Ensimmäiset kaksi edustavat punaista arvoa.

225
00:09:19,300 --> 00:09:22,420
Toinen edustaa
vihreä arvo.

226
00:09:22,420 --> 00:09:25,020
Ja viimeinen on sininen?

227
00:09:25,020 --> 00:09:30,050
>> Joten FF sattuu edustamaan
heksadesimaalisen 255.

228
00:09:30,050 --> 00:09:35,480
Joten sinulla on 255 punainen, 255
vihreä ja 0 sininen.

229
00:09:35,480 --> 00:09:37,670
Ja arvot vaihtelevat välillä 0 ja 255.

230
00:09:37,670 --> 00:09:38,350
>> Yleisö: Oikea.

231
00:09:38,350 --> 00:09:41,472
Joten pohjimmiltaan, voisimme etsiä
Internetistä tahansa väri haluamme,

232
00:09:41,472 --> 00:09:43,912
ja tunnistaa todella hyvämaineisten
värikirjo combo,

233
00:09:43,912 --> 00:09:45,130
ja sitten voisimme laittaa sen?

234
00:09:45,130 --> 00:09:46,380
ALLISON Buchholtz-AU: Aivan.

235
00:09:46,380 --> 00:09:52,900
Joten sinulla on aika paljon täydellinen valvonta
yli värit haluat sisällä CSS.

236
00:09:52,900 --> 00:09:55,069
Olemmeko menossa puhua
taustakuvia myöhemmin?

237
00:09:55,069 --> 00:09:56,110
Vai haluammeko tehdä näin?

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

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

240
00:09:57,010 --> 00:10:00,830
Joten ensimmäinen, vain osoittaa, että
punainen ja vihreä on keltainen.

241
00:10:00,830 --> 00:10:03,120
Ja jos tarvitset
apua löytää tämän, sinun

242
00:10:03,120 --> 00:10:05,575
Voiko Google jotain
kuten "värivalikoimasta."

243
00:10:05,575 --> 00:10:07,200
ALLISON Buchholtz-AU: Voi, se on niin hyvä.

244
00:10:07,200 --> 00:10:09,090
Rakastan värivalikoimasta.

245
00:10:09,090 --> 00:10:11,360
>> TOMAS Reimers: colorpicker.com
on hyvä esimerkki.

246
00:10:11,360 --> 00:10:14,580
Ja täällä, huomaat, että sinulla on
koko Photoshop-kuin värivalikoimasta.

247
00:10:14,580 --> 00:10:14,920
>> ALLISON Buchholtz-AU: Mm-hm.

248
00:10:14,920 --> 00:10:16,980
Myös hienoja asioita olet
voi tuottaa värimalleja

249
00:10:16,980 --> 00:10:18,896
niin että sinulla ei ole,
kuten, risteävät värejä.

250
00:10:18,896 --> 00:10:22,780
TOMAS Reimers: Ja sitten
tässä hex arvo täällä.

251
00:10:22,780 --> 00:10:27,800
Voit siis aina löytää online pohjimmiltaan
paikkoja saada hex arvo.

252
00:10:27,800 --> 00:10:31,667
Se ei tavallaan että aivan kuten me
katso maailman värit numeroina.

253
00:10:31,667 --> 00:10:34,000
Se on enemmän, että me mennä verkossa
ja selvittää, mikä väri haluamme,

254
00:10:34,000 --> 00:10:36,850
ja sitten ottaa numeron alas.

255
00:10:36,850 --> 00:10:39,590
Koska se on vain helppoa
tapa viitata asioita CS.

256
00:10:39,590 --> 00:10:40,350
>> ALLISON Buchholtz-AU:
Ja sitten on also--

257
00:10:40,350 --> 00:10:41,630
Unohdan tarkka nimi sivuston.

258
00:10:41,630 --> 00:10:43,838
Mutta on varmasti, minä
ajatella, jotain Adobelta

259
00:10:43,838 --> 00:10:48,350
joka luo värimalleja sinulle,
joka on todella siistiä, koska olet

260
00:10:48,350 --> 00:10:50,580
definitely-- se joskus
vaikea selvittää,

261
00:10:50,580 --> 00:10:53,729
oh, jos haluan käyttää tätä väriä,
mikä voisi olla hyvä yksi

262
00:10:53,729 --> 00:10:56,395
käyttää muualla sivustoni,
kuten, tee se mukava ja yhtenäinen.

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

264
00:11:00,430 --> 00:11:04,260
>> TOMAS Reimers: Allison puhuu
yksi Adobe nimeltään Kuler, luulen.

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

266
00:11:04,885 --> 00:11:06,259
ALLISON Buchholtz-AU: Luulen niin.

267
00:11:06,259 --> 00:11:07,610
Olen melko varma, että yksi.

268
00:11:07,610 --> 00:11:11,050
>> TOMAS Reimers: Oma suosikki on
aina ollut Värikaavio Designer.

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

270
00:11:13,998 --> 00:11:16,010
>> TOMAS Reimers: Mikä on now--

271
00:11:16,010 --> 00:11:16,860
>> ALLISON Buchholtz-AU:
Ah, tämä on kaunis.

272
00:11:16,860 --> 00:11:18,818
>> TOMAS Reimers: Ja te
voi periaatteessa sanoa, kuten,

273
00:11:18,818 --> 00:11:21,700
Haluan kolme väriä vierekkäin.

274
00:11:21,700 --> 00:11:25,030
Ja sitten tehdään jotain mukavaa.

275
00:11:25,030 --> 00:11:29,210
Ja sitten saat esimerkiksi
mitä se voisi näyttää.

276
00:11:29,210 --> 00:11:32,470
Ja sitten, kun viet hiiren tahansa
heille, se antaa sinulle hex arvo.

277
00:11:32,470 --> 00:11:35,010
>> Aivan kuten hyvä tapa aloittaa
ajatellut värimaailma

278
00:11:35,010 --> 00:11:39,570
tai mitä värejä verkkosivuilla
voisi mennä hyvin yhteen.

279
00:11:39,570 --> 00:11:45,655
Koska se voi olla yllättävän
ei niin helppo poimia kuin luulet.

280
00:11:45,655 --> 00:11:48,280
Ja sitten toinen cool juttu
Olen aina löytänyt tästä sivustosta

281
00:11:48,280 --> 00:11:51,480
on jos osut Esimerkkejä, se tulee
näyttää, mitä esimerkiksi verkkosivuilla

282
00:11:51,480 --> 00:11:54,800
voisi näyttää käyttäen että värimaailman.

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

284
00:11:56,270 --> 00:11:57,863
>> Takaisin todellinen CSS.

285
00:11:57,863 --> 00:12:01,112
ALLISON Buchholtz-AU: Mutta ilmeisesti, me
tietävät nämä viittaukset voivat olla hyödyllisiä.

286
00:12:01,112 --> 00:12:03,195
TOMAS Reimers: Ei, ne
varmasti voi olla apua.

287
00:12:03,195 --> 00:12:04,720
Joten toinen sääntö, Allison?

288
00:12:04,720 --> 00:12:05,844
>> ALLISON Buchholtz-AU: Joo.

289
00:12:05,844 --> 00:12:08,280
Toinen sääntö on vain
vastaa meidän fontin.

290
00:12:08,280 --> 00:12:11,520
Joten fontti paino on vain eräänlainen
of-- niin paino olisi

291
00:12:11,520 --> 00:12:15,220
olla, jos haluat vain, kuten,
normaali tai, kuten, ohuempi fontit,

292
00:12:15,220 --> 00:12:17,251
tai tässä tapauksessa, kuten, rohkea.

293
00:12:17,251 --> 00:12:17,750
Unohdan.

294
00:12:17,750 --> 00:12:21,557
Mikä, jos halusi it-- on olemassa
ohuempi kuin, kuten, normaali?

295
00:12:21,557 --> 00:12:24,140
TOMAS Reimers: En oikeastaan
tietää jos on ohuempi.

296
00:12:24,140 --> 00:12:24,680
ALLISON Buchholtz-AU: unohdan.

297
00:12:24,680 --> 00:12:26,300
Joten font paino me tyypillisesti
vain käyttää lihavoitu.

298
00:12:26,300 --> 00:12:29,010
Jos haluat saada todella osaksi
se, me aiomme näyttää.

299
00:12:29,010 --> 00:12:34,317
W3Schools on kaikki eri
mitä voi tehdä fontteja.

300
00:12:34,317 --> 00:12:36,900
Mutta pohjimmiltaan, jos joskus haluat
muuttaa mitään fontti,

301
00:12:36,900 --> 00:12:39,330
se tulee aina olemaan,
kuten, font-jotain.

302
00:12:39,330 --> 00:12:43,450
Joten se tulee olemaan kuin, font-family, jos olet
yrittää muuttaa todellinen tyyppi.

303
00:12:43,450 --> 00:12:47,390
Se tulee olemaan font-style, jos
haluavat tehdä kuten kursiivia,

304
00:12:47,390 --> 00:12:49,710
tai kursiivilla, tai vaikka mitä.

305
00:12:49,710 --> 00:12:53,570
Tai jopa fontin värin, jos
halusimme muuttaa.

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

307
00:12:55,621 --> 00:12:56,925
Voit siis muuttaa.

308
00:12:56,925 --> 00:12:59,360
Ja tavallaan vain
kertaus nyt, niin voit

309
00:12:59,360 --> 00:13:01,400
nähdä, että meillä on valitsin tänne.

310
00:13:01,400 --> 00:13:03,000
Meillä on näitä aaltosulkeita.

311
00:13:03,000 --> 00:13:06,735
Ja sitten meillä on säännöt
rajaamaa puolipisteellä.

312
00:13:06,735 --> 00:13:08,100
Onko järkeä?

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

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

315
00:13:10,500 --> 00:13:13,200
Joten jos se on good--

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

317
00:13:14,424 --> 00:13:17,590
TOMAS Reimers: Jutellaan nimenomaan
millaisen valitsimet meillä.

318
00:13:17,590 --> 00:13:19,790
"Syy juuri nyt olet
tavallaan juuri osoittanut tageja.

319
00:13:19,790 --> 00:13:21,696
Mutta te voisi nähdä uskottavana.

320
00:13:21,696 --> 00:13:23,570
Että sinulla on kaksi kohtaa
sivulla ja olet

321
00:13:23,570 --> 00:13:26,087
haluavat pystyä tyyli
yksi mutta ei muita,

322
00:13:26,087 --> 00:13:29,170
et vain halua rajoittaa itse
täytyy käyttää erilaisia ​​todellisia HTML

323
00:13:29,170 --> 00:13:33,410
Tunnisteet antaa heille eri tyylejä.

324
00:13:33,410 --> 00:13:35,995
>> Joten meillä on kolme perus
tyyppisiä valitsimet.

325
00:13:35,995 --> 00:13:37,120
ALLISON Buchholtz-AU: Joo.

326
00:13:37,120 --> 00:13:39,828
Joten meillä on tunniste, joka on mitä
olemme puhuneet juuri nyt.

327
00:13:39,828 --> 00:13:42,430
Niin, että on ikään kuin kehon tai p.

328
00:13:42,430 --> 00:13:46,280
Ja sitten meillä on luokka, joka on
kun me määrittelemme sen meidän CSS-tiedosto,

329
00:13:46,280 --> 00:13:49,907
se on aina menossa piste riippumatta
Haluatko nimi luokan olevan.

330
00:13:49,907 --> 00:13:51,490
Ja tämä voi hakea useita asioita.

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

332
00:13:54,610 --> 00:13:57,610
>> Että sinulla on viisi kohdat
ja kaksi niistä kolme

333
00:13:57,610 --> 00:14:00,580
täytyy tyylistä sama,
voisitte hakea luokan sitä.

334
00:14:00,580 --> 00:14:03,040
Ja tämä on juuri sitä mitä me tehdä se.

335
00:14:03,040 --> 00:14:05,600
Annamme teille esimerkin
jos tämä todella näkyy.

336
00:14:05,600 --> 00:14:11,030
Mutta jos sinulla on ollut ehkä jonkin verran tag
p, kun se, voisitte kirjoittaa,

337
00:14:11,030 --> 00:14:14,170
luokka on yhtä riippumatta luokat
haluat soveltaa sitä.

338
00:14:14,170 --> 00:14:19,280
Joten mitä luokkavalitsimien että haluamme
soveltaa tähän nimenomaiseen kohtaan,

339
00:14:19,280 --> 00:14:21,300
voisimme vain kirjoittaa näin.

340
00:14:21,300 --> 00:14:24,080
Tietenkin, mielestäni esimerkki
tekee paljon konkreettista.

341
00:14:24,080 --> 00:14:27,270
>> Toinen meillä
on id, jota merkitään

342
00:14:27,270 --> 00:14:29,707
kanssa hash, tai punnan, tai hashtag.

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

344
00:14:30,790 --> 00:14:32,430
ALLISON Buchholtz-AU: risuaidalla.

345
00:14:32,430 --> 00:14:34,550
Se toimii myös.

346
00:14:34,550 --> 00:14:36,640
Ja tämä pitäisi oikeastaan ​​olla ainutlaatuinen.

347
00:14:36,640 --> 00:14:39,880
Niitä olisi sovellettava ainoastaan
yksi asia sivulla.

348
00:14:39,880 --> 00:14:43,820
Joten onko se erityinen kohta,
tai jonkin kohteen luettelosta, tai mitä tahansa,

349
00:14:43,820 --> 00:14:45,090
Tämän pitäisi olla ainutlaatuinen.

350
00:14:45,090 --> 00:14:48,730
Ja samalla tavalla, että me vain
sanoa, kuten class = "Class1 class2"

351
00:14:48,730 --> 00:14:51,577
tämä voi vain olla id mitä meillä on.

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

353
00:14:52,410 --> 00:14:54,330
Joten varmasti puhua
noin esimerkkeinä.

354
00:14:54,330 --> 00:14:58,170
Ja olen juuri menossa sukeltamaan
suoraan takaisin koodia.

355
00:14:58,170 --> 00:15:02,090
Joten katsomaan HTML.

356
00:15:02,090 --> 00:15:03,960
Ja niin me nyt yksi kohta.

357
00:15:03,960 --> 00:15:05,510
Tämä on tekstiä.

358
00:15:05,510 --> 00:15:09,151
Olen juuri menossa muuttaa
sitä. "Tämä on teksti 1."

359
00:15:09,151 --> 00:15:11,150
Ja sitten me aiomme
on "Tämä on teksti 2."

360
00:15:11,150 --> 00:15:12,525
>> ALLISON Buchholtz-AU: toinen.

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

362
00:15:13,540 --> 00:15:16,810
Joten meillä on nyt "Tämä on teksti 2," oikea?

363
00:15:16,810 --> 00:15:21,560
Ja me nähdä, että jos me ladata
sivu, mitä me aiomme löytää

364
00:15:21,560 --> 00:15:23,067
on aiomme 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: Joo.

367
00:15:24,983 --> 00:15:27,570
Aiomme löytää "Tämä on
teksti 1, "ja" Tämä on teksti 2. "

368
00:15:27,570 --> 00:15:28,650
>> ALLISON Buchholtz-AU: Ja
out kaunis keltainen väri.

369
00:15:28,650 --> 00:15:31,066
>> TOMAS Reimers: Ja näet
että valitsin juuri nyt,

370
00:15:31,066 --> 00:15:34,940
joka koskee p: n, tai
kohdat, vaikuttaa molemmat,

371
00:15:34,940 --> 00:15:38,700
koska molemmat täyttävät
edellyttäen, että he molemmat p tag.

372
00:15:38,700 --> 00:15:40,360
Se tekee yhteensä järkeä.

373
00:15:40,360 --> 00:15:43,340
Joten kysymys on, hyvin, mitä
jos halusimme vain saada yksi?

374
00:15:43,340 --> 00:15:46,350
Joten ihan Allison sanoi,
meillä on kaksi muuta tapaa tehdä sitä.

375
00:15:46,350 --> 00:15:47,320
Aion aloittaa id.

376
00:15:47,320 --> 00:15:48,405
>> ALLISON Buchholtz-AU:
Aloitetaan id.

377
00:15:48,405 --> 00:15:50,405
>> TOMAS Reimers: Ja molemmat
näistä ovat määritteitä.

378
00:15:50,405 --> 00:15:53,200
Joten määritteitä olemassa HTML.

379
00:15:53,200 --> 00:15:55,600
Ja mitä ne ovat on
jotain, että lisäät

380
00:15:55,600 --> 00:15:58,840
sisällä tag joka on
erillään tunnisteen nimi.

381
00:15:58,840 --> 00:16:01,301
Voit siis olla useita määritteitä.

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

383
00:16:01,800 --> 00:16:03,950
>> ALLISON Buchholtz-AU: Olin juuri menossa
sanoa, teidän esimerkki PSET 7,

384
00:16:03,950 --> 00:16:06,650
jos joku teistä yrittää yhdenmukaistaa
asioita keskus,

385
00:16:06,650 --> 00:16:08,550
olet saattanut käyttää
"Text align = center."

386
00:16:08,550 --> 00:16:10,550
Ja olet huomannut se luultavasti
olisi keskitetty

387
00:16:10,550 --> 00:16:12,650
tekstin tai navigointipalkin.

388
00:16:12,650 --> 00:16:15,499
Niin, että vain myös määrite
että saatat olla perehtynyt.

389
00:16:15,499 --> 00:16:18,040
TOMAS Reimers: Ei nippu
ominaisuuksia, jotka näet.

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

391
00:16:18,539 --> 00:16:21,250
Kuten hyvä viittaus PSET 7.

392
00:16:21,250 --> 00:16:23,150
Meillä on id.

393
00:16:23,150 --> 00:16:25,080
Voit myös
luokka, asioita, kuten tämä.

394
00:16:25,080 --> 00:16:27,250
Yksi tunniste voi olla monia ominaisuuksia.

395
00:16:27,250 --> 00:16:33,140
Joten alkaen id, Teeskennelläänpä me
haluavat id of-- En tiedä.

396
00:16:33,140 --> 00:16:35,140
Me kutsumme sitä erityistä,
koska tämä, olemme

397
00:16:35,140 --> 00:16:37,867
aio tehdä rohkeita, ja
korostaa, ja mitä tahansa.

398
00:16:37,867 --> 00:16:39,950
ALLISON Buchholtz-AU: On
olemaan Super erityistä.

399
00:16:39,950 --> 00:16:42,360
TOMAS Reimers: Eli tämä
yksi, meillä on id erityistä.

400
00:16:42,360 --> 00:16:48,140
Joten tapa valita, että sitten on
vuonna main.css sijaan on p tag,

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

402
00:16:51,500 --> 00:16:55,538
Ja joka valitsee
juttu id erityistä.

403
00:16:55,538 --> 00:16:57,295
Onko tämä järkevää kaikille?

404
00:16:57,295 --> 00:16:57,920
Yleisö: Joo.

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

406
00:16:59,110 --> 00:17:04,440
Joten nyt jos menemme takaisin,
me see-- oho.

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

408
00:17:06,240 --> 00:17:09,460
Näemme, että se vain valitsee
yksi id erityistä.

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

410
00:17:10,622 --> 00:17:11,900
Kuulostaa viileä.

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

412
00:17:12,570 --> 00:17:15,456
>> Yleisö: Voiko jotain on
Yhdistän sekä luokan ja id?

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

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

415
00:17:16,900 --> 00:17:20,887
Ja mitä sitten tapahtuu, jos sitten antaa
se joitakin sääntöjä CSS että konflikti?

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

417
00:17:21,970 --> 00:17:23,940
Olemme ehdottomasti menossa
puhua siitä.

418
00:17:23,940 --> 00:17:31,890
Joten mitä olit saada
klo, voit myös olla luokissa.

419
00:17:31,890 --> 00:17:36,380
Joten teeskennellä jouduin
kolme kohtaa ja minä

420
00:17:36,380 --> 00:17:38,730
halusi tyyli ensin
kaksi, mutta ei kolmannen.

421
00:17:38,730 --> 00:17:42,850
No, ensimmäinen ajatus voi olla, no, minä
voisi vain antaa toinen id.

422
00:17:42,850 --> 00:17:45,590
Mutta et voi, koska id,
aivan kuten Allison sanoi,

423
00:17:45,590 --> 00:17:47,330
on oltava yksilöllinen.

424
00:17:47,330 --> 00:17:50,860
>> Joten sen sijaan id, mitä
voi käyttää, on voit käyttää luokkaa.

425
00:17:50,860 --> 00:17:57,880
Ja class-- mitä se sallii
voit tehdä on periaatteessa sanoa,

426
00:17:57,880 --> 00:17:59,610
Tämä kuuluu osana ryhmää.

427
00:17:59,610 --> 00:18:02,410
Tässä tapauksessa ryhmämme
kutsutaan Special.

428
00:18:02,410 --> 00:18:06,500
Ja mitä me aiomme tehdä niin on
aiomme say-- sijaan punta,

429
00:18:06,500 --> 00:18:08,070
aiomme käyttää piste.

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

431
00:18:08,740 --> 00:18:11,950
Ja huomaa, että punnan ja piste
olemassa vain sisällä CSS-tiedosto,

432
00:18:11,950 --> 00:18:12,797
ei sisällä HTML.

433
00:18:12,797 --> 00:18:13,880
ALLISON Buchholtz-AU: Kyllä.

434
00:18:13,880 --> 00:18:15,185
Tärkeä ero.

435
00:18:15,185 --> 00:18:17,510
>> TOMAS Reimers: Minulla on
oli niin paljon taistelua,

436
00:18:17,510 --> 00:18:23,990
koska laitoin hash HTML ja
Sitten vain tuntui tyhmä pitkään.

437
00:18:23,990 --> 00:18:27,470
Katso, miten se valitsee molemmat
ne joilla tämän luokan?

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

439
00:18:28,210 --> 00:18:29,950
>> Nyt asiat voivat olla useita luokkia.

440
00:18:29,950 --> 00:18:32,790
Sanotaan Halusin tehdä ensin
kaksi on taustalla keltainen

441
00:18:32,790 --> 00:18:36,770
ja toinen kaksi on
fontin väri sininen.

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

443
00:18:37,270 --> 00:18:39,735
En todellakaan tiedä, miksi olin
halua tehdä sitä, mutta voin.

444
00:18:39,735 --> 00:18:42,401
>> ALLISON Buchholtz-AU: ei ehkä
suositellaan sitä oman sivuston.

445
00:18:42,401 --> 00:18:43,880
Mutta meidän kannalta, se tulee tehdä.

446
00:18:43,880 --> 00:18:46,294
>> TOMAS Reimers: Se ei ole
hyvä värimaailma.

447
00:18:46,294 --> 00:18:49,210
ALLISON Buchholtz-AU: No, keltainen
ja sininen ovat minun lukion värejä.

448
00:18:49,210 --> 00:18:50,947
En tiedä, vaikka.

449
00:18:50,947 --> 00:18:53,530
TOMAS Reimers: Allison korkea
koulussa oli suuri värimaailma.

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

451
00:18:54,520 --> 00:18:59,120
Niin mitä voimme kutsua tätä on
kutsukaamme this-- joten meillä on erityinen

452
00:18:59,120 --> 00:19:00,030
ja meillä on kaunis.

453
00:19:00,030 --> 00:19:02,405
Ehdotan, tämä, käytät
paljon kuvaavia nimiä.

454
00:19:02,405 --> 00:19:05,820
ALLISON Buchholtz-AU: Joo, olisin
kutsuvat tätä, kuten, keltainen tai sininen.

455
00:19:05,820 --> 00:19:08,314
>> TOMAS Reimers: Emme ole
todella tekee todellinen verkkosivuilla,

456
00:19:08,314 --> 00:19:09,730
minkä vuoksi emme tee sitä.

457
00:19:09,730 --> 00:19:11,521
Mutta jos todella
oli todellinen verkkosivuilla, sinun

458
00:19:11,521 --> 00:19:16,220
saattaa olla, kuten, artikkeli otsikko,
artikkelin sisältöä, ensimmäinen sana,

459
00:19:16,220 --> 00:19:21,920
tuollaista, jotka mahdollistavat
voit olla paljon kuvaavampi.

460
00:19:21,920 --> 00:19:23,550
Nämä ovat todella aivan kuten muuttujat.

461
00:19:23,550 --> 00:19:28,390
Ne olisi nimettävä siten, jossa
voit, like-- joo, sinänsä.

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

463
00:19:29,470 --> 00:19:30,480
>> Joten taustaväri.

464
00:19:30,480 --> 00:19:35,920
Ja sitten me aiomme say-- niin
tapa vaihtaa väriä on vain "väri."

465
00:19:35,920 --> 00:19:38,412
Ja me aiomme tehdä sininen.

466
00:19:38,412 --> 00:19:40,150
Se on siistiä.

467
00:19:40,150 --> 00:19:42,640
Joten nyt meillä on
kaksi ensimmäistä on erityisiä.

468
00:19:42,640 --> 00:19:45,972
Seuraava yksi menee
on "class = kaunis."

469
00:19:45,972 --> 00:19:49,180
ALLISON Buchholtz-AU: Ja Tulet
haluavat lisätä "melko" keskelle yksi.

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

471
00:19:49,971 --> 00:19:52,970
Ja sitten keskimmäinen,
lisätä "melko" mitä tapahtuu

472
00:19:52,970 --> 00:19:56,880
on sinun täytyy vain tilaa.

473
00:19:56,880 --> 00:19:59,800
Joten luokan attribuutti
on tilaa eroteltu luettelo

474
00:19:59,800 --> 00:20:02,450
Kaikkien luokkien
jotka koskevat kyseistä tunnistetta.

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

476
00:20:02,959 --> 00:20:05,750
Se ei ole kuin tämä yksi kuuluu
jonkinlainen erityinen luokan nimeltä

477
00:20:05,750 --> 00:20:07,180
"Erityinen, avaruus, aika."

478
00:20:07,180 --> 00:20:10,870
Se kuuluu kaksi classes--
erityinen ja kaunis.

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

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

481
00:20:14,360 --> 00:20:17,010
>> Ja sitten jos katsomme
mitä tapahtuu, olemme

482
00:20:17,010 --> 00:20:21,850
näkemään, että ensimmäinen on
keltainen tausta, musta teksti.

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

484
00:20:22,450 --> 00:20:26,160
>> ALLISON Buchholtz-AU: --has rohkea
keltainen tausta sininen teksti.

485
00:20:26,160 --> 00:20:29,330
Ja viimeinen vain on
sininen teksti, josta sille.

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

487
00:20:30,870 --> 00:20:32,491
Miten valitsimet toimivat?

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

489
00:20:32,990 --> 00:20:34,720
>> ALLISON Buchholtz-AU: Haluammeko
puhua konfliktista nyt sitten?

490
00:20:34,720 --> 00:20:35,780
>> TOMAS Reimers: Niin joo.

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

492
00:20:36,310 --> 00:20:38,380
Joten mitä tapahtuu, jos
on ristiriita, eikö?

493
00:20:38,380 --> 00:20:44,740
Teeskennelläänpä ensimmäinen
asettaa jotain like--

494
00:20:44,740 --> 00:20:47,240
ALLISON Buchholtz-AU: Ehkä
tämä muuttaa taustan?

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

496
00:20:48,090 --> 00:20:51,699
Joten aiomme tehdä "melko"
vaihtaa taustakuvan lohta.

497
00:20:51,699 --> 00:20:54,740
ALLISON Buchholtz-AU: Olet vain kanssa
kaikki suuri värit tänään, Tomas.

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

499
00:20:55,573 --> 00:20:58,200
Koska sain selville voin
käyttää lohi todellisena väri.

500
00:20:58,200 --> 00:21:00,270
Joten me vain aio tehdä sitä.

501
00:21:00,270 --> 00:21:01,770
Olen myös sitä mieltä, Sunset on todellinen väri.

502
00:21:01,770 --> 00:21:03,103
Yleisö: Sunset on todellinen väri?

503
00:21:03,103 --> 00:21:04,572
ALLISON Buchholtz-AU: Kokeillaan sitä.

504
00:21:04,572 --> 00:21:07,735
TOMAS Reimers: Kun tämä demo
vain koska jos se sotkee,

505
00:21:07,735 --> 00:21:08,943
En halua debuggaamista.

506
00:21:08,943 --> 00:21:11,580
Joten me tiedämme lohi on todellinen väri.

507
00:21:11,580 --> 00:21:15,626
Joten kaikki arvauksia
mitä tulee tapahtumaan?

508
00:21:15,626 --> 00:21:17,522
>> ALLISON Buchholtz-AU: Jokainen idea?

509
00:21:17,522 --> 00:21:20,002
>> Yleisö: [äänetön].

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

511
00:21:20,920 --> 00:21:22,150
Joten sinulla on juuri oikea.

512
00:21:22,150 --> 00:21:24,930
Periaatteessa se vie
Viimeinen sääntö, että se annettiin.

513
00:21:24,930 --> 00:21:27,860
>> ALLISON Buchholtz-AU: Eli tämä on
jossa CSS tulee voimaan.

514
00:21:27,860 --> 00:21:31,080
>> TOMAS Reimers: Muista siis, kuinka me
oli, että CSS?

515
00:21:31,080 --> 00:21:33,660
Joten, että me tavallaan tarkoittaa
että meillä on joukko sääntöjä

516
00:21:33,660 --> 00:21:37,115
joita sovelletaan päällekkäin muiden, ja
ne voivat myös ohittaa toisensa.

517
00:21:37,115 --> 00:21:39,380
>> ALLISON Buchholtz-AU: Niin
riippumatta n alareunassa

518
00:21:39,380 --> 00:21:41,540
ohittaa mitä on huipulla.

519
00:21:41,540 --> 00:21:45,842
Voisit olla sääntöjä, täysin
tyhjäksi jotain etukäteen.

520
00:21:45,842 --> 00:21:48,300
Se myös, miksi haluat olla
varovainen, kun olet muotoilu,

521
00:21:48,300 --> 00:21:51,465
joten et ole luoda sääntöjä,
olet vain täysin pakottavista.

522
00:21:51,465 --> 00:21:53,340
>> TOMAS Reimers: Tai ehkä
haluat ylikirjoittaa sääntöjä.

523
00:21:53,340 --> 00:21:53,920
>> ALLISON Buchholtz-AU: Tai ehkä tehdä.

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

525
00:21:54,300 --> 00:21:57,175
>> TOMAS Reimers: Kuvittele on
luokka, joka koskee useimpia asioita,

526
00:21:57,175 --> 00:22:01,220
mutta sanokaamme haluat muuttaa
taustaväri punaiseksi ja kirjasin

527
00:22:01,220 --> 00:22:03,140
paino rohkea useimmille
asioita, mutta yksi,

528
00:22:03,140 --> 00:22:06,098
haluat vain taustaväri
olla punainen, mutta haluat kaikki muut

529
00:22:06,098 --> 00:22:09,990
ominaisuudet, voit tehdä jotain
kuten "font-weight = normaali,"

530
00:22:09,990 --> 00:22:12,760
joka sitten kumoa että rohkea muutos.

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

532
00:22:14,480 --> 00:22:17,250
Jälleen paras tapa, luulen
Allison sanoi, on vain harjoitella.

533
00:22:17,250 --> 00:22:18,080
>> ALLISON Buchholtz-AU: Kokeilut.

534
00:22:18,080 --> 00:22:20,090
>> TOMAS Reimers: Harjoittele, harjoittele,
Käytännössä ja kokeilu.

535
00:22:20,090 --> 00:22:22,950
Tiedän paljon ihmisiä, jotka ajattelevat
CSS on vain paljon arvaus-ja-check

536
00:22:22,950 --> 00:22:25,580
lopussa päivä, jossa jos
haluat tehdä something-- kuten,

537
00:22:25,580 --> 00:22:27,663
sinulla karkea idea, mutta
silti luultavasti

538
00:22:27,663 --> 00:22:31,390
kokeilla sitä varmistaa
Tiedätkö miltä se näyttää.

539
00:22:31,390 --> 00:22:34,482
>> Yleisö: Kun olet soveltamalla
luokat, useampi kuin yksi

540
00:22:34,482 --> 00:22:37,339
saman kohdan
tai jakso, tekee sen

541
00:22:37,339 --> 00:22:39,505
mitä järjestyksessä voit
kirjoita ne lainausmerkit?

542
00:22:39,505 --> 00:22:40,992
>> TOMAS Reimers: Ei, ei ollenkaan.

543
00:22:40,992 --> 00:22:45,764
>> ALLISON Buchholtz-AU: Ratkaisevaa on
järjestystä CSS tyylitiedosto.

544
00:22:45,764 --> 00:22:47,430
Yleisö: Voisitteko toistaa kysymyksen?

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

546
00:22:50,680 --> 00:22:53,990
ALLISON Buchholtz-AU: Within
luokka, kun annat luokat

547
00:22:53,990 --> 00:22:56,964
jotain HTML, ei
sillä väliä missä järjestyksessä he ovat?

548
00:22:56,964 --> 00:22:58,130
Sillä ei ole väliä järjestyksessä.

549
00:22:58,130 --> 00:23:02,915
Ratkaisevaa on järjestys
luokkavalitsimien omassa CSS,

550
00:23:02,915 --> 00:23:04,306
sisällä tyylisivuusi.

551
00:23:04,306 --> 00:23:06,982
>> TOMAS Reimers: Ääni hyvä?

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

553
00:23:08,532 --> 00:23:11,539
>> TOMAS Reimers: Ja sitten
aiomme jatkaa to--

554
00:23:11,539 --> 00:23:13,330
ALLISON Buchholtz-AU:
Mitä meillä on seuraavaksi?

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

556
00:23:14,245 --> 00:23:16,087
Voi, meillä vain on esimerkkejä.

557
00:23:16,087 --> 00:23:17,295
Mutta olemme tavallaan tehneet näitä.

558
00:23:17,295 --> 00:23:18,990
Olemme tehneet esimerkkejä lennossa.

559
00:23:18,990 --> 00:23:20,540
>> TOMAS Reimers: Saamme
yhdistää valitsimet pian.

560
00:23:20,540 --> 00:23:22,790
>> ALLISON Buchholtz-AU: Oh,
saamme yhdistää valitsimia.

561
00:23:22,790 --> 00:23:25,260
TOMAS Reimers: Joten jotkut
esimerkkejä on meillä

562
00:23:25,260 --> 00:23:29,630
# Dog-- punta tai hashtag,
tai risuaidalla, tai mitä tahansa

563
00:23:29,630 --> 00:23:32,050
haluat soittaa that-- teräviä.

564
00:23:32,050 --> 00:23:34,875
>> ALLISON Buchholtz-AU: Sharp koira.

565
00:23:34,875 --> 00:23:36,470
>> TOMAS Reimers: Sitten on .pets.

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

567
00:23:39,059 --> 00:23:41,600
Jotain on id koira,
on vain yksi koira sivulla.

568
00:23:41,600 --> 00:23:43,870
Jotain on id
kissa, on vain yksi kissa.

569
00:23:43,870 --> 00:23:45,665
Tähän voi olla monia lemmikkejä sivulla.

570
00:23:45,665 --> 00:23:47,570
Siksi annoimme, että luokat.

571
00:23:47,570 --> 00:23:48,740
Sinulla on esimerkki s.

572
00:23:48,740 --> 00:23:50,490
Ja sitten niin yksi
viimeinen esimerkki, joka

573
00:23:50,490 --> 00:23:53,790
on jotain emme ole puhuneet,
on, mitä tapahtuu, kun yhdistää ne.

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

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

576
00:23:57,510 --> 00:24:02,950
>> Joten, että mennään takaisin
koodi ja esitellä another-- joo.

577
00:24:02,950 --> 00:24:04,290
Joten takaisin tänne.

578
00:24:04,290 --> 00:24:04,850
>> ALLISON Buchholtz-AU: I
tuntuu että tämä on really--

579
00:24:04,850 --> 00:24:08,105
kuten juuri katsellut esimerkkejä
on todella tapa oppia tämän.

580
00:24:08,105 --> 00:24:09,360
Niin, että mitä me teemme.

581
00:24:09,360 --> 00:24:14,030
>> TOMAS Reimers: Joten teeskennellä
vain haluat valita tekstiä 2, eikö?

582
00:24:14,030 --> 00:24:16,530
Joten emme todellakaan voi
tehdä sen id.

583
00:24:16,530 --> 00:24:19,620
No, voisimme tehdä, että
id, mutta se ei ole id.

584
00:24:19,620 --> 00:24:22,490
Voisin lisätä yhden, mutta Teeskennelläänpä
että en halua lisätä yhden

585
00:24:22,490 --> 00:24:24,910
tai se on jo jotain muuta.

586
00:24:24,910 --> 00:24:26,516
En voi tehdä sitä, että.

587
00:24:26,516 --> 00:24:28,870
Tag ei ​​todellakaan ole ainutlaatuinen, eikö?

588
00:24:28,870 --> 00:24:30,670
Ja kumpikaan ei luokassa.

589
00:24:30,670 --> 00:24:32,314
Mutta voit yhdistää nämä asiat.

590
00:24:32,314 --> 00:24:35,230
Sanotaan halusimme tehdä jotain
joka koskee vain asioita, jotka

591
00:24:35,230 --> 00:24:39,420
on luokka erityinen ja
jolla on luokka kaunis.

592
00:24:39,420 --> 00:24:48,150
>> Joten mitä voit tehdä on main.css,
voit sanoa, katsotaanpa ensin poistaa tämän.

593
00:24:48,150 --> 00:24:50,240
Voit yhdistää nämä.

594
00:24:50,240 --> 00:24:51,430
Joten voit tehdä .special.

595
00:24:51,430 --> 00:24:52,110
Ei tilaa.

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

597
00:24:54,770 --> 00:25:00,550
Tämä tarkoittaa sitä jotain
joka on sekä erityinen ja kaunis.

598
00:25:00,550 --> 00:25:01,900
Onko järkeä?

599
00:25:01,900 --> 00:25:04,190
Ja jos mennään täällä, mitä
aiot nähdä

600
00:25:04,190 --> 00:25:09,734
tämä sääntö koskee vain
toinen, jossa on molemmat näistä.

601
00:25:09,734 --> 00:25:11,400
Ja voit tehdä sen paljon asioita.

602
00:25:11,400 --> 00:25:13,270
Voit say-- katsotaanpa
teeskennellä Halusin vain

603
00:25:13,270 --> 00:25:18,300
tehdä asioita, jotka ovat luokassa melko
ja jotka ovat myös kohta tag.

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

605
00:25:19,920 --> 00:25:23,585
Teeskennelläänpä että jouduin
jotain ihan tag elin.

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

607
00:25:25,850 --> 00:25:28,490
Voin ajaa tämän ja minä
voi nähdä, että se on vain

608
00:25:28,490 --> 00:25:32,720
menossa soveltaa asioita, jotka ovat
kohdat luokan kanssa kaunis.

609
00:25:32,720 --> 00:25:35,650
Ja voit yhdistää nämä,
pohjimmiltaan, niin monta kuin haluat.

610
00:25:35,650 --> 00:25:38,580
Joten voit vain laittaa ne yhteen.

611
00:25:38,580 --> 00:25:39,604
Onko järkeä?

612
00:25:39,604 --> 00:25:41,770
ALLISON Buchholtz-AU: Niin
tällainen on enemmän hyötyä

613
00:25:41,770 --> 00:25:45,490
kun Tomas sanoi aikaisemmin, ehkä
sinulla on hyvin monimutkainen verkkosivuilla,

614
00:25:45,490 --> 00:25:48,050
ja sinulla on jo paljon
Näiden sääntöjen kirjoitettu,

615
00:25:48,050 --> 00:25:51,170
ja sinun tarvitsee vain
yhdistää kaksi ennen.

616
00:25:51,170 --> 00:25:55,350
Kuten kirjoittamisen sijaan koko
uusi valitsin ja muuttaa sitä siellä,

617
00:25:55,350 --> 00:25:58,592
voit vain yhdistää
ne, jos se osuu päällekkäin.

618
00:25:58,592 --> 00:26:00,670
>> TOMAS Reimers: Tai sitten
saattaa löytää out-- joskus

619
00:26:00,670 --> 00:26:04,290
siellä on yksi luokka, joka
tekee fontin väri kuten sininen,

620
00:26:04,290 --> 00:26:06,740
ja on toinen luokka, joka
tekee tausta sininen.

621
00:26:06,740 --> 00:26:07,840
Ja että vain ei toimi.

622
00:26:07,840 --> 00:26:10,924
Joten voit kirjoittaa erikoistapaus, jossa,
like-- mutta jos se on sekä, mitä olet

623
00:26:10,924 --> 00:26:13,548
aikoo tehdä, on aiot
tekevät tästä yhden tämän varjossa sininen

624
00:26:13,548 --> 00:26:15,310
ja tämä tämä toinen sävy sininen.

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

626
00:26:15,580 --> 00:26:17,955
>> ALLISON Buchholtz-AU: Hyvä
tuollaiset poikkeuksia.

627
00:26:17,955 --> 00:26:21,220
TOMAS Reimers: Niin
ajatella ongelmia

628
00:26:21,220 --> 00:26:25,000
joita saattaa syntyä, kun yhdistää ne.

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

630
00:26:27,020 --> 00:26:29,692
Joten takaisin meidän esitys.

631
00:26:29,692 --> 00:26:31,400
ALLISON Buchholtz-AU:
Olemme melkein perillä.

632
00:26:31,400 --> 00:26:34,022
TOMAS Reimers: Ja
on pysähtynyt yhdistää.

633
00:26:34,022 --> 00:26:36,494
ALLISON Buchholtz-AU: Voi ei.

634
00:26:36,494 --> 00:26:39,125
ALLISON Buchholtz-AU: CS at
toimisto, internet menee alas.

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

636
00:26:40,360 --> 00:26:45,620
>> TOMAS Reimers: Niin Onneksi voimme
esittää ilman internet, luulisin,

637
00:26:45,620 --> 00:26:47,380
koska meillä on kaikki diat täällä.

638
00:26:47,380 --> 00:26:49,304
Joten puhutaanpa
suhde tageja.

639
00:26:49,304 --> 00:26:50,470
ALLISON Buchholtz-AU: Oikea.

640
00:26:50,470 --> 00:26:52,660
Joten vain sellainen menossa
pois mitä Tomas sanoi,

641
00:26:52,660 --> 00:26:54,180
tämä on vain yksi tapa tehdä se.

642
00:26:54,180 --> 00:26:57,840
Joten meillä on joitakin vanhempi
valitsin lapsen valitsin.

643
00:26:57,840 --> 00:27:02,815
Joten tässä esimerkissä täällä, meillä on joitakin
runko luokan navbar, luokka-painiketta.

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

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

646
00:27:03,990 --> 00:27:06,180
>> ALLISON Buchholtz-AU: Ja
pohjimmiltaan, mitä tämä tarkoittaa

647
00:27:06,180 --> 00:27:11,070
on valita kaikki lapset, kuten
kaikki tämänkaltaisissa valitsimet,

648
00:27:11,070 --> 00:27:13,040
tämän vanhemman valitsin.

649
00:27:13,040 --> 00:27:16,004
Ja ne ovat ainoat
se koskaan aio soveltaa.

650
00:27:16,004 --> 00:27:17,755
En tiedä, jos olet
on parempi tapa of--

651
00:27:17,755 --> 00:27:19,504
TOMAS Reimers: So I
arvata tapa ajatella

652
00:27:19,504 --> 00:27:22,440
tästä on muistettava ennen miten
me tavallaan kuin laittaa ne yhteen.

653
00:27:22,440 --> 00:27:26,340
Ja niin se tarkoittaa yhden elementin
joka vastaa näitä kaikkia.

654
00:27:26,340 --> 00:27:29,530
Mitä tämä sanoo ei, minä
haluavat sinun sovittaa kaiken

655
00:27:29,530 --> 00:27:33,220
sisällä some-- Haluan
löydät valitsin.

656
00:27:33,220 --> 00:27:35,670
Ja sitten sisällä että haluan
voit sovittaa uusia asioita.

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

658
00:27:36,170 --> 00:27:40,900
Niin CSS, se kaikki tavallaan
pysty vastaamaan näitä kohteita.

659
00:27:40,900 --> 00:27:43,050
Ja voit yrittää sovittaa
erät muita kohteita.

660
00:27:43,050 --> 00:27:46,510
>> Joten itse tehdä esimerkiksi
ja uskomme, että saat selventää.

661
00:27:46,510 --> 00:27:53,090
Joten teeskennellä meillä on erityinen,
erityistä melko riippumatta.

662
00:27:53,090 --> 00:27:55,690
Ja sitten meillä on linkki, OK?

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

664
00:27:59,780 --> 00:28:02,370
Muista siis, on linkki.

665
00:28:02,370 --> 00:28:03,900
Se ei mene minnekään.

666
00:28:03,900 --> 00:28:11,500
Ja me aiomme antaa sen
luokan linkin, luulisin.

667
00:28:11,500 --> 00:28:13,335
Annetaan sen
class-- antaa minulle idea.

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

669
00:28:14,460 --> 00:28:16,420
TOMAS Reimers: Coo-- katsotaanpa
mennä sen luokan aika.

670
00:28:16,420 --> 00:28:16,930
Miksi ei?

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

672
00:28:17,971 --> 00:28:23,040
TOMAS Reimers: Niin
nyt melko asioita

673
00:28:23,040 --> 00:28:26,000
aiomme tehdä tausta
sininen, taustaväri lohen.

674
00:28:26,000 --> 00:28:27,969
Tämä on järkevää.

675
00:28:27,969 --> 00:28:28,760
Ja jos teemme this--

676
00:28:28,760 --> 00:28:29,620
>> ALLISON Buchholtz-AU:
Haluatko lisätä tekstiä

677
00:28:29,620 --> 00:28:31,078
niin hyperlinkki todella näkyy?

678
00:28:31,078 --> 00:28:35,088
TOMAS Reimers: Että
olisi hyvä soittaa.

679
00:28:35,088 --> 00:28:37,921
ALLISON Buchholtz-AU: "Syy oikeus
Nyt me vain gonna get mitään.

680
00:28:37,921 --> 00:28:39,690
TOMAS Reimers: Eli tämä on linkki.

681
00:28:39,690 --> 00:28:42,202
"Tämä on linkki."

682
00:28:42,202 --> 00:28:45,820
Niin, ja tämä on menossa
olla toinen linkki.

683
00:28:45,820 --> 00:28:47,280
Annetaan sen luokan "cool".

684
00:28:47,280 --> 00:28:50,295
Olet oikeassa.

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
Joten nyt aiomme tarttua tähän.

688
00:28:56,010 --> 00:28:57,269
Aiomme heittää yhden.

689
00:28:57,269 --> 00:28:59,060
Meillä on yksi
erityistä tag, ja me myös

690
00:28:59,060 --> 00:29:01,150
menossa on yksi melko tag.

691
00:29:01,150 --> 00:29:05,449
Ja juuri nyt, mitä aiomme
do on aiomme tehdä cool--

692
00:29:05,449 --> 00:29:06,490
Mitä me haluamme sen tehdä?

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

694
00:29:10,347 --> 00:29:12,180
ALLISON Buchholtz-AU:
Voimmeko tehdä sen suurempana?

695
00:29:12,180 --> 00:29:13,800
TOMAS Reimers: Annetaan sen rajan.

696
00:29:13,800 --> 00:29:14,840
ALLISON Buchholtz-AU: Voisimme raja.

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

698
00:29:15,673 --> 00:29:18,560
Joten aiomme tehdä jotain
kuten, raja is-- ja olemme

699
00:29:18,560 --> 00:29:20,971
aikovat selittää kaikki toinen.

700
00:29:20,971 --> 00:29:21,470
Saat now--

701
00:29:21,470 --> 00:29:24,592
>> ALLISON Buchholtz-AU: Voit laatikkomallista.

702
00:29:24,592 --> 00:29:27,300
TOMAS Reimers: Mutta nyt olemme
juuri menossa antaa se raja.

703
00:29:27,300 --> 00:29:29,580
Joten mitä se tarkoittaa on olet
näkemään nämä linkit.

704
00:29:29,580 --> 00:29:32,788
Ja te tulette näkemään, että heillä on
Näiden, kuten, ruma mustat reunat, jotka

705
00:29:32,788 --> 00:29:33,820
on viileä.

706
00:29:33,820 --> 00:29:34,500
>> ALLISON Buchholtz-AU:
Sivustomme on niin kaunis.

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

708
00:29:35,333 --> 00:29:38,930
Sivustomme on mahtava.

709
00:29:38,930 --> 00:29:41,585
Joten nämä kaksi ovat linkkejä, ja ne näkyvät.

710
00:29:41,585 --> 00:29:44,160
Nyt teeskennellä I
vain halusi tehdä tämän

711
00:29:44,160 --> 00:29:50,072
jos se ei sisällä jotain
joka oli taustalla lohen.

712
00:29:50,072 --> 00:29:52,280
Muista siis, että tämä
on tausta lohta,

713
00:29:52,280 --> 00:29:54,000
koska se on luokan aika.

714
00:29:54,000 --> 00:29:59,777
>> Mutta haluamme sanoa, että vain jäähtyy
jotka ovat luokassa erityistä, ei luokassa

715
00:29:59,777 --> 00:30:02,890
kaunis, pitäisi olla, että raja.

716
00:30:02,890 --> 00:30:12,549
No, mitä voit tehdä, on sinun
voi sanoa, .special, tila, .cool.

717
00:30:12,549 --> 00:30:15,590
Ja mitä se tekee, kun luulet
siitä, on se pohjimmiltaan sanomalla,

718
00:30:15,590 --> 00:30:19,530
OK, löytää minulle kaiken
joka vastaa erityistä.

719
00:30:19,530 --> 00:30:24,104
Sitten näissä tageja, löytää
minulle kaiken, on siistiä.

720
00:30:24,104 --> 00:30:27,270
ALLISON Buchholtz-AU: Niin toinen tapa
että voisi olla hyvä miettiä tätä,

721
00:30:27,270 --> 00:30:29,810
tuo sen takaisin C, on
aivan kuten ajatus soveltamisalaa.

722
00:30:29,810 --> 00:30:34,020
Joten kun sinulla on
valitsin, kuten ne

723
00:30:34,020 --> 00:30:38,460
että olemme työskennelleet ennen tätä,
koko web-sivun, kaikki HTML

724
00:30:38,460 --> 00:30:40,180
on omassa soveltamisalaan, eikö?

725
00:30:40,180 --> 00:30:43,090
Mutta kun meillä on nämä
vanhempi-lapsi-suhteessa,

726
00:30:43,090 --> 00:30:47,130
se on kuin jos olet supistaen jossa
etsit tiettyyn paikkaan,

727
00:30:47,130 --> 00:30:50,540
ikään kuin, kuten, etsimme sisällä
tietyn toiminnon sijaan

728
00:30:50,540 --> 00:30:52,007
meidän koko tiedoston.

729
00:30:52,007 --> 00:30:55,090
Yleisö: Niin, että mielessä, olisi
se on väliä, jos meillä olisi changed--

730
00:30:55,090 --> 00:30:56,423
ALLISON Buchholtz-AU: Tilauksen?

731
00:30:56,423 --> 00:30:59,320
Yleisö: --The luokan CSS
ja .cool, tilaa, .special?

732
00:30:59,320 --> 00:31:01,153
ALLISON Buchholtz-AU:
Kyllä, koska silloin se

733
00:31:01,153 --> 00:31:04,420
sanoisi, soveltamisala sen
kaiken, on viileä,

734
00:31:04,420 --> 00:31:07,235
ja sitten katsoa, ​​mitä has--
Tarkoitan, kuten tässä tapauksessa,

735
00:31:07,235 --> 00:31:08,860
En usko, että se olisi muuttanut sitä.

736
00:31:08,860 --> 00:31:10,318
>> TOMAS Reimers: Jos olisimme sanoi mitä?

737
00:31:10,318 --> 00:31:10,906
Anteeksi.

738
00:31:10,906 --> 00:31:12,660
>> ALLISON Buchholtz-AU: Jos me
soveltamisala sen jäähtyä ja sitten

739
00:31:12,660 --> 00:31:14,550
etsiä asioita erityistä,
se olisi sama, todella.

740
00:31:14,550 --> 00:31:16,260
>> TOMAS Reimers: Joten se ei olisi.

741
00:31:16,260 --> 00:31:16,590
>> ALLISON Buchholtz-AU: Se ei?

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

743
00:31:17,590 --> 00:31:18,090
Olen väärässä.

744
00:31:18,090 --> 00:31:21,480
>> TOMAS Reimers: Eli syy
se different-- yhteinen mistake--

745
00:31:21,480 --> 00:31:27,140
on, että juuri nyt vain
linkki on viileä, eikö?

746
00:31:27,140 --> 00:31:32,176
Oletan kysymykseni te on,
mitä tällä sivulla on sovitettava .cool?

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

748
00:31:35,984 --> 00:31:38,340
On kaksi tagit täällä, eikö?

749
00:31:38,340 --> 00:31:39,770
Kumpi on tämä ja tämä.

750
00:31:39,770 --> 00:31:40,590
Molemmat vastaavat viileä.

751
00:31:40,590 --> 00:31:42,200
Mikään muu ei.

752
00:31:42,200 --> 00:31:46,460
Joten jos sanoit, .cool, avaruus,
.special, mitä aiot sanoa,

753
00:31:46,460 --> 00:31:48,824
näissä tunnisteet, mikä on erityinen?

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

755
00:31:49,865 --> 00:31:51,800
Sitähän it-- oikeassa.

756
00:31:51,800 --> 00:31:52,310
Koska se on kuin vain jotain täällä.

757
00:31:52,310 --> 00:31:53,310
>> TOMAS Reimers: Niin se valitsee mitään.

758
00:31:53,310 --> 00:31:56,530
>> ALLISON Buchholtz-AU: katsoo kanssa
erityinen, olemme näissä tagit täällä.

759
00:31:56,530 --> 00:31:57,971
>> TOMAS Reimers: Nämä ja nämä.

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

761
00:31:58,512 --> 00:31:58,920
Joten ne tageja eteenpäin slash?

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

763
00:31:59,740 --> 00:32:01,150
Onko järkeä?

764
00:32:01,150 --> 00:32:03,685
Miten se on pohjimmiltaan
yrittää kapea.

765
00:32:03,685 --> 00:32:04,810
ALLISON Buchholtz-AU: Joo.

766
00:32:04,810 --> 00:32:06,870
Luulen, että se luultavasti
Helpoin tapa ajatella sitä.

767
00:32:06,870 --> 00:32:09,270
>> TOMAS Reimers: Eli löysimme tämän, ja
löysimme tämän molemmat Hyväksytty erityistä.

768
00:32:09,270 --> 00:32:11,400
Ja sitten pyydämme kuluessa
nämä kaverit, mikä on siistiä?

769
00:32:11,400 --> 00:32:12,941
Ja tässä yksi, tämä viileä.

770
00:32:12,941 --> 00:32:14,500
Tässä yksi, ei mitään siistiä.

771
00:32:14,500 --> 00:32:16,250
Joten tämä on vain tunniste, joka pysyy.

772
00:32:16,250 --> 00:32:20,112
>> ALLISON Buchholtz-AU: katsoo viileä
on vain näissä tageja siellä.

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

774
00:32:21,070 --> 00:32:22,403
Ja mitä erityistä näissä?

775
00:32:22,403 --> 00:32:22,930
Ei mitään.

776
00:32:22,930 --> 00:32:25,270
Nyt, mitä aion sanoa on
jos ei ollut tilaa,

777
00:32:25,270 --> 00:32:29,880
kysyt mikä on siistiä ja special--
tai mikä on melko ja erikoista, eikö?

778
00:32:29,880 --> 00:32:35,370
Jos sanot .special.pretty, se
sama kuin .pretty.special.

779
00:32:35,370 --> 00:32:39,220
>> Koska mitä poistamalla tila on
kysyy on, kun sanot .special,

780
00:32:39,220 --> 00:32:40,970
kysyt, OK,
mitkä ovat erityisiä?

781
00:32:40,970 --> 00:32:43,780
Ja sitten niitä, jotka
ne ovat myös kauniita,

782
00:32:43,780 --> 00:32:47,010
joka on sama, kieliopillisesti,
tarkoittavan sitä, mikä on melko,

783
00:32:47,010 --> 00:32:49,500
ja sitten niitä, mitä myös erityistä?

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

785
00:32:50,000 --> 00:32:53,099
Se ero
mitä sisällä, mikä on.

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

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

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

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

790
00:32:58,030 --> 00:33:00,426
Niin, että mielessä then--

791
00:33:00,426 --> 00:33:01,800
>> ALLISON Buchholtz-AU: Mielestäni meidän viimeinen
asia on (fancy brittikorostuksellaan)

792
00:33:01,800 --> 00:33:02,510
laatikko malli.

793
00:33:02,510 --> 00:33:05,992
>> TOMAS Reimers: box-- [naureskelee]
Rakastan Allison sanoo.

794
00:33:05,992 --> 00:33:06,950
Joten laatikkomallista asia.

795
00:33:06,950 --> 00:33:09,644
>> ALLISON Buchholtz-AU: Täytyy vain
laatikko, otan laatikko malli.

796
00:33:09,644 --> 00:33:11,310
TOMAS Reimers: Joten puhua siitä.

797
00:33:11,310 --> 00:33:14,070
Joten nyt olemme käyttäneet paljon
aikaa puhumalla valitsimia.

798
00:33:14,070 --> 00:33:16,944
Tähän mennessä te olette varmaan, kuten,
päälliköiden selectors-- tiedätte,

799
00:33:16,944 --> 00:33:21,510
miten tarkalleen valita sisältöä
haluat manipuloida ruudulla.

800
00:33:21,510 --> 00:33:24,740
>> Joten nyt kysymys on, miten
tarkalleen voit manipuloida sitä?

801
00:33:24,740 --> 00:33:27,010
Joten kai alkeellisinta
tapa ajatella, että

802
00:33:27,010 --> 00:33:30,294
on hyvin, mitä
on osa CSS?

803
00:33:30,294 --> 00:33:32,585
Olemme viettäneet paljon aikaa
puhumme, mitä on tunniste,

804
00:33:32,585 --> 00:33:36,140
tai mikä on yksinkertaisin
edustus tag?

805
00:33:36,140 --> 00:33:39,870

806
00:33:39,870 --> 00:33:45,170
>> Hyvä tapa ajatella
eli mikä muoto on lohi?

807
00:33:45,170 --> 00:33:47,295
Mikä muoto on, kuten,
lohi-värillinen tausta?

808
00:33:47,295 --> 00:33:47,880
>> Yleisö: Se suorakulmio.

809
00:33:47,880 --> 00:33:49,040
>> TOMAS Reimers: Se suorakulmio, eikö?

810
00:33:49,040 --> 00:33:50,956
>> ALLISON Buchholtz-AU:
Eikö temppu kysymys.

811
00:33:50,956 --> 00:33:51,870
[Naurua]

812
00:33:51,870 --> 00:33:54,670
>> TOMAS Reimers: Ei yrittää
huijata te näin myöhään.

813
00:33:54,670 --> 00:33:57,510
Joten meillä on tämä suorakulmio.

814
00:33:57,510 --> 00:33:59,140
Ja tag on p, eikö?

815
00:33:59,140 --> 00:34:02,280
Niin, että antaa meille hyvän
uskovansa, että kohta

816
00:34:02,280 --> 00:34:07,440
on edustettuina suorakaiteen
ainakin mielessä selain, joka

817
00:34:07,440 --> 00:34:08,715
se on.

818
00:34:08,715 --> 00:34:11,423
>> ALLISON Buchholtz-AU: Tarkoitan,
selaimet ovat tyypillisesti suorakulmainen,

819
00:34:11,423 --> 00:34:13,440
joten on järkevää.

820
00:34:13,440 --> 00:34:18,750
>> TOMAS Reimers: Ideana on
että kaikki tunnisteita CSS

821
00:34:18,750 --> 00:34:21,790
ovat edustettuina suorakulmio.

822
00:34:21,790 --> 00:34:25,699
Ja jokainen suorakulmion on neljä
osat mukaan CSS, OK?

823
00:34:25,699 --> 00:34:27,830
Sinulla on todellinen sisältö.

824
00:34:27,830 --> 00:34:29,644
Siellä tekstin piilee.

825
00:34:29,644 --> 00:34:30,470
>> ALLISON Buchholtz-AU:
Ehkä teidän kuva.

826
00:34:30,470 --> 00:34:31,303
>> TOMAS Reimers: Joo.

827
00:34:31,303 --> 00:34:33,860
Sinulla on pehmuste, joka on
vain jonkinlaista valkoista tilaa.

828
00:34:33,860 --> 00:34:35,085
Sitten on raja.

829
00:34:35,085 --> 00:34:37,710
Ja sitten on marginaali, joka
on valkoinen tila ulkopuolella että.

830
00:34:37,710 --> 00:34:39,460
Niin että ei ole mitään järkeä
kenellekään, joten olemme

831
00:34:39,460 --> 00:34:42,500
aio puhua, että toinen.

832
00:34:42,500 --> 00:34:47,570
Joten täällä, mitä me aiomme tehdä
on aiomme luoda jonkinlaista divs, OK?

833
00:34:47,570 --> 00:34:48,420
Anteeksi kun I--

834
00:34:48,420 --> 00:34:51,506
>> ALLISON Buchholtz-AU: minusta tuntuu
meidän pitäisi laittaa söpö kuva.

835
00:34:51,506 --> 00:34:52,520
>> TOMAS Reimers: Olemme ehdottomasti pitäisi.

836
00:34:52,520 --> 00:34:53,389
>> ALLISON Buchholtz-AU:
Tunnen kaikki

837
00:34:53,389 --> 00:34:54,870
voisivat hyötyä
söpö kuva, on kaikki.

838
00:34:54,870 --> 00:34:56,774
>> TOMAS Reimers: Voimmeko
kaikki hyötyvät a--

839
00:34:56,774 --> 00:34:57,648
>> Yleisö: Joo, varmasti.

840
00:34:57,648 --> 00:34:58,790
TOMAS Reimers: OK, viileä.

841
00:34:58,790 --> 00:35:02,254
Joten meidän pitäisi laittaa söpö
kuva jonnekin.

842
00:35:02,254 --> 00:35:05,295
ALLISON Buchholtz-AU: Tunnen
söpö pupu voi olla hyödyllistä juuri nyt.

843
00:35:05,295 --> 00:35:06,190
TOMAS Reimers: Toki.

844
00:35:06,190 --> 00:35:06,950
ALLISON Buchholtz-AU: loppuviikolla.

845
00:35:06,950 --> 00:35:07,390
Onko jotain adorab--

846
00:35:07,390 --> 00:35:08,520
>> TOMAS Reimers: Miten bout kissanpentu?

847
00:35:08,520 --> 00:35:09,220
>> ALLISON Buchholtz-AU:
Kissanpentu toimii myös.

848
00:35:09,220 --> 00:35:11,300
>> TOMAS Reimers: Cool, koska
siellä sivusto, joka.

849
00:35:11,300 --> 00:35:12,300
Sitä kutsutaan PlaceKitten.

850
00:35:12,300 --> 00:35:14,719
ALLISON Buchholtz-AU: Se on hienoa.

851
00:35:14,719 --> 00:35:15,510
TOMAS Reimers: Kyllä.

852
00:35:15,510 --> 00:35:18,040
ALLISON Buchholtz-AU: Vain, kuten,
paikanvaraajan kuvia sivustosi.

853
00:35:18,040 --> 00:35:18,914
TOMAS Reimers: Mm-hm.

854
00:35:18,914 --> 00:35:21,520
Mukana on myös PlacePuppy.

855
00:35:21,520 --> 00:35:22,832
Ja siellä PlaceBacon.

856
00:35:22,832 --> 00:35:24,340
>> ALLISON Buchholtz-AU: PlaceBacon?

857
00:35:24,340 --> 00:35:25,350
Oikeasti?

858
00:35:25,350 --> 00:35:28,190
>> TOMAS Reimers: Voi, emme
on internetyhteys täällä.

859
00:35:28,190 --> 00:35:29,875
>> ALLISON Buchholtz-AU: [voihkina]

860
00:35:29,875 --> 00:35:30,375
Traaginen.

861
00:35:30,375 --> 00:35:32,333
TOMAS Reimers: Muussa tapauksessa,
Haluan näyttää sinulle kaverit

862
00:35:32,333 --> 00:35:33,870
miten laittaa kuvia sivustosi.

863
00:35:33,870 --> 00:35:36,370
Aiomme yrittää saada tämän
työskentelevät ennen meidän täytyy mennä.

864
00:35:36,370 --> 00:35:38,660
Mutta nyt, olemme vain
aio puhua väreissä sitten.

865
00:35:38,660 --> 00:35:39,820
Haluamme laittaa kuvia kittens--

866
00:35:39,820 --> 00:35:40,210
>> ALLISON Buchholtz-AU: Teimme.

867
00:35:40,210 --> 00:35:43,110
>> TOMAS Reimers: --The internetin
alas hetkellä kovin.

868
00:35:43,110 --> 00:35:47,820
Joten meillä on kaksi divs, ja olemme
annan heille kaksi ids.

869
00:35:47,820 --> 00:35:51,380

870
00:35:51,380 --> 00:35:56,760
Aiomme kutsua sitä
"Ensimmäinen" ja "toinen."

871
00:35:56,760 --> 00:36:01,184
Joten id = "ensin."

872
00:36:01,184 --> 00:36:02,850
Ja me aiomme antaa heille kaksi väriä.

873
00:36:02,850 --> 00:36:08,424
Miten siis valita jotain
joiden id "ensimmäinen"?

874
00:36:08,424 --> 00:36:09,840
ALLISON Buchholtz-AU: Dot tai hash?

875
00:36:09,840 --> 00:36:10,730
Yleisö: Sharp.

876
00:36:10,730 --> 00:36:12,940
TOMAS Reimers: Sharp, täydellinen.

877
00:36:12,940 --> 00:36:14,950
Sharp, hash, mitä we--

878
00:36:14,950 --> 00:36:15,680
>> ALLISON Buchholtz-AU:
Paljon asioita kutsua sitä.

879
00:36:15,680 --> 00:36:16,430
>> TOMAS Reimers: OK.

880
00:36:16,430 --> 00:36:19,800
Aiomme laskeutua hashtag, ja
sitähän me aiomme mennä.

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: Niin hashtag ensimmäinen.

884
00:36:22,340 --> 00:36:24,506
>> ALLISON Buchholtz-AU: Niin
Voit piipittää seminar--

885
00:36:24,506 --> 00:36:27,582
hashtag CSS, hashtag viileä.

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:
Hashtag Awesomeness, kyllä.

888
00:36:30,730 --> 00:36:31,480
TOMAS Reimers: OK.

889
00:36:31,480 --> 00:36:33,660
Joten meillä on "ensimmäinen" ja "toinen."

890
00:36:33,660 --> 00:36:37,697
Joten ensimmäinen, aiomme olla
taustavärin punaiseksi.

891
00:36:37,697 --> 00:36:39,030
ALLISON Buchholtz-AU: Tuota, kaksoispiste.

892
00:36:39,030 --> 00:36:40,281
TOMAS Reimers: Jep.

893
00:36:40,281 --> 00:36:42,281
ALLISON Buchholtz-AU:
Olen teidän spot-nappula.

894
00:36:42,281 --> 00:36:43,960
TOMAS Reimers: Allison sai minut.

895
00:36:43,960 --> 00:36:45,830
Tausta-väri blue--

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: Kyllä.

899
00:36:48,830 --> 00:36:50,630
Purple minun lempiväri,
ja me emme ole käyttäneet sitä vielä.

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
Se toimii.

903
00:36:53,860 --> 00:36:56,482

904
00:36:56,482 --> 00:36:59,880
>> TOMAS Reimers: Olemme siis
menossa on kaksi divs.

905
00:36:59,880 --> 00:37:01,654
He aikovat olla täysin tyhjä.

906
00:37:01,654 --> 00:37:03,070
Meidän pitäisi varmaan olla jotain tekstiä.

907
00:37:03,070 --> 00:37:05,580

908
00:37:05,580 --> 00:37:09,815
Joten "ensimmäinen" tulee olemaan "Hello."

909
00:37:09,815 --> 00:37:10,940
Ja "toinen" on say--

910
00:37:10,940 --> 00:37:11,110
>> ALLISON Buchholtz-AU: Goodbye.

911
00:37:11,110 --> 00:37:12,514
>> Yleisö: - "WORLD."

912
00:37:12,514 --> 00:37:14,122
Hei, näkemiin.

913
00:37:14,122 --> 00:37:16,580
ALLISON Buchholtz-AU: Olen nähnyt
ne konsertti toinen viikko.

914
00:37:16,580 --> 00:37:17,705
TOMAS Reimers: Beatles?

915
00:37:17,705 --> 00:37:20,242
ALLISON Buchholtz-AU: For reals.

916
00:37:20,242 --> 00:37:21,200
Ne eivät ole niin suuri.

917
00:37:21,200 --> 00:37:24,084

918
00:37:24,084 --> 00:37:24,750
En pidä siitä.

919
00:37:24,750 --> 00:37:26,060
>> TOMAS Reimers: Meillä on
"Hei" ja "näkemiin."

920
00:37:26,060 --> 00:37:29,102
Ja taas, CSS on aivan mahtava,
koska se tunnustaa meidän värejä.

921
00:37:29,102 --> 00:37:30,810
Ei tarvitse edes
huolehtia, että ne ovat olemassa.

922
00:37:30,810 --> 00:37:33,194
He tekevät.

923
00:37:33,194 --> 00:37:35,130
>> ALLISON Buchholtz-AU: Ne ovat olemassa.

924
00:37:35,130 --> 00:37:39,560
>> TOMAS Reimers: Niin CSS mielestäni on
255 sanaa puhua väri.

925
00:37:39,560 --> 00:37:42,986
Jos voit ajatella väri ulkopuolella
ne 255, kuten, aion olla vaikuttunut.

926
00:37:42,986 --> 00:37:44,110
ALLISON Buchholtz-AU: Joo.

927
00:37:44,110 --> 00:37:45,560
Mielestäni te voi olla
vain tulla heti.

928
00:37:45,560 --> 00:37:47,727
>> TOMAS Reimers: Joten tässä,
näet meillä on kaksi laatikkoa

929
00:37:47,727 --> 00:37:49,143
aivan päällekkäin, eikö?

930
00:37:49,143 --> 00:37:50,200
Hei ja näkemiin.

931
00:37:50,200 --> 00:37:51,460
>> ALLISON Buchholtz-AU:
Ei ole tilaa väliin.

932
00:37:51,460 --> 00:37:53,390
He vain smooshed
aivan päällekkäin.

933
00:37:53,390 --> 00:37:55,973
>> TOMAS Reimers: Joten ensimmäinen asia
Kai meidän pitäisi puhua

934
00:37:55,973 --> 00:38:02,960
on katsotaanpa myös say-- joo.

935
00:38:02,960 --> 00:38:08,020
Joten CSS edustaa niitä tavallaan laatikoita.

936
00:38:08,020 --> 00:38:10,100
Ja laatikot, ne ovat sisältöä.

937
00:38:10,100 --> 00:38:14,540
Ja sisältö nyt on eräänlainen
HELLO tai GOODBYE ja se on siinä.

938
00:38:14,540 --> 00:38:15,040
OK?

939
00:38:15,040 --> 00:38:19,790
>> Joten yksi ensimmäisistä asioista sinun
voi tehdä, on voit lisätä täyte.

940
00:38:19,790 --> 00:38:25,610
Täyte kertoo kuinka paljon tilaa
se pitäisi jättää kummallakin puolella.

941
00:38:25,610 --> 00:38:29,200
Joten sanokaamme haluan sanoa
10 pikseliä kummallakin puolella.

942
00:38:29,200 --> 00:38:31,234
Ja minä leikellä että toinen.

943
00:38:31,234 --> 00:38:33,150
ALLISON Buchholtz-AU:
Kaikki nämä asiat täällä

944
00:38:33,150 --> 00:38:36,980
tulevat olemaan pääosin pikseliä
muulle seminaarin.

945
00:38:36,980 --> 00:38:40,980
Sinä näet, että se on
Joissakin tilaa ympärilleen, eikö?

946
00:38:40,980 --> 00:38:46,360
Mitä et näe tässä siellä
tämä näkymätön tavallaan pehmuste

947
00:38:46,360 --> 00:38:49,600
kummallakin puolella, jossa sanotaan, kuten,
OK, sinulla on laatikko content--

948
00:38:49,600 --> 00:38:51,680
>> ALLISON Buchholtz-AU: Haluatko
vain vetää ylös tarkastaa elementti?

949
00:38:51,680 --> 00:38:53,659
>> TOMAS Reimers: Joo, se on hyvä idea.

950
00:38:53,659 --> 00:38:56,700
ALLISON Buchholtz-AU: Olen myös löytää
että tarkastaa elementti on hyvä tapa

951
00:38:56,700 --> 00:39:01,280
selvittää, jos jotain menee
väärä, jotain odottamatonta tapahtuu,

952
00:39:01,280 --> 00:39:04,570
tarkastuksen tunnisteet ja nähdä, mitä
se on kuin korvataan on hyödyllistä.

953
00:39:04,570 --> 00:39:05,940
>> TOMAS Reimers: Joten en ole varma
jos te voi nähdä tätä väriä.

954
00:39:05,940 --> 00:39:06,470
Voitko?

955
00:39:06,470 --> 00:39:10,120
Näet tämän täyte
on eräänlainen reuna.

956
00:39:10,120 --> 00:39:13,410
Ja sitten näet todellinen
sisältöä sininen, eikö?

957
00:39:13,410 --> 00:39:16,820
Niin, että hyvin
perusteet laatikon mallin.

958
00:39:16,820 --> 00:39:17,674
Sinulla on sisältöä.

959
00:39:17,674 --> 00:39:18,590
Sitten on täyte.

960
00:39:18,590 --> 00:39:20,440
>> Yleisö: Miksi et vain
käytä laatikon sisällä the--

961
00:39:20,440 --> 00:39:21,606
>> ALLISON Buchholtz-AU: Oikea.

962
00:39:21,606 --> 00:39:24,745
Koska se on vain valitsemalla
elementti juuri nyt.

963
00:39:24,745 --> 00:39:26,050
>> TOMAS Reimers: Jep.

964
00:39:26,050 --> 00:39:27,060
Muita asioita.

965
00:39:27,060 --> 00:39:29,780
Joten puhutaanpa että
padding komennon toista.

966
00:39:29,780 --> 00:39:36,380
Niin CSS, mittaukset
täytyy olla yksikkö.

967
00:39:36,380 --> 00:39:39,740
Joten ensin on määrä.

968
00:39:39,740 --> 00:39:41,460
Joten tässä tapauksessa, olemme sanoneet 10.

969
00:39:41,460 --> 00:39:44,780
Ja sitten seuraava
olemme sanoneet on pikseliä, px.

970
00:39:44,780 --> 00:39:49,160
Muut niistä saatat olla olemassa
asioita, kuten senttimetriä, tuumaa.

971
00:39:49,160 --> 00:39:51,367
Voit tehdä asioita, kuten,
mikä on 10 tuumaa?

972
00:39:51,367 --> 00:39:52,700
Ja se tulee olemaan naurettava.

973
00:39:52,700 --> 00:39:52,990
>> ALLISON Buchholtz-AU: Voi pojat.

974
00:39:52,990 --> 00:39:53,460
>> Yleisö: Vau.

975
00:39:53,460 --> 00:39:54,460
>> Tomas ALLISON: Joo.

976
00:39:54,460 --> 00:39:57,840
TOMAS Reimers: Niin, että kaikki täyte.

977
00:39:57,840 --> 00:39:59,255
Aion palata pikseliä.

978
00:39:59,255 --> 00:40:01,754
>> ALLISON Buchholtz-AU: Pikselit
yleensä, kuten, standardi.

979
00:40:01,754 --> 00:40:04,589
Kun katsot paljon sivustoja,
ne useimmiten toimivat pikseliä.

980
00:40:04,589 --> 00:40:07,755
TOMAS Reimers: Niin aiot nähdä
joko pixels-- toisilla näet

981
00:40:07,755 --> 00:40:13,952
on em, joka on yksi em on
sama korkeus fontin

982
00:40:13,952 --> 00:40:15,160
joka käytät tällä hetkellä.

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: Se on hyvä tapa sanoa,
kuten, haluan niin paljon tilaa kuin minun font

986
00:40:20,740 --> 00:40:21,514
on ottaen.

987
00:40:21,514 --> 00:40:23,180
ALLISON Buchholtz-AU: Ei tiennyt, että.

988
00:40:23,180 --> 00:40:25,747
Voit oppia jotain uutta joka päivä.

989
00:40:25,747 --> 00:40:27,955
TOMAS Reimers: On
paljon mittauksia CS.

990
00:40:27,955 --> 00:40:29,260
Ehdotan etsiä niitä.

991
00:40:29,260 --> 00:40:32,122
Kaikille tapauksissa luulen
pikseliä pitäisi riittää.

992
00:40:32,122 --> 00:40:33,830
Ja ne ovat myös mitä
aiot nähdä

993
00:40:33,830 --> 00:40:36,520
useimmissa esimerkeissä tehdään verkossa.

994
00:40:36,520 --> 00:40:38,320
Joten me jättää se pikseliä.

995
00:40:38,320 --> 00:40:42,420
>> Voit myös, minun pitäisi say-- niin
padding sarjaa kaikki pehmustus.

996
00:40:42,420 --> 00:40:49,789
Voit myös tehdä jotain
"Padding-top" vain set--

997
00:40:49,789 --> 00:40:52,080
ALLISON Buchholtz-AU: Ehkä
me saamme "hei" takaisin.

998
00:40:52,080 --> 00:40:55,480
TOMAS Reimers: --to vain asettaa
täyte päälle ja mitään muuta.

999
00:40:55,480 --> 00:40:59,560
Joten neljä komennot ovat padding-top,
padding-bottom, padding-left,

1000
00:40:59,560 --> 00:41:00,310
ja padding-right.

1001
00:41:00,310 --> 00:41:02,470
>> ALLISON Buchholtz-AU: Aivan kuten
odottaisi laatikko.

1002
00:41:02,470 --> 00:41:03,530
>> TOMAS Reimers: Joo.

1003
00:41:03,530 --> 00:41:05,240
Mikään liian hullu siellä.

1004
00:41:05,240 --> 00:41:08,230
Onko järkeä?

1005
00:41:08,230 --> 00:41:11,990
Niin, että on täyte.

1006
00:41:11,990 --> 00:41:14,110
Aion asettaa kaikki
pehmusteita takaisin 10.

1007
00:41:14,110 --> 00:41:17,010
Ja sitten aion siirtyä rajan.

1008
00:41:17,010 --> 00:41:21,130
>> Joten mikä raja on on
raja on outo komento.

1009
00:41:21,130 --> 00:41:24,450
Se kestää tavallaan kolme asiaa kerralla.

1010
00:41:24,450 --> 00:41:28,930
Joten ensimmäinen on kuinka iso olet
haluavat sen olevan niin mittaus.

1011
00:41:28,930 --> 00:41:30,662
Jälleen olen vain käyttämällä pikseliä.

1012
00:41:30,662 --> 00:41:32,620
Ja viimeinen asia,
pitäisi lisätä mittaukset

1013
00:41:32,620 --> 00:41:35,270
on yksi asia, joka
ei tarvitse yksikkö on 0.

1014
00:41:35,270 --> 00:41:37,390
Se on oikeastaan ​​väärä
antaa 0 yksikköä,

1015
00:41:37,390 --> 00:41:41,940
koska 0 on 0 poikki tuumaa,
pikseliä, senttimetriä riippumatta.

1016
00:41:41,940 --> 00:41:43,960
Se kaikki vain tarkoittaa 0, eikö?

1017
00:41:43,960 --> 00:41:46,710
Joten ensin annat sen mittauksen.

1018
00:41:46,710 --> 00:41:48,650
>> Sitten annat sen tyylillä.

1019
00:41:48,650 --> 00:41:49,869
Joten aion sanoa "kiinteä".

1020
00:41:49,869 --> 00:41:51,410
Ja me puhumme, mitä se tarkoittaa.

1021
00:41:51,410 --> 00:41:54,290
Ja sitten lopuksi, annat sen väri.

1022
00:41:54,290 --> 00:41:56,850
Joten aion sanoa "musta".

1023
00:41:56,850 --> 00:41:59,637
Ja nämä kaikki ovat asioita olet
nyt ennen nähnyt, paitsi tyyliä,

1024
00:41:59,637 --> 00:42:00,720
mutta me puhumme siitä.

1025
00:42:00,720 --> 00:42:04,120
Joten te nähneet mittauksia,
ja olet nähnyt värejä.

1026
00:42:04,120 --> 00:42:10,410
Ja mitä tapahtuu, on saamme tämän
kiva musta reunus ympärille, eikö?

1027
00:42:10,410 --> 00:42:11,620
Näittekö miten teimme sen?

1028
00:42:11,620 --> 00:42:12,760
>> Yleisö: Joo.

1029
00:42:12,760 --> 00:42:14,850
>> TOMAS Reimers: Cool.

1030
00:42:14,850 --> 00:42:17,370
Joten mikä se on?

1031
00:42:17,370 --> 00:42:19,160
Joten ensinnäkin, se on yksi pikseli.

1032
00:42:19,160 --> 00:42:20,880
Se itsestään selvää tarpeeksi, eikö?

1033
00:42:20,880 --> 00:42:23,254
Like, se on yksi pikseli paksu.

1034
00:42:23,254 --> 00:42:26,170
Tai se olisi yksi pikseli, mutta olen
zoomataan, joten se on hieman enemmän

1035
00:42:26,170 --> 00:42:26,490
kuin.

1036
00:42:26,490 --> 00:42:27,967
>> ALLISON Buchholtz-AU: Ja meillä on
tämä naurettava päätöslauselma TV.

1037
00:42:27,967 --> 00:42:29,460
>> TOMAS Reimers: Joo.

1038
00:42:29,460 --> 00:42:33,640
Voit tehdä sen suurempia,
pienempi, mitä tahansa.

1039
00:42:33,640 --> 00:42:35,630
Joten tässä kahden pikselin rajan.

1040
00:42:35,630 --> 00:42:38,810
Näet sen kaksi kertaa niin paksu.

1041
00:42:38,810 --> 00:42:40,172
Seuraava asia mitä sinun on väri.

1042
00:42:40,172 --> 00:42:41,130
Se ei ole kiinnostavaa.

1043
00:42:41,130 --> 00:42:42,710
En aio puhua
siitä, todella.

1044
00:42:42,710 --> 00:42:45,110
>> ALLISON Buchholtz-AU: Mutta tyyli
saattaa olla vain pieni mielenkiintoinen.

1045
00:42:45,110 --> 00:42:45,980
>> TOMAS Reimers: Joo.

1046
00:42:45,980 --> 00:42:48,560
Joten tyyli, on olemassa muutamia niistä
että näen käytetään yleisesti.

1047
00:42:48,560 --> 00:42:55,690
Ensin yksi vankka, seuraava n
pisteviiva, ja viimeinen n romutti.

1048
00:42:55,690 --> 00:42:59,290
Ja tässä on täynnä.

1049
00:42:59,290 --> 00:43:02,980
Huomaat, että he
nippu pisteitä, eikö?

1050
00:43:02,980 --> 00:43:09,030
Hyvä tapa tavallaan saada mukava rajan
menossa, viivoille ovat myös melko suosittuja.

1051
00:43:09,030 --> 00:43:11,580

1052
00:43:11,580 --> 00:43:13,600
>> ALLISON Buchholtz-AU:
Ja sitten tietysti, olen

1053
00:43:13,600 --> 00:43:16,660
varma, että on paljon muita
tyylejä, että voit saada.

1054
00:43:16,660 --> 00:43:20,000
Ja meillä on suuri joukko
lopussa linkkejä sinulle kaverit

1055
00:43:20,000 --> 00:43:23,470
eräänlainen lukaista ja
katso lisää viileä CSS.

1056
00:43:23,470 --> 00:43:25,954
>> TOMAS Reimers: Ja sitten
viimeinen asia, olemme

1057
00:43:25,954 --> 00:43:27,870
aio puhua
laatikko mallit todella nopeasti.

1058
00:43:27,870 --> 00:43:30,070
Niin, ja sitten raja,
aivan kuten pehmuste,

1059
00:43:30,070 --> 00:43:33,270
sinulla on myös asioita, kuten
raja-vasen, raja-oikeus, border-top,

1060
00:43:33,270 --> 00:43:37,590
border-bottom, joiden avulla voit
saada tietyllä rajalla.

1061
00:43:37,590 --> 00:43:40,650
Joten tässä on vain raja lähti määritelty.

1062
00:43:40,650 --> 00:43:43,060
Onko se järkevää?

1063
00:43:43,060 --> 00:43:46,170
>> ALLISON Buchholtz-AU: Se on viileä
tapa korostaa asioita tai lisätä

1064
00:43:46,170 --> 00:43:47,545
linjat eri elementtien välillä.

1065
00:43:47,545 --> 00:43:48,670
TOMAS Reimers: Ehdottomasti.

1066
00:43:48,670 --> 00:43:50,940
Niin, että rajamme.

1067
00:43:50,940 --> 00:43:52,790
Ja viimeinen marginaali.

1068
00:43:52,790 --> 00:43:55,892
Marginaali on kuin pehmuste
paitsi se ei ole within--

1069
00:43:55,892 --> 00:43:57,975
ALLISON Buchholtz-AU: On
ei ympärille elementti

1070
00:43:57,975 --> 00:44:00,840
mutta todellisuudessa ympäri koko
laatikko että me olemme nähneet.

1071
00:44:00,840 --> 00:44:02,770
>> TOMAS Reimers: Joo.

1072
00:44:02,770 --> 00:44:04,090
Allison sanoi sen täydellisesti.

1073
00:44:04,090 --> 00:44:07,550
Se ei ole, kuten, sisällä
elementti, se on ympäri koko ruutuun.

1074
00:44:07,550 --> 00:44:10,900
Tämä tarkoittaa muun muassa
tausta eivät koske sitä.

1075
00:44:10,900 --> 00:44:13,550
Ja se pohjimmiltaan sanoo,
kuten, en halua mitään

1076
00:44:13,550 --> 00:44:15,230
Tässä paljon tilaa minulle.

1077
00:44:15,230 --> 00:44:17,470
Joten kuten täällä meillä
marginaali 10 pikseliä.

1078
00:44:17,470 --> 00:44:23,100
Joten ei mitään 10 pikseliä
tulisi viereeni.

1079
00:44:23,100 --> 00:44:26,210
Sellainen sen
tilaa, mutta sellaista ei.

1080
00:44:26,210 --> 00:44:29,215
Niin, että hyvin
perusteet laatikon mallin.

1081
00:44:29,215 --> 00:44:30,090
Onko järkeä?

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: Mahtavaa.

1085
00:44:35,800 --> 00:44:37,890
Joten nyt mielestäni juuri
on meidän viileä resurssit

1086
00:44:37,890 --> 00:44:41,220
että otamme teidät
kautta hyvin nopeasti.

1087
00:44:41,220 --> 00:44:44,815
Ja me actually-- hyvin,
meillä on internet vielä?

1088
00:44:44,815 --> 00:44:47,860
>> TOMAS Reimers: Katsotaanpa
nähdä, jos voin avata up--

1089
00:44:47,860 --> 00:44:50,040
haluan vain nähdä, jos olen
voi saada internet nopeasti

1090
00:44:50,040 --> 00:44:53,317
kun taas Allison puhuu mitään
Allison haluaa puhua.

1091
00:44:53,317 --> 00:44:55,150
ALLISON Buchholtz-AU:
Joten basically-- En

1092
00:44:55,150 --> 00:44:57,930
tiedä mitä muuta voin sanoa tässä vaiheessa.

1093
00:44:57,930 --> 00:45:01,340
Mutta nämä ovat joitakin
todella hyvät resurssit.

1094
00:45:01,340 --> 00:45:04,629
Nämä ovat niitä, jotka
Tomas ja olen käyttänyt

1095
00:45:04,629 --> 00:45:06,420
ja että me todella
käytetään prep tähän.

1096
00:45:06,420 --> 00:45:09,940
W3Schools on yksi että olet
kaverit olisi nähnyt ennen.

1097
00:45:09,940 --> 00:45:12,440
Suosittelemme sitä
paljon asioita CSS.

1098
00:45:12,440 --> 00:45:15,060
Tiedän suosittelen sitä
Minun kohta koko ajan.

1099
00:45:15,060 --> 00:45:21,050
>> Yksi suuria asioita on, että se
voit sellainen sotku CSS

1100
00:45:21,050 --> 00:45:23,830
ja nähdä muutokset
välittömästi tämän,

1101
00:45:23,830 --> 00:45:25,920
kuten, kaksinkertainen ikkuna nähdäksesi se on.

1102
00:45:25,920 --> 00:45:29,980
Joten sinun ei tarvitse huolehtia
perustamalla oman Web-sivun,

1103
00:45:29,980 --> 00:45:33,090
tai perustamalla vhost omassa
paikallinen laite ja paikallinen isäntä,

1104
00:45:33,090 --> 00:45:34,980
ja saada kaikki jutut työskentely.

1105
00:45:34,980 --> 00:45:36,830
Se on upotettu oikea sivulla.

1106
00:45:36,830 --> 00:45:39,042
>> Ja se on näitä pieniä
oppitunteja, että voit

1107
00:45:39,042 --> 00:45:40,750
läpi oppia
lisää valitsimet,

1108
00:45:40,750 --> 00:45:44,610
tai oppia manipuloida
fontti, tai tausta, tai kuvan.

1109
00:45:44,610 --> 00:45:46,990
Ja olet nämä
hetkellinen tuloksia, että olet

1110
00:45:46,990 --> 00:45:49,310
ei tarvitse tehdä mitään
muut prep työtä.

1111
00:45:49,310 --> 00:45:51,060
Joten Rakastan W3Schools.

1112
00:45:51,060 --> 00:45:51,960
Se on upea.

1113
00:45:51,960 --> 00:45:52,670
Toimiiko se?

1114
00:45:52,670 --> 00:45:52,950
>> TOMAS Reimers: Joo.

1115
00:45:52,950 --> 00:45:53,720
Ei, se ei ole.

1116
00:45:53,720 --> 00:45:55,636
Haluatko minun kokeilla
ja käynnistä tietokone?

1117
00:45:55,636 --> 00:45:56,410
Vai haluammeko to--

1118
00:45:56,410 --> 00:46:01,490
>> ALLISON Buchholtz-AU: Tarkoitan,
No, tämä on myös verkossa.

1119
00:46:01,490 --> 00:46:02,740
Kaikki diat on verkossa.

1120
00:46:02,740 --> 00:46:05,470
Joten minä vain Suosittelen tekemään näitä.

1121
00:46:05,470 --> 00:46:07,880
>> Tämä on suuri kuin vain
kuten lunttilappua.

1122
00:46:07,880 --> 00:46:10,690
Se on vain kaikki perus
komentoja, että sinulla on.

1123
00:46:10,690 --> 00:46:13,070
On hienoa, kun olet ensin
aloittamassa sivustosi.

1124
00:46:13,070 --> 00:46:15,080
Koska ehkä et
haluavat päästä kaikki

1125
00:46:15,080 --> 00:46:17,355
real pikkuseikoista
suunnittelu-raskasta tavaraa.

1126
00:46:17,355 --> 00:46:20,230
Sinun tarvitsee vain alustaa sitä tavalla
tuollainen järkevää ja tahtoa

1127
00:46:20,230 --> 00:46:21,490
tehdä toistaiseksi.

1128
00:46:21,490 --> 00:46:23,580
Ja jos todella haluat
päästä sitä, tiedän

1129
00:46:23,580 --> 00:46:27,240
tämä on, kuten yksi
Tomas suosikki viittauksia.

1130
00:46:27,240 --> 00:46:30,130
Käytimme sitä
prep, ja se on upea.

1131
00:46:30,130 --> 00:46:33,030
Se Kehittäjän Mozilla.

1132
00:46:33,030 --> 00:46:36,490
>> TOMAS Reimers: Niin Mozilla ovat
ihmisiä, jotka tekevät Firefoxin.

1133
00:46:36,490 --> 00:46:40,290
Ja se on vain omaa kehittäjä
viite, joka on mielestäni mahtava.

1134
00:46:40,290 --> 00:46:44,870
Ja se on ihana
kalavarojen luettelo.

1135
00:46:44,870 --> 00:46:45,530
Joten me have--

1136
00:46:45,530 --> 00:46:48,060
>> ALLISON Buchholtz-AU:
Ja sitten viimeinen sävel on

1137
00:46:48,060 --> 00:46:50,120
kun yrität
suunnitella sivustosi,

1138
00:46:50,120 --> 00:46:53,550
innoitusta asioita
ovat mielestäsi kaunis.

1139
00:46:53,550 --> 00:46:56,340
Tarkistus elementti,
tarkastuksen lähdekoodi

1140
00:46:56,340 --> 00:46:59,370
voidaan super hyödyllinen
yrittää selvittää

1141
00:46:59,370 --> 00:47:02,080
miten tyyli oma verkkosivusto.

1142
00:47:02,080 --> 00:47:04,540
>> Usein minusta tuntuu paras
tavalla, paitsi kokeilu,

1143
00:47:04,540 --> 00:47:06,290
on vain katsoa
asioita, jotka ovat melko.

1144
00:47:06,290 --> 00:47:09,810
Minusta se on todella vaikea vain
eräänlainen suunnitella asioita omalla,

1145
00:47:09,810 --> 00:47:11,090
varsinkin alussa.

1146
00:47:11,090 --> 00:47:14,740
Joten katso sivustot
että nautit katsot.

1147
00:47:14,740 --> 00:47:16,880
Selvittää, mitä tekee
ne teihin.

1148
00:47:16,880 --> 00:47:19,170
Ja sitten rohkeasti
yrittää jäljitellä sitä.

1149
00:47:19,170 --> 00:47:20,410
>> TOMAS Reimers: Oikea.

1150
00:47:20,410 --> 00:47:23,120
Jopa kuten sivustot
näin, voit nähdä

1151
00:47:23,120 --> 00:47:25,460
löytyy varmasti div yläreunassa.

1152
00:47:25,460 --> 00:47:29,920
Ja sitten on toinen div sisällä
täällä, joka on CSS Awesomeness.

1153
00:47:29,920 --> 00:47:32,480
Ja sitten on joukko linkkejä täällä.

1154
00:47:32,480 --> 00:47:34,770
Jos todella vain tarkastaa
elementtejä, voit lajitella ja

1155
00:47:34,770 --> 00:47:38,520
alkaa nähdä mitä tehdä sivustot
näyttää, ja miten voin

1156
00:47:38,520 --> 00:47:40,493
uudestaan, että jos halusin.

1157
00:47:40,493 --> 00:47:41,890
Onko järkeä?

1158
00:47:41,890 --> 00:47:43,670
Joten meillä on vain kolme minuuttia jäljellä.

1159
00:47:43,670 --> 00:47:46,380
Joten kysymyksiä?

1160
00:47:46,380 --> 00:47:47,650
Jokainen heistä?

1161
00:47:47,650 --> 00:47:48,350
Kyllä.

1162
00:47:48,350 --> 00:47:50,780
>> Yleisö: For väri
suorakulmio, miten sinä

1163
00:47:50,780 --> 00:47:53,499
have-- jos et halua sitä
menee koko sivun, voisi

1164
00:47:53,499 --> 00:47:56,400
olet tehnyt sen mennä poikki vain
puoli sivua tai vain teksti?

1165
00:47:56,400 --> 00:47:59,660
>> TOMAS Reimers: Joo, ehdottomasti.

1166
00:47:59,660 --> 00:48:02,780
Joten anna minun nähdä todella.

1167
00:48:02,780 --> 00:48:04,670
Minulla on kaksi ideoita.

1168
00:48:04,670 --> 00:48:07,265
Joten ensinnäkin, sinun
voidaan käyttää myös prosentteja.

1169
00:48:07,265 --> 00:48:08,140
>> Yleisö: Oikeasti?

1170
00:48:08,140 --> 00:48:11,260
>> ALLISON Buchholtz-AU: Niin jotain
etsiä on suhteellinen paikannus.

1171
00:48:11,260 --> 00:48:13,385
Se on jotain, että me
ei ole aikaa päästä,

1172
00:48:13,385 --> 00:48:16,392
mutta se on jotain Olen ehdottomasti
Suosittelen teitä tsekata.

1173
00:48:16,392 --> 00:48:17,580
>> TOMAS Reimers: Niin prosentteja.

1174
00:48:17,580 --> 00:48:21,524
Ja miten selvisimme
vain 50% leveydestä?

1175
00:48:21,524 --> 00:48:24,190
ALLISON Buchholtz-AU: Jos
oikeastaan ​​tiedä määrä pikseleitä,

1176
00:48:24,190 --> 00:48:25,780
voit olla tarkempia niin.

1177
00:48:25,780 --> 00:48:27,200
Voit viulu noin kanssa.

1178
00:48:27,200 --> 00:48:27,700
Mutta 50%.

1179
00:48:27,700 --> 00:48:31,970
Jos me muuttaa myös selaimen,
se tekisi pienempiä.

1180
00:48:31,970 --> 00:48:35,250
>> TOMAS Reimers: No, se on
pohjimmiltaan 50% nyt, luulen.

1181
00:48:35,250 --> 00:48:38,820
Se on 50%, ja sitten marginaali
on lisätty, että.

1182
00:48:38,820 --> 00:48:40,100
CSS on paljon koukero.

1183
00:48:40,100 --> 00:48:43,195
Joten nyt tämä on
50% sivun leveydestä.

1184
00:48:43,195 --> 00:48:46,860
Mutta muista, että sinulla on 10
pikseliä otettu pois kummaltakin puolelta.

1185
00:48:46,860 --> 00:48:49,700
Joten jos olit liikkua että vastaan
vasemmassa reunassa selaimen,

1186
00:48:49,700 --> 00:48:51,550
niin se näyttää 50%.

1187
00:48:51,550 --> 00:48:53,884
Jälleen kuten sanoin, CSS voi
olla paljon arvaus-ja-check.

1188
00:48:53,884 --> 00:48:56,049
Kuten, luulet jotain on
menossa käyttäytyä tavalla,

1189
00:48:56,049 --> 00:48:57,805
mutta se käyttäytyy täysin eri tavalla.

1190
00:48:57,805 --> 00:48:59,420
>> ALLISON Buchholtz-AU:
Ja te vain saada älykkäämpiä,

1191
00:48:59,420 --> 00:49:02,020
ja olet vain saada paremmin
intuitio siitä, kun liikkuvat.

1192
00:49:02,020 --> 00:49:02,730
>> TOMAS Reimers: Ja
pahenee ja huonommin.

1193
00:49:02,730 --> 00:49:03,496
Joten se on oikeastaan ​​vain rotu.

1194
00:49:03,496 --> 00:49:05,454
>> ALLISON Buchholtz-AU:
Se on super rohkaisevaa.

1195
00:49:05,454 --> 00:49:07,070
Haluamme heidän pitävän CSS.

1196
00:49:07,070 --> 00:49:08,810
>> TOMAS Reimers: CSS on mahtava.

1197
00:49:08,810 --> 00:49:10,354
Muista, että.

1198
00:49:10,354 --> 00:49:11,020
Muut kysymykset?

1199
00:49:11,020 --> 00:49:14,297
>> ALLISON Buchholtz-AU: yksi asia.

1200
00:49:14,297 --> 00:49:14,880
Entä muuta?

1201
00:49:14,880 --> 00:49:15,140
Cool.

1202
00:49:15,140 --> 00:49:15,690
>> TOMAS Reimers: Mahtavaa.

1203
00:49:15,690 --> 00:49:18,523
>> ALLISON Buchholtz-AU: No, jos
kaverit on kysyttävää myöhemmin,

1204
00:49:18,523 --> 00:49:20,919
olemme aina käytettävissä niin kuin aina.

1205
00:49:20,919 --> 00:49:22,960
Luultavasti nähdä
meistä lopullista hankkeiden

1206
00:49:22,960 --> 00:49:24,280
ja varmasti on hackathon.

1207
00:49:24,280 --> 00:49:25,200
>> TOMAS Reimers: Ehdottomasti.

1208
00:49:25,200 --> 00:49:25,720
Ja messuilla.

1209
00:49:25,720 --> 00:49:26,560
>> ALLISON Buchholtz-AU: Ja messuilla.

1210
00:49:26,560 --> 00:49:26,840
Oh.

1211
00:49:26,840 --> 00:49:28,130
>> TOMAS Reimers: Odotan
näkemästä kaikki awesome--

1212
00:49:28,130 --> 00:49:29,420
>> ALLISON Buchholtz-AU: Näemme
kaikki mahtava verkkosivustoja

1213
00:49:29,420 --> 00:49:30,572
että on kaunis.

1214
00:49:30,572 --> 00:49:32,780
TOMAS Reimers: Voit aina
nähdä, kuten, sivustot

1215
00:49:32,780 --> 00:49:36,234
joka oli niinku hyvä CSS ja sitten
kuten ne, jotka eivät yritä tehdä CSS.

1216
00:49:36,234 --> 00:49:39,150
ALLISON Buchholtz-AU: Myös toinen
asia, yksi asia tutkia

1217
00:49:39,150 --> 00:49:40,445
on Bootstrapping.

1218
00:49:40,445 --> 00:49:41,805
Joten Bootstrap on suuri.

1219
00:49:41,805 --> 00:49:42,240
>> TOMAS Reimers: Google että jos sinä--

1220
00:49:42,240 --> 00:49:43,573
>> ALLISON Buchholtz-AU: Google sitä.

1221
00:49:43,573 --> 00:49:44,340
Se on upea.

1222
00:49:44,340 --> 00:49:45,620
Tulet rakastamaan sitä.

1223
00:49:45,620 --> 00:49:48,000
Ja nyt, että sinulla on
perustiedot CSS,

1224
00:49:48,000 --> 00:49:50,340
se tekee paljon enemmän järkeä.

1225
00:49:50,340 --> 00:49:50,890
Mahtavaa.

1226
00:49:50,890 --> 00:49:51,480
Kiitos, kaverit.

1227
00:49:51,480 --> 00:49:53,330
>> TOMAS Reimers: Kiitos paljon.

1228
00:49:53,330 --> 00:49:54,219