1
00:00:00,000 --> 00:00:05,660
>> [Daqq tal-mużika]

2
00:00:05,660 --> 00:00:08,740
>> Doug LLOYD: Mela ejja tagħti wieħed aktar
video biex jitkellmu dwar il-lingwa waħda aktar.

3
00:00:08,740 --> 00:00:10,800
Din id-darba aħna ser nitkellmu dwar CSS.

4
00:00:10,800 --> 00:00:13,460
Allura CSS, li huwa qasir għall
Cascading Style Sheets,

5
00:00:13,460 --> 00:00:16,149
ilsien ieħor li nużaw
meta jinbena websajts.

6
00:00:16,149 --> 00:00:17,190
Taħseb dwarha bħal dan.

7
00:00:17,190 --> 00:00:20,900
Jekk HTML huwa dak li nużaw biex torganizza l-
kontenut irridu li jitqiegħdu fuq il-paġna tagħna,

8
00:00:20,900 --> 00:00:25,390
CSS huwa l-għodda li aħna ġeneralment jużaw
customize kif websajts tagħna tfittex,

9
00:00:25,390 --> 00:00:30,410
u kif l-esperjenza utent verament
huwa, interazzjoni mal-website tagħna.

10
00:00:30,410 --> 00:00:32,535
>> Simili għall HTML, CSS huwa
mhux lingwa ta 'programmar.

11
00:00:32,535 --> 00:00:33,451
Huwa ma jkollu loġika.

12
00:00:33,451 --> 00:00:34,595
Huwa ma jkollu varjabbli.

13
00:00:34,595 --> 00:00:38,890
Huwa ma jkollu xi tip ta 'dik
fluss affarijiet relatati li C ma.

14
00:00:38,890 --> 00:00:40,150
Huwa lingwa grafika.

15
00:00:40,150 --> 00:00:42,810
U s-sintassi tagħha hija pjuttost
sempliċi, u biss jiddeskrivi

16
00:00:42,810 --> 00:00:46,240
kif l-elementi ta 'tagħna
paġna għandek ċerti HTML

17
00:00:46,240 --> 00:00:48,190
elementi għandhom jiġu modifikati.

18
00:00:48,190 --> 00:00:51,170
Għal dak il-għan, jekk inti ma jkunux
għadhom jarah video tagħna fuq HTML,

19
00:00:51,170 --> 00:00:53,290
jew ma jkunux familjari ma '
HTML ġeneralment, inti

20
00:00:53,290 --> 00:00:57,430
tista 'tixtieq li tagħti ħarsa lejn dak
ewwel, minħabba din id-diskussjoni ta 'CSS

21
00:00:57,430 --> 00:01:00,700
se jiddependu fuq
xi għarfien tal-HTML.

22
00:01:00,700 --> 00:01:03,740
>> Allura hawnhekk verament
stylesheet CSS sempliċi.

23
00:01:03,740 --> 00:01:06,480
Anke jekk inti stajt qatt
programmati ma 'CSS qabel,

24
00:01:06,480 --> 00:01:10,624
Jien pretty żgur li inti tista 'figura
eżattament dak li dan stylesheet ma.

25
00:01:10,624 --> 00:01:11,290
X'tikkontrolla do?

26
00:01:11,290 --> 00:01:15,470
Ukoll, applikat għall-korp ta 'web tagħna
paġna, kollox bejn tags ġisem

27
00:01:15,470 --> 00:01:19,631
fuq HTML tagħna, u hi tistipula l-
kulur fl-isfond ta 'dik il-paġna għal ikħal.

28
00:01:19,631 --> 00:01:21,130
Ukoll, huwa stylesheet sempliċi ħafna.

29
00:01:21,130 --> 00:01:23,269
Huwa fil-fatt ħafna mill-bniedem
lingwa friendly, CSS.

30
00:01:23,269 --> 00:01:26,560
Għalhekk anki jekk inti stajt qatt jintużaw qabel,
inti probabilment setgħu jaqtgħu xi jfisser li għamlet.

31
00:01:26,560 --> 00:01:30,140
Fil-fatt, jekk aħna mgħobbija paġna, fejn
dan stylesheet kien inkorporat b'xi,

32
00:01:30,140 --> 00:01:36,240
isfond bil-kulur tal-paġna tagħna se
jkun blu, u mhux l-istandard abjad.

33
00:01:36,240 --> 00:01:37,670
>> Allura kif nistgħu nibnu stylesheets?

34
00:01:37,670 --> 00:01:39,700
Ukoll l-ewwel, irridu
jidentifikaw selettur.

35
00:01:39,700 --> 00:01:42,970
Fl-aħħar eżempju,
li selettur kien korp.

36
00:01:42,970 --> 00:01:45,050
Imbagħad għandna miftuħa
kaboċċi Brace, u aħna qed

37
00:01:45,050 --> 00:01:48,410
ser tibda tiddefinixxi l-
stylesheet għal dak selettur.

38
00:01:48,410 --> 00:01:51,800
Fil bejn il-braces kaboċċi, aħna
biss jkollhom lista ta 'pari b'valur ewlenin.

39
00:01:51,800 --> 00:01:56,205
Il-par-valur ta 'qabel kien
kulur fl-isfond punto virgola blu,

40
00:01:56,205 --> 00:01:57,830
imma stajna nagħmlu aktar u aktar ta 'dawn.

41
00:01:57,830 --> 00:02:02,330
Jista 'jkollok affarijiet multipli li japplikaw
għal dak tag, dak il-korp selettur.

42
00:02:02,330 --> 00:02:05,960
Kull wieħed minnhom huwa separat minn
virgola, u aħna sejħa kull wieħed minnhom

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

44
00:02:08,949 --> 00:02:12,410
Meta aħna qed isir bl grafika l-we
jridu japplikaw għal dik tag partikolari,

45
00:02:12,410 --> 00:02:15,300
aħna biss ikollhom kaboċċi għeluq
jgħaqqad biex itemmu l-stylesheet,

46
00:02:15,300 --> 00:02:19,640
u aħna qed isir tiddefinixxi l-stylesheet
għal dak selettur partikolari.

47
00:02:19,640 --> 00:02:21,341
>> Liema huma xi proprjetajiet komuni CSS?

48
00:02:21,341 --> 00:02:23,590
Well, forsi inti tixtieq li tqiegħed
fruntiera madwar xi ħaġa.

49
00:02:23,590 --> 00:02:26,850
Allura inti tista 'tgħid, fuq il-fruntiera,
li jkun prinċipali tiegħek,

50
00:02:26,850 --> 00:02:29,460
u mbagħad valuri tiegħek tkun,
liema stil, kulur, u l-wisa

51
00:02:29,460 --> 00:02:30,209
inti tixtieq li jkun.

52
00:02:30,209 --> 00:02:33,530
Allura l-istil jista 'jkun solida
linja, linja bit-tikek, linja dashed,

53
00:02:33,530 --> 00:02:36,020
linja linja, li jkun f'linja mmewġa.

54
00:02:36,020 --> 00:02:38,790
Forsi inti tixtieq li jkollok dan
jkun blu jew suwed jew aħdar.

55
00:02:38,790 --> 00:02:41,490
Forsi inti tixtieq li jkun
1 jew 2 jew 10 pixels wiesgħa.

56
00:02:41,490 --> 00:02:43,254
Tista 'tispeċifika kollha ta' dawk l-affarijiet.

57
00:02:43,254 --> 00:02:46,420
Forsi inti tixtieq li twaqqaf l-isfond
kulur tal-paġna tiegħek b'mod partikolari.

58
00:02:46,420 --> 00:02:49,215
Aħna diġà raw li, li jistabbilixxi l-
isfond tal-ġisem li jkun blu.

59
00:02:49,215 --> 00:02:52,080
>> Imbagħad inti tista 'tuża kelma prinċipali,
hekk CSS għandu ċerti kuluri

60
00:02:52,080 --> 00:02:55,950
li huma mibnija fih, blu, aħdar,
iswed, kuluri sempliċi ħafna nafu.

61
00:02:55,950 --> 00:02:59,110
Iżda int tista 'wkoll tispeċifika kwalunkwe
hex kulur li tixtieq.

62
00:02:59,110 --> 00:03:05,190
Recall li l-kuluri jista 'jiġi identifikat
minn sett ta 'tliet numri hex

63
00:03:05,190 --> 00:03:08,500
0-255, RG u b, il-
aħmar, aħdar, blu u komponent.

64
00:03:08,500 --> 00:03:10,590
U hekk aħna tista 'tispeċifika
kwalunkwe kulur irridu minn,

65
00:03:10,590 --> 00:03:15,520
minflok li jużaw blu jew aħdar jew iswed,
użu lira u mbagħad sitt ċifri tan hex,

66
00:03:15,520 --> 00:03:18,310
u li tagħtina
il-kulur sitt ċifri.

67
00:03:18,310 --> 00:03:19,850
Allura dak l-kulur fl-isfond.

68
00:03:19,850 --> 00:03:21,975
>> Għandna wkoll il-tagħrif miksub
kulur, li normalment

69
00:03:21,975 --> 00:03:24,140
se jkun it-test tal-paġna tiegħek.

70
00:03:24,140 --> 00:03:28,850
U inti tista 'tagħmel dan bl-istess mod
ma kelma prinċipali u jew sitt hex ċifri.

71
00:03:28,850 --> 00:03:32,140
Allura inti tista 'tispeċifika kwalunkwe kulur inti
tixtieq għat-test tal-paġna tiegħek

72
00:03:32,140 --> 00:03:36,370
kontra partikolari
kulur fl-isfond, up fuq.

73
00:03:36,370 --> 00:03:39,100
Tista 'wkoll bidla u jittrattaw
ma font, u t-test mod

74
00:03:39,100 --> 00:03:40,400
hija mogħtija fuq il-paġna.

75
00:03:40,400 --> 00:03:42,010
>> Allura tista 'tbiddel id-daqs tat-tipa tiegħek.

76
00:03:42,010 --> 00:03:46,320
Tista 'tuża kliem ewlieni, bħal extra,
extra żgħar, jew xx żgħar, jew medju,

77
00:03:46,320 --> 00:03:47,660
kbar, u l-bqija.

78
00:03:47,660 --> 00:03:50,750
Tista 'tuża punti fissi, 10
punt, 12 punt, u l-bqija.

79
00:03:50,750 --> 00:03:55,850
Tista 'tuża persentaġġi, 80%, 20%,
fejn 100% huwa l-font default

80
00:03:55,850 --> 00:03:59,220
daqs, li normalment se
jkun xi ħaġa bħal 11 jew 12-il punt.

81
00:03:59,220 --> 00:04:01,659
Jew inti tista 'anki tibbaża it off
tad-daqs tat-tipa-aktar riċenti.

82
00:04:01,659 --> 00:04:04,950
Jekk inti biss kiteb xi ħaġa u inti taf
dak li trid hi li għandha tkun iżgħar,

83
00:04:04,950 --> 00:04:08,241
imma ma tafx eżattament liema daqs għandek
tixtieq li tkun, ukoll, inti tista 'biss jgħidu,

84
00:04:08,241 --> 00:04:09,330
daqs tat-tipa iżgħar.

85
00:04:09,330 --> 00:04:14,344
U se tibbaża off tal-,
biss up hawn fuq, huwa daqs tat-tipa.

86
00:04:14,344 --> 00:04:15,760
U inti tista 'tikseb iżgħar jew ikbar.

87
00:04:15,760 --> 00:04:18,390
Allura hemm ħafna ta 'differenti
modi biex tispeċifika daqs tat-tipa.

88
00:04:18,390 --> 00:04:20,690
>> Tista 'tispeċifika wkoll liema
familja font inti tixtieq.

89
00:04:20,690 --> 00:04:23,360
Jekk ikollok xi partikolari
isem, hemm mod fil CSS--

90
00:04:23,360 --> 00:04:27,270
aħna mhux qed tmur biex jitkellmu dwar dan
here-- li tiddefinixxi font speċifiċi ħafna

91
00:04:27,270 --> 00:04:28,980
u ssodata fis-paġna tiegħek.

92
00:04:28,980 --> 00:04:30,620
Tista 'wkoll tuża ismijiet ġeneriċi.

93
00:04:30,620 --> 00:04:33,540
Hemm ħafna ta 'web fonts sikuri
li huma ddefiniti minn qabel CSS.

94
00:04:33,540 --> 00:04:36,352
U jekk int utent ta 'Microsoft
Uffiċċju fl-aħħar 20 sena,

95
00:04:36,352 --> 00:04:38,810
int probabilment familjari ma '
ħafna ta 'dawn fonts web siguri

96
00:04:38,810 --> 00:04:44,640
diġà, Times New Roman, Arial,
Courier New, il-Ġeorġja, Tahoma, Verdana,

97
00:04:44,640 --> 00:04:45,470
u l-bqija.

98
00:04:45,470 --> 00:04:47,170
Dawk huma kollha meqjusa web fonts sikuri.

99
00:04:47,170 --> 00:04:49,169
U fil-fatt, parti mill-
raġuni beda jiġi

100
00:04:49,169 --> 00:04:54,140
kien li jintużaw biex jagħmlu web-- kull paġna
kellhom aċċess għal din standard stabbilit ta fonts

101
00:04:54,140 --> 00:04:58,480
ma serifs varji, u dan kollu
Jittieħed font aħna mhux se jsibu rwieħhom,

102
00:04:58,480 --> 00:05:01,130
iżda dawn huma ġeneralment
aċċessibbli CSS tiegħek,

103
00:05:01,130 --> 00:05:04,029
anki jekk inti ma
xort'oħra jiddefinixxu l-fonts.

104
00:05:04,029 --> 00:05:07,070
Fl-aħħar nett, inti tista 'tikkonforma test tiegħek,
minflok ma jkun, awtomatikament, allinjati

105
00:05:07,070 --> 00:05:09,310
lejn ix-xellug, inti tista '
allinjata lejn il-lemin,

106
00:05:09,310 --> 00:05:13,740
jew inti tista allinjata ċċentrata, jew
ġustifikat b'mod li tolqot żewġ marġini.

107
00:05:13,740 --> 00:05:16,800
Għalhekk dawn huma għażliet kollha tista 'tuża
għall-bidla dak it-test tiegħek Dehra,

108
00:05:16,800 --> 00:05:20,120
u kif huwa muri fuq il-paġna tiegħek.

109
00:05:20,120 --> 00:05:22,180
>> Seletturi tiegħek ma
għandhom ikunu tags biss.

110
00:05:22,180 --> 00:05:25,539
Aħna diġà raw tag korp
selettur, u selettur tag

111
00:05:25,539 --> 00:05:26,580
ma tfittex biss bħal dik.

112
00:05:26,580 --> 00:05:30,020
Semmi tikketta, u allura inti
jiddefinixxu stylesheet għal dak tag.

113
00:05:30,020 --> 00:05:32,660
Iżda int tista 'wkoll tagħmel xi ħaġa
jissejjaħ selettur ID.

114
00:05:32,660 --> 00:05:34,390
An selettur ID jistenna pretty simili.

115
00:05:34,390 --> 00:05:38,100
Iżda avviż, li issa jien ma jużawx
tag HTML, jien jużaw, f'dan il-każ,

116
00:05:38,100 --> 00:05:40,720
#unique, jew hash uniku.

117
00:05:40,720 --> 00:05:42,930
Jekk inti recall minn tagħna
video fuq HTML, tkellimna

118
00:05:42,930 --> 00:05:45,620
dwar kif lametti tista 'tħalli attributi.

119
00:05:45,620 --> 00:05:48,340
>> U attribut wieħed li japplika
li pretty ħafna tikketti kollha HTML,

120
00:05:48,340 --> 00:05:51,440
imma aħna ma jitkellmu dwar dan,
hija xi ħaġa imsejħa tag ID.

121
00:05:51,440 --> 00:05:55,250
Allura dan CSS partikolari kieku
japplikaw biss għal HTML tag li għandha

122
00:05:55,250 --> 00:05:58,530
ID speċifiċi ħafna, li inti stajt msemmija.

123
00:05:58,530 --> 00:06:01,000
Mela jekk għandek xi mkien
fil-kodiċi tiegħek, x'imkien

124
00:06:01,000 --> 00:06:06,090
fil-fajl HTML tiegħek, tag u inti
jispeċifika bħala attribut għal dak tikketta,

125
00:06:06,090 --> 00:06:09,060
ID ugwali unika, dan
partikolari stylesheet

126
00:06:09,060 --> 00:06:15,030
hawnhekk se japplikaw biss bejn
li tag bl-ID tal unika.

127
00:06:15,030 --> 00:06:17,180
>> Tista 'wkoll tagħmel xi ħaġa
imsejħa selettur klassi.

128
00:06:17,180 --> 00:06:19,920
Allura barra li
ID attributi, inti tista 'ukoll

129
00:06:19,920 --> 00:06:23,130
żid attribut klassi biex HTML tags.

130
00:06:23,130 --> 00:06:27,140
U meta tuża attribut klassi,
jista 'jiġi applikat għall tags multipli.

131
00:06:27,140 --> 00:06:31,880
Mela jekk għandek diversi affarijiet li
huma simili, forsi inti trid tgħid,

132
00:06:31,880 --> 00:06:35,890
blah tag miftuħa, blah, blah,
blah, klassi ugwali istudenti.

133
00:06:35,890 --> 00:06:38,190
U allura dan partikolari
stylesheet tkun tapplika

134
00:06:38,190 --> 00:06:42,041
għal kull tag li klassi hija istudenti.

135
00:06:42,041 --> 00:06:44,290
F'dan il-każ, aħna'd tistabbilixxi l-
kulur fl-isfond għall-isfar,

136
00:06:44,290 --> 00:06:46,706
u aħna'd stabbiliti opaċità, li
huwa tag aħna ma jitkellmu dwar,

137
00:06:46,706 --> 00:06:52,510
iżda biss jittratta mal-mod kif trasparenti
xi ħaġa hija, għal 70%, f'dan il-każ.

138
00:06:52,510 --> 00:06:54,430
>> Hemm żewġ għażliet għal
kitba stylesheets.

139
00:06:54,430 --> 00:06:56,680
Tista 'tikteb lilhom
direttament fil HTML tiegħek

140
00:06:56,680 --> 00:06:59,690
billi tpoġġi l-stylesheets
bejniethom tags stil.

141
00:06:59,690 --> 00:07:03,850
U dawk tags stil mur ġewwa ta
l-tags prinċipali ta page web tiegħek.

142
00:07:03,850 --> 00:07:08,240
Il-mod forsi aktar ippreferut biex tagħmel
huwa li jiktbu fajl .css separat,

143
00:07:08,240 --> 00:07:12,360
u mbagħad jorbtuha tiegħek
dokument jużaw tikketti rabta.

144
00:07:12,360 --> 00:07:14,690
Tags Link, għal darb'oħra, huma
differenti minn hyperlinks,

145
00:07:14,690 --> 00:07:16,760
jekk inti recall minn video tagħna HTML.

146
00:07:16,760 --> 00:07:19,030
U tags rabta huma kif aħna
pull f'fajls separati.

147
00:07:19,030 --> 00:07:23,900
Hija tip ta bħall-ekwivalenti ta '
l #include għall-ipprogrammar tal-web.

148
00:07:23,900 --> 00:07:27,140
>> Mela ejja tagħti ħarsa lejn table.HTML.

149
00:07:27,140 --> 00:07:29,380
Jekk inti recall minn tagħna
HTML video, I wera

150
00:07:29,380 --> 00:07:32,000
eżempju ta 'ħafna
multiplikazzjoni sempliċi

151
00:07:32,000 --> 00:07:35,160
tabella li ħares pretty
ikrah, u forsi hemm

152
00:07:35,160 --> 00:07:38,650
mod li jagħmilha aħjar mal
CSS, biex jagħmluha fatt tfittex

153
00:07:38,650 --> 00:07:41,120
aktar bħal multiplikazzjoni
mejda, jew xi ħaġa

154
00:07:41,120 --> 00:07:43,730
li mhux biss mwaħħla flimkien
bl-ebda diviżjoni attwali

155
00:07:43,730 --> 00:07:45,532
bejn il-ringieli u l-kolonni.

156
00:07:45,532 --> 00:07:47,490
Mela ejja ras fuq
CS50 IDE, u tagħti ħarsa

157
00:07:47,490 --> 00:07:50,780
lejn kif CSS jistgħu, tip ta ', tweak
dak li aħna beda bil qabel,

158
00:07:50,780 --> 00:07:53,290
u jagħmluha ħaġa ħafna aħjar.

159
00:07:53,290 --> 00:07:55,650
>> Allura aħna qed fil CS50 IDE
issa, u jekk familjari,

160
00:07:55,650 --> 00:07:58,710
aħna ser pull up f'dan
tabella dik il-paġna HTML.

161
00:07:58,710 --> 00:08:01,090
Table.HTML bażikament
biss jiddefinixxi l-kontenut

162
00:08:01,090 --> 00:08:05,044
ta 'multiple-- li suppost kellha tkun
tabella multiplikazzjoni erbgħa mill erbgħa.

163
00:08:05,044 --> 00:08:06,210
Huwa pjuttost sempliċi.

164
00:08:06,210 --> 00:08:09,410
U aħna ser jaħseb li dan iwassal
tħares organizzati pretty ukoll.

165
00:08:09,410 --> 00:08:15,277
Imma fil-fatt, meta aħna preview din il-paġna,
naraw li huwa tip ta ikrah, right?

166
00:08:15,277 --> 00:08:16,860
Ovvjament għandna ringieli u kolonni hawn.

167
00:08:16,860 --> 00:08:18,350
Hemm xi tip ta 'separazzjoni.

168
00:08:18,350 --> 00:08:20,040
Imma din mhix separazzjoni sinifikanti.

169
00:08:20,040 --> 00:08:23,105
Aħna mhux attwalment jkollna
informazzjoni wisq hawn.

170
00:08:23,105 --> 00:08:25,730
U hemm l-ebda separazzjoni bejn
l-ringieli kolonni fl f'termini

171
00:08:25,730 --> 00:08:28,460
ta 'regoli orizzontali jew vertikali.

172
00:08:28,460 --> 00:08:31,530
Nistgħu probabbilment jagħmlu dan
tfittex ftit aħjar.

173
00:08:31,530 --> 00:08:32,934
Mela ejja tipprova.

174
00:08:32,934 --> 00:08:34,559
Hekk jien ser tagħlaq din tab up here.

175
00:08:34,559 --> 00:08:37,434
U jien ser tagħlaq table.HTML tiegħi,
u għandi ieħor verżjoni hawn

176
00:08:37,434 --> 00:08:39,490
imsejħa table2.HTML.

177
00:08:39,490 --> 00:08:40,655
Aħna ser tkun miftuħa dik up.

178
00:08:40,655 --> 00:08:42,530
Il-korp tal-paġna hija
pretty ħafna l-istess,

179
00:08:42,530 --> 00:08:44,238
imma stajt inbidlet a
ftit fil-quċċata.

180
00:08:44,238 --> 00:08:47,132
U jien ser iscroll up here.

181
00:08:47,132 --> 00:08:49,340
Avviż li din id-darba, jien
jużaw tikketti stil integrati.

182
00:08:49,340 --> 00:08:53,550
Stajt fetaħ tag stil, u jien issa
definizzjoni ta 'stylesheet CSS biss ġewwa

183
00:08:53,550 --> 00:08:54,310
ta 'dan.

184
00:08:54,310 --> 00:08:56,310
I jkollhom stylesheet li tgħid, tabella.

185
00:08:56,310 --> 00:08:58,170
C'est selettur tag tiegħi.

186
00:08:58,170 --> 00:09:01,340
Jien ma jużawx dot jew hash,
li Inkun tagħmel jekk I

187
00:09:01,340 --> 00:09:03,710
kienet qed tuża ID jew selettur klassi.

188
00:09:03,710 --> 00:09:06,190
I jkollhom tabella here-- selettur tag.

189
00:09:06,190 --> 00:09:10,090
Dan l-istil se
japplikaw għal kull tag tabella.

190
00:09:10,090 --> 00:09:14,950
Apparentement I tixtieq li jitqiegħed wieħed
Pixel wiesgħa, bordura blu solidu,

191
00:09:14,950 --> 00:09:15,779
ġewwa mejda tiegħi.

192
00:09:15,779 --> 00:09:18,320
Li ħsejjes simili probabilment
jgħinu s-sitwazzjoni, id-dritt?

193
00:09:18,320 --> 00:09:20,320
Aħna qed tmur biex ikollhom
affarijiet jidhru ħafna aħjar.

194
00:09:20,320 --> 00:09:21,190
Allura dan huwa multa.

195
00:09:21,190 --> 00:09:23,540
Stylistically, stajt biss
inkorporati stylesheet tiegħi fil hawn.

196
00:09:23,540 --> 00:09:25,100
Huwa ċertament
mod aċċettabbli biex tagħmel dan.

197
00:09:25,100 --> 00:09:26,391
Ejja naraw dak li dan qisu.

198
00:09:26,391 --> 00:09:29,790
So I ser imorru lura stabbiliti hawn, u
I ser ser preview table2.HTML tiegħi.

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

200
00:09:32,430 --> 00:09:36,470
Ukoll, li ma tantx huwa dak li ridt,
iżda huwa eżattament dak li aħna mitluba.

201
00:09:36,470 --> 00:09:39,530
Aħna qal li dan l-istil huwa
ser japplikaw għall-mejda tagħna.

202
00:09:39,530 --> 00:09:43,810
Mejda tagħna issa għandha pixel wieħed
wiesgħa, bordura blu solidu madwaru.

203
00:09:43,810 --> 00:09:46,237
Aħna mhux attwalment jkollna
fil-ċelluli tal-mejda.

204
00:09:46,237 --> 00:09:47,570
Aħna biss jkollna fuq il-mejda.

205
00:09:47,570 --> 00:09:49,310
Allura CSS maħduma.

206
00:09:49,310 --> 00:09:51,890
Hija applikat
stylesheet għall-mejda tagħna.

207
00:09:51,890 --> 00:09:53,981
Iżda ma pjuttost tagħmel
dak li ridna li tagħmel.

208
00:09:53,981 --> 00:09:55,730
Kif nikbru biex jagħmlu
dak li rridu li tagħmel?

209
00:09:55,730 --> 00:09:59,287
>> Well, ejja tagħti ħarsa lejn wieħed aktar
verżjoni ta 'dan table3.HTML.

210
00:09:59,287 --> 00:10:00,870
Hekk jien biss se tagħlaq dawn tabs.

211
00:10:00,870 --> 00:10:03,890
Jien se jmorru lura fuq hawn biex tiegħi
fajl siġra, u jiftħu table3.HTML.

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

213
00:10:07,680 --> 00:10:10,350
Għal darb'oħra, li għaddej biex tfittex pretty
simili hawn fil-bidu.

214
00:10:10,350 --> 00:10:14,460
Iżda avviż, dan iż-żmien, minflok li jużaw
a stylesheet integrati dritt fil hemm,

215
00:10:14,460 --> 00:10:18,870
Jien ser link fil-
stylesheet tuża l-link tag.

216
00:10:18,870 --> 00:10:22,480
Hekk jien apparentement jgħaqqdu fi
stylesheet imsejħa tables.CSS,

217
00:10:22,480 --> 00:10:25,090
u dan ukoll huwa ekwivalenti
stylesheet biss means-- ukoll,

218
00:10:25,090 --> 00:10:28,645
dak li huwa dan il-fajl relattiv għal dak
Jien doing-- huwa stylesheet li jien

219
00:10:28,645 --> 00:10:29,821
użu għal paġna tiegħi.

220
00:10:29,821 --> 00:10:32,320
Mela jekk jien verament trid tara dak
Li qed nagħmel mal-CSS hawn,

221
00:10:32,320 --> 00:10:35,010
I bżonn biex tmur miftuħ li
table.CSS fajl kif ukoll.

222
00:10:35,010 --> 00:10:37,490
Allura aħna ser imorru lura minn hawn
għal darb'oħra biex siġra fajl tagħna.

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

224
00:10:38,660 --> 00:10:40,490
Aħna ser pop miftuħa.

225
00:10:40,490 --> 00:10:43,070
Issa aħna qed jaraw ftit tal-CSS.

226
00:10:43,070 --> 00:10:45,630
Apparentement, I jkollhom koppja
ta 'affarijiet għaddejjin hawn.

227
00:10:45,630 --> 00:10:48,950
I apparentement tixtieq li jitqiegħed ħamsa
Pixel wiesgħa, burdura ħamra solidu,

228
00:10:48,950 --> 00:10:50,287
madwar mejda tiegħi.

229
00:10:50,287 --> 00:10:52,870
Aħna diġà jafu li li għaddej
li jmorru biss fuq il-perimetru.

230
00:10:52,870 --> 00:10:56,180
Rajna li fil table2.HTML.

231
00:10:56,180 --> 00:10:58,770
Ma 'kull ringiela, I
apparentement jridu jispeċifikaw

232
00:10:58,770 --> 00:11:01,950
li l-għoli ringiela hija 50 pixels għoli.

233
00:11:01,950 --> 00:11:05,680
Allura għal kull ringiela, ftakar
dan huwa dak il-lametta tr ma,

234
00:11:05,680 --> 00:11:08,550
Jien jagħmilha 50 pixels għoli.

235
00:11:08,550 --> 00:11:09,804
>> Fl-aħħar nett, għandi dan il-kumment.

236
00:11:09,804 --> 00:11:11,470
U dan huwa kif aħna jagħmlu kummenti CSS.

237
00:11:11,470 --> 00:11:16,174
Dan huwa simili ħafna għal jaħtfu blokk
kummenti star slash sintassi.

238
00:11:16,174 --> 00:11:17,090
It-test kollu li trid.

239
00:11:17,090 --> 00:11:19,470
M'hemm l-ebda slash slash għalkemm CSS.

240
00:11:19,470 --> 00:11:23,400
Għall-kummenti inline qasir, għandna
biex jużaw dan il-format partikolari hawnhekk.

241
00:11:23,400 --> 00:11:26,830
Jidher qisu qed nagħmel
ħafna affarijiet fil tags TD tiegħi.

242
00:11:26,830 --> 00:11:29,710
Ftakar tags TD, jew tabella
data, li verament huma biss

243
00:11:29,710 --> 00:11:32,210
il-kolonni ġewwa ta
ringieli tagħna, u apparentement

244
00:11:32,210 --> 00:11:35,090
għal kull biċċa ta 'data
fit-tabella tiegħi, nixtieq

245
00:11:35,090 --> 00:11:38,850
li tiffissa l-kulur fl-isfond li
jkun iswed, il-kulur li jkun abjad,

246
00:11:38,850 --> 00:11:40,320
kulur huwa kulur miksub.

247
00:11:40,320 --> 00:11:42,360
Allura dan se jkun
it-test tal-paġna tiegħi.

248
00:11:42,360 --> 00:11:45,140
Irrid font kbar, 22
punt font, u nixtieq

249
00:11:45,140 --> 00:11:47,001
li jkun tal-familja font, Georgia.

250
00:11:47,001 --> 00:11:48,750
Hekk jien mhux ser
għandhom il-font default.

251
00:11:48,750 --> 00:11:51,820
Jien ser tispeċifika Ġeorġja, li
hija waħda minn dawk fonts web siguri

252
00:11:51,820 --> 00:11:53,830
li konna rajna qabel.

253
00:11:53,830 --> 00:11:57,284
Irrid test tiegħi li jiġu allinjati
ċentralment, fin-nofs tal-kaxxa,

254
00:11:57,284 --> 00:11:59,450
Ma rridx li titħalla
allinjati jew dritt allinjati.

255
00:11:59,450 --> 00:12:03,461
U nixtieq wisa kolonna tiegħi
li jkun 50 pixels wiesgħa kif ukoll.

256
00:12:03,461 --> 00:12:05,210
Ejja tagħti ħarsa lejn
dak li dan qisu,

257
00:12:05,210 --> 00:12:07,470
u ara jekk dan huwa forsi titjib.

258
00:12:07,470 --> 00:12:12,890
Hekk jien se jmorru biex table3.HTML, li
irtirar, jinkludi table.CSS bħala rabta,

259
00:12:12,890 --> 00:12:14,830
u aħna ser preview.

260
00:12:14,830 --> 00:12:16,800
Li ħafna aħjar, id-dritt?

261
00:12:16,800 --> 00:12:20,004
Dan huwa attwalment tibda tfittex
ħafna aktar bħal tabella multiplikazzjoni.

262
00:12:20,004 --> 00:12:21,920
Għandi dik il-fruntiera aħmar
madwar mejda tiegħi iżda issa

263
00:12:21,920 --> 00:12:26,700
Għandi wkoll speċifikat li
kull ringiela hija ta '50 pixels wiesgħa,

264
00:12:26,700 --> 00:12:30,220
jew huwa 50 pixels tall-- skuża
me-- kull kolonna hija 50 pixels wiesgħa.

265
00:12:30,220 --> 00:12:34,251
Id-data f'kull kolonna, u biss
id-data, għandha sfond iswed.

266
00:12:34,251 --> 00:12:36,000
Allura hu għalhekk li dawk
linji bojod hemm.

267
00:12:36,000 --> 00:12:38,836
Minħabba li l-ispazju fil
bejn kollha ta 'dawk iċ-ċelluli,

268
00:12:38,836 --> 00:12:40,710
mhuwiex fruntiera fil
u fih innifsu, huwa biss

269
00:12:40,710 --> 00:12:43,170
Jien biss timla l-
ċelluli, li attwalment

270
00:12:43,170 --> 00:12:46,310
jagħmel il-fruntieri tat-tabella, li
apparentament ma jeżistu kollha flimkien, huwa

271
00:12:46,310 --> 00:12:47,887
kien linji bojod biss rqiqa.

272
00:12:47,887 --> 00:12:48,720
Issa dawn qed viżibbli.

273
00:12:48,720 --> 00:12:50,380
Issa pop off fuq l-iskrin.

274
00:12:50,380 --> 00:12:52,920
U għalhekk dan huwa sempliċi ħafna
stylesheet li stajt applikati,

275
00:12:52,920 --> 00:12:56,850
u issa mejda tiegħi jistenna ħafna aktar bħal
tabella erbgħa mill-erba multiplikazzjoni,

276
00:12:56,850 --> 00:13:00,950
minflok mess biss jumbled, fejn
kollox huwa ċar ringieli u kolonni,

277
00:13:00,950 --> 00:13:03,717
iżda mhux super organizzati tajjeb.

278
00:13:03,717 --> 00:13:06,800
Aħna verament ftit grif tal-wiċċ
ta 'x'tista' tagħmel ma 'CSS hawn.

279
00:13:06,800 --> 00:13:10,330
Fortunatament id-dokumentazzjoni CSS
huwa pjuttost sempliċi.

280
00:13:10,330 --> 00:13:14,000
Inti ser tuża diversi tagħha
attributi, pjuttost spiss.

281
00:13:14,000 --> 00:13:16,087
Dawk tkellimna dwar
aktar kmieni f'dan il-video.

282
00:13:16,087 --> 00:13:18,170
Hemm diversi li inti
probabbilment mhux se jużaw xejn.

283
00:13:18,170 --> 00:13:19,469
U li l-multa, wisq.

284
00:13:19,469 --> 00:13:22,010
Iżda biss jafu, li hemm
Ħafna dokumentazzjoni hemmhekk.

285
00:13:22,010 --> 00:13:25,110
Għalhekk anki jekk aħna ma kinux ikopru kollox,
int żgur jkunux ħallew fuq tiegħek.

286
00:13:25,110 --> 00:13:26,780
Imma CSS huwa verament gost
għall-esperimentazzjoni.

287
00:13:26,780 --> 00:13:29,040
U nixtieq inħeġġiġkom
li play madwar paġni web tiegħek,

288
00:13:29,040 --> 00:13:32,180
u tara kif tista 'tagħmel minnhom
dehra u sensazzjoni biex itejbu l-utent

289
00:13:32,180 --> 00:13:34,790
esperjenza ta 'jżuru paġna tiegħek.

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

291
00:13:35,710 --> 00:13:37,980
Dan huwa CS50.

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