1
00:00:00,000 --> 00:00:05,660
>> [MUSIC PLAYING]

2
00:00:05,660 --> 00:00:08,740
>> DOUG LLOYD: Belə ki, bir daha götürək
video daha bir dil haqqında danışmaq.

3
00:00:08,740 --> 00:00:10,800
Biz CSS haqqında danışmaq lazımdır Bu dəfə.

4
00:00:10,800 --> 00:00:13,460
Üçün qısa, belə ki, CSS,
Cascading Style Sheets,

5
00:00:13,460 --> 00:00:16,149
Biz istifadə bir dili
web inşa zaman.

6
00:00:16,149 --> 00:00:17,190
Bu kimi düşünün.

7
00:00:17,190 --> 00:00:20,900
HTML təşkil etmək üçün istifadə nə varsa
Biz səhifədə qoymaq istəyirəm content,

8
00:00:20,900 --> 00:00:25,390
CSS biz ümumiyyətlə istifadə alətdir
Bizim saytları baxmaq necə özelleştirmek üçün,

9
00:00:25,390 --> 00:00:30,410
və necə istifadəçi təcrübəsi həqiqətən
bizim web ilə əlaqə edir.

10
00:00:30,410 --> 00:00:32,535
>> HTML kimi, CSS deyil
bir proqramlaşdırma dili.

11
00:00:32,535 --> 00:00:33,451
Bu məntiq yoxdur.

12
00:00:33,451 --> 00:00:34,595
Bu dəyişənlərin yoxdur.

13
00:00:34,595 --> 00:00:38,890
Bu hər hansı yoxdur
C yoxdur bağlı şeyi axır.

14
00:00:38,890 --> 00:00:40,150
Bu dizayn dil var.

15
00:00:40,150 --> 00:00:42,810
Və onun sintaksis olduqca
sadə və yalnız təsvir

16
00:00:42,810 --> 00:00:46,240
necə elementləri bizim
səhifə müəyyən HTML var

17
00:00:46,240 --> 00:00:48,190
elementləri redaktə etmək lazımdır.

18
00:00:48,190 --> 00:00:51,170
Bu məqsədlə, siz varsa
hələ HTML bizim video seyr

19
00:00:51,170 --> 00:00:53,290
və ya tanımadığı
HTML ümumiyyətlə, sizə

20
00:00:53,290 --> 00:00:57,430
ki, nəzər edə bilərsiniz
CSS ilk, çünki bu müzakirə

21
00:00:57,430 --> 00:01:00,700
asılı gedir
HTML bəzi bilik.

22
00:01:00,700 --> 00:01:03,740
>> Belə ki, burada həqiqətən var
sadə CSS stil.

23
00:01:03,740 --> 00:01:06,480
Siz heç belə
əvvəl CSS ilə proqramlaşdırılmış,

24
00:01:06,480 --> 00:01:10,624
Siz anlamaq mən olduqca əminəm
Bu stil dəqiq nə.

25
00:01:10,624 --> 00:01:11,290
O nə edir?

26
00:01:11,290 --> 00:01:15,470
Bəli, bizim web orqanına müraciət
bədən tags arasında, səhifə hər şey

27
00:01:15,470 --> 00:01:19,631
Bizim HTML və bu müəyyən
blue ki, səhifənin fon rəngi.

28
00:01:19,631 --> 00:01:21,130
Bəli, bu çox sadə stil var.

29
00:01:21,130 --> 00:01:23,269
Bu, həqiqətən çox insan var
dostluq dil, CSS.

30
00:01:23,269 --> 00:01:26,560
Belə ki, əvvəl istifadə heç etdik, hətta
Siz yəqin ki, nə tahmin edə bilər.

31
00:01:26,560 --> 00:01:30,140
Əslində, əgər biz bir səhifə, yüklənən
Bu stil, elə əlaqədar edildi

32
00:01:30,140 --> 00:01:36,240
Bizim səhifənin background color olardı
mavi, və standart ağ deyil.

33
00:01:36,240 --> 00:01:37,670
>> Belə ki, necə biz stil qurmaq edirsiniz?

34
00:01:37,670 --> 00:01:39,700
Bəli ilk biz var
bir selector müəyyən edir.

35
00:01:39,700 --> 00:01:42,970
Son misal olaraq,
ki selector orqan idi.

36
00:01:42,970 --> 00:01:45,050
Sonra biz bir açıq
buruq brace və biz istəyirik

37
00:01:45,050 --> 00:01:48,410
müəyyən başlamaq niyyətindədir
ki selector üçün stil.

38
00:01:48,410 --> 00:01:51,800
Qıvrım aşırma arasında, biz
yalnız əsas dəyər cüt bir siyahısı var.

39
00:01:51,800 --> 00:01:56,205
Əvvəlki dəyər cüt idi
background color blue nöqtəli vergül,

40
00:01:56,205 --> 00:01:57,830
lakin biz bu daha çox ola bilər.

41
00:01:57,830 --> 00:02:02,330
Siz çox şey tətbiq ola bilər
tag ki, selector bədən.

42
00:02:02,330 --> 00:02:05,960
Onların hər biri bir ilə ayrılır
nöqtəli vergül və biz onların hər biri zəng

43
00:02:05,960 --> 00:02:08,949
bəyannamə, CSS bəyannamə.

44
00:02:08,949 --> 00:02:12,410
Biz bütün üslubu biz ilə bittiğinde
xüsusi tag müraciət etmək istəyirəm,

45
00:02:12,410 --> 00:02:15,300
biz yalnız bir yekun buruq var
stil son burğu,

46
00:02:15,300 --> 00:02:19,640
və biz stil müəyyən tamamlayın
xüsusi selector üçün.

47
00:02:19,640 --> 00:02:21,341
>> Bəzi ümumi CSS xüsusiyyətləri hansılardır?

48
00:02:21,341 --> 00:02:23,590
Bəli, bəlkə qoymaq istəyirəm
bir şey ətrafında bir sərhəd.

49
00:02:23,590 --> 00:02:26,850
Siz demək olar ki, sərhəd,
ki, əsas olacaq,

50
00:02:26,850 --> 00:02:29,460
və sonra dəyərlər olardı,
nə stil, rəng, eni

51
00:02:29,460 --> 00:02:30,209
Siz olmaq istəyirəm.

52
00:02:30,209 --> 00:02:33,530
Belə ki, stil möhkəm ola bilər
line, bir dotted line, bir berbat xətti,

53
00:02:33,530 --> 00:02:36,020
dalğalı xətt olacaq silsiləsi line.

54
00:02:36,020 --> 00:02:38,790
Bəlkə var istəyirəm
mavi və ya qara və ya yaşıl ola bilər.

55
00:02:38,790 --> 00:02:41,490
Bəlkə olmaq istəyirəm
1 və ya 2 və ya 10 piksel geniş.

56
00:02:41,490 --> 00:02:43,254
Siz bu şeyi bütün belirtebilirsiniz.

57
00:02:43,254 --> 00:02:46,420
Bəlkə fon qurmaq istəyirəm
xüsusi şəkildə səhifənin rəng.

58
00:02:46,420 --> 00:02:49,215
Biz artıq qəbulu, gördüm ki,
bədən fon mavi olmalıdır.

59
00:02:49,215 --> 00:02:52,080
>> Sonra bir açar sözü istifadə edə bilərsiniz,
belə CSS müəyyən rəng var

60
00:02:52,080 --> 00:02:55,950
ki, onu yaşıl, mavi inşa edilir
qara, bilirik ki, çox sadə rəng.

61
00:02:55,950 --> 00:02:59,110
Amma siz də hər hansı bir daxil edə bilərsiniz
Istədiyiniz hex rəng.

62
00:02:59,110 --> 00:03:05,190
Rəng müəyyən edilə bilər Recall
üç hex ədəd bir dəsti ilə

63
00:03:05,190 --> 00:03:08,500
0-dan 255, rg və b üçün
qırmızı, yaşıl və mavi komponenti.

64
00:03:08,500 --> 00:03:10,590
Və belə ki, biz müəyyən edə bilərsiniz
biz istədiyiniz hər hansı bir rəng,

65
00:03:10,590 --> 00:03:15,520
əvəzinə mavi və ya yaşıl və ya qara istifadə edərək,
funt istifadə və hex sonra altı rəqəm,

66
00:03:15,520 --> 00:03:18,310
və bizə verəcək
altı rəqəmli rəng.

67
00:03:18,310 --> 00:03:19,850
Belə ki, fon rəngi var.

68
00:03:19,850 --> 00:03:21,975
>> Biz də ön planda var
adətən rəng,

69
00:03:21,975 --> 00:03:24,140
Sizin səhifə mətni olacaq.

70
00:03:24,140 --> 00:03:28,850
Və eyni bunu edə bilər
əsas söz və ya altı rəqəmli hex ilə.

71
00:03:28,850 --> 00:03:32,140
Belə ki, hər hansı bir rəng belirtebilirsiniz siz
Sizin səhifə mətn üçün istəyirəm

72
00:03:32,140 --> 00:03:36,370
xüsusi qarşı
fon rəngi, yuxarıda.

73
00:03:36,370 --> 00:03:39,100
Siz həmçinin dəyişdirmək və məşğul ola bilər
font və yol mətn

74
00:03:39,100 --> 00:03:40,400
səhifə göstərilir.

75
00:03:40,400 --> 00:03:42,010
>> Belə ki, sizin font ölçüsünü dəyişə bilərsiniz.

76
00:03:42,010 --> 00:03:46,320
Siz belə əlavə kimi açar sözlər, istifadə edə bilərsiniz
əlavə kiçik və ya kiçik xx, və ya orta,

77
00:03:46,320 --> 00:03:47,660
böyük, və s.

78
00:03:47,660 --> 00:03:50,750
Siz sabit xal istifadə edə bilərsiniz 10
point, 12 point, və s.

79
00:03:50,750 --> 00:03:55,850
Siz faiz, 80%, 20% istifadə edə bilərsiniz
burada 100% default font edir

80
00:03:55,850 --> 00:03:59,220
adətən gedir ölçüsü,
11 və ya 12 xal kimi bir şey ola bilər.

81
00:03:59,220 --> 00:04:01,659
Və ya hətta off bazası bilər
Ən son font ölçüsü.

82
00:04:01,659 --> 00:04:04,950
Siz yalnız bir şey yazıb və bilirsinizsə
Bu kiçik olmaq üçün istədiyiniz nə, var

83
00:04:04,950 --> 00:04:08,241
lakin siz bilmirəm dəqiq nə ölçüsü
bu, yaxşı, yalnız demək olar istəyirəm,

84
00:04:08,241 --> 00:04:09,330
font ölçüsü kiçik.

85
00:04:09,330 --> 00:04:14,344
Və bu, off əsası olacaq
yalnız yuxarıda, bu font ölçüsü var.

86
00:04:14,344 --> 00:04:15,760
Və kiçik və ya böyük əldə edə bilərsiniz.

87
00:04:15,760 --> 00:04:18,390
Belə ki, müxtəlif bir çox var
yolları font ölçüsü müəyyən etmək.

88
00:04:18,390 --> 00:04:20,690
>> Siz həmçinin hansı daxil edə bilərsiniz
Istədiyiniz font ailə.

89
00:04:20,690 --> 00:04:23,360
Müəyyən bir varsa
adı, bir yol var CSS

90
00:04:23,360 --> 00:04:27,270
Biz bu barədə danışmaq fikrində deyilik
burada çox xüsusi bir font müəyyən etmək

91
00:04:27,270 --> 00:04:28,980
və səhifə onu embed.

92
00:04:28,980 --> 00:04:30,620
Siz həmçinin ümumi adları istifadə edə bilərsiniz.

93
00:04:30,620 --> 00:04:33,540
Web təhlükəsiz fonts bir çox var
ki, CSS əvvəlcədən müəyyən edilir.

94
00:04:33,540 --> 00:04:36,352
Və Microsoft bir istifadəçi əgər
Son 20 ildə Office,

95
00:04:36,352 --> 00:04:38,810
Siz yəqin ki, ilə tanış edirik
bu web təhlükəsiz fonts bir çox

96
00:04:38,810 --> 00:04:44,640
artıq, Times New Roman, Arial,
, New, Gürcüstan, Tahoma, Verdana Courier

97
00:04:44,640 --> 00:04:45,470
və s.

98
00:04:45,470 --> 00:04:47,170
O bütün web təhlükəsiz fonts hesab edilir.

99
00:04:47,170 --> 00:04:49,169
Və həqiqətən, part
səbəb onlar gəldi

100
00:04:49,169 --> 00:04:54,140
hər səhifə web-- etmək üçün istifadə edilə idi
Bu default giriş fonts qurmuşdu

101
00:04:54,140 --> 00:04:58,480
müxtəlif serifs, və bütün bu ilə
biz daxil deyil font stuff,

102
00:04:58,480 --> 00:05:01,130
lakin bu adətən
Sizin CSS əlçatan,

103
00:05:01,130 --> 00:05:04,029
siz deyil, hətta
başqa fonts müəyyən edir.

104
00:05:04,029 --> 00:05:07,070
Nəhayət, sizin mətn align bilər,
Bu olan əvəzinə, ismarıcları aligned edir

105
00:05:07,070 --> 00:05:09,310
sol, siz ola bilər
sağ üçün align,

106
00:05:09,310 --> 00:05:13,740
və ya onu mərkəzi align, və ya edə bilər
Bu, həm də qaydalarından edib ki, haqlı.

107
00:05:13,740 --> 00:05:16,800
O Belə ki, istifadə edə bilərsiniz bütün variantları
mətn kimi görünür nə dəyişdirmək üçün,

108
00:05:16,800 --> 00:05:20,120
və sizin səhifə necə nümayiş.

109
00:05:20,120 --> 00:05:22,180
>> Sizin seçiciler deyil
tags yalnız olmalıdır.

110
00:05:22,180 --> 00:05:25,539
Biz əvvəllər bir bədən tag gördüm
selector, və tag selector

111
00:05:25,539 --> 00:05:26,580
yalnız kimi baxmaq deyil.

112
00:05:26,580 --> 00:05:30,020
Siz sonra bir tag adı və
ki tag üçün bir stil müəyyən edir.

113
00:05:30,020 --> 00:05:32,660
Amma siz də bir şey edə bilərsiniz
şəxsiyyət selector çağırıb.

114
00:05:32,660 --> 00:05:34,390
An ID selector olduqca oxşar görünür.

115
00:05:34,390 --> 00:05:38,100
Amma indi istifadə deyiləm ki, qeyd
HTML tag, mən bu halda, istifadə edirəm

116
00:05:38,100 --> 00:05:40,720
#unique, və ya unikal hash.

117
00:05:40,720 --> 00:05:42,930
Siz geri əgər bizim
HTML video, danışdıq

118
00:05:42,930 --> 00:05:45,620
tags atributları ola bilər necə haqqında.

119
00:05:45,620 --> 00:05:48,340
>> Və bir atributu ki tətbiq
olduqca çox bütün HTML tags,

120
00:05:48,340 --> 00:05:51,440
lakin biz bu barədə danışmaq deyil,
şəxsiyyət tag deyilən bir şey var.

121
00:05:51,440 --> 00:05:55,250
Belə ki, bu CSS ki
yalnız var HTML tag müraciət

122
00:05:55,250 --> 00:05:58,530
çox xüsusi bir ID, adlı etdik ki.

123
00:05:58,530 --> 00:06:01,000
Əgər haradasa varsa
Sizin kodu, haradasa

124
00:06:01,000 --> 00:06:06,090
HTML fayl, tag və siz
ki, tag bir atributu kimi müəyyən,

125
00:06:06,090 --> 00:06:09,060
ID, bu unikal bərabərdir
xüsusi stil

126
00:06:09,060 --> 00:06:15,030
Burada yalnız arasında müraciət edəcək
unikal ID ilə tag.

127
00:06:15,030 --> 00:06:17,180
>> Siz həmçinin bir şey edə bilərsiniz
bir sinif selector çağırıb.

128
00:06:17,180 --> 00:06:19,920
Olan əlavə So
ID siz də edə bilərsiniz, atributları

129
00:06:19,920 --> 00:06:23,130
HTML tags bir sinif atributu əlavə edin.

130
00:06:23,130 --> 00:06:27,140
Və bir sinif atributu istifadə edərkən,
birdən çox tags tətbiq oluna bilər.

131
00:06:27,140 --> 00:06:31,880
Belə ki, bir neçə şey var ki, əgər
, bəlkə demək oxşar istəyirəm,

132
00:06:31,880 --> 00:06:35,890
açıq tag blah, blah, blah,
blah, sinif şagirdləri bərabərdir.

133
00:06:35,890 --> 00:06:38,190
Və sonra bu
stil müraciət edirəm

134
00:06:38,190 --> 00:06:42,041
Onun sinif hər tag tələbələr edir.

135
00:06:42,041 --> 00:06:44,290
Bu halda, biz müəyyən ediyorum
sarı fon rəngi,

136
00:06:44,290 --> 00:06:46,706
və biz qeyri-şəffaflıq müəyyən istədiyiniz
biz haqqında danışmaq deyil ki, bir tag edir

137
00:06:46,706 --> 00:06:52,510
lakin necə şəffaf ilə məşğul
bir şey bu halda, 70% edir.

138
00:06:52,510 --> 00:06:54,430
>> Üçün iki variant var
yazı stil.

139
00:06:54,430 --> 00:06:56,680
Siz onları yaza bilərsiniz
birbaşa HTML

140
00:06:56,680 --> 00:06:59,690
stil yerləşdirilməsi
stil tags arasında.

141
00:06:59,690 --> 00:07:03,850
Və bu stil tags daxilində getmək
web page rəhbəri tags.

142
00:07:03,850 --> 00:07:08,240
bəlkə daha çox üstünlük yol etmək
Bu ayrı-ayrı .css fayl yazmaq üçün,

143
00:07:08,240 --> 00:07:12,360
və sonra daxil link
link tags istifadə sənəd.

144
00:07:12,360 --> 00:07:14,690
Link tags, yenə var
hiperlink fərqli,

145
00:07:14,690 --> 00:07:16,760
Siz bizim video bir HTML geri əgər.

146
00:07:16,760 --> 00:07:19,030
Və link tags necə biz
ayrı-ayrı faylları çəkin.

147
00:07:19,030 --> 00:07:23,900
Bu növ bərabər kimi
web proqramlaşdırma üçün # daxildir.

148
00:07:23,900 --> 00:07:27,140
>> Belə ki, table.HTML bir nəzər salaq.

149
00:07:27,140 --> 00:07:29,380
Siz geri əgər bizim
HTML video, mən göstərdi

150
00:07:29,380 --> 00:07:32,000
çox nümunəsi
sadə vurma

151
00:07:32,000 --> 00:07:35,160
olduqca baxdı masa
çirkin və bəlkə var

152
00:07:35,160 --> 00:07:38,650
bir yol ilə daha yaxşı etmək üçün
CSS, bu, həqiqətən baxmaq üçün

153
00:07:38,650 --> 00:07:41,120
bir vurma kimi daha
masa, və ya bir şey

154
00:07:41,120 --> 00:07:43,730
yalnız birlikdə stuck deyil
heç bir faktiki bölgüsü ilə

155
00:07:43,730 --> 00:07:45,532
satır ve sütun arasında.

156
00:07:45,532 --> 00:07:47,490
Belə ki, üzərində rəhbərlik edək
CS50 IDE və nəzər

157
00:07:47,490 --> 00:07:50,780
CSS, sort, çimdik bilər necə
biz əvvəl ilə başladı,

158
00:07:50,780 --> 00:07:53,290
və bir çox daha yaxşı bir şey etmək.

159
00:07:53,290 --> 00:07:55,650
>> Beləliklə, biz CS50 IDE istəyirik
indi və tanımadığı halda,

160
00:07:55,650 --> 00:07:58,710
biz bu qoparmaq lazımdır
masa HTML səhifə ki.

161
00:07:58,710 --> 00:08:01,090
Table.HTML əsasən
yalnız məzmunu müəyyən

162
00:08:01,090 --> 00:08:05,044
bir multiple-- o olmaq idi
Dörd dörd vurma masa.

163
00:08:05,044 --> 00:08:06,210
Bu olduqca sadə.

164
00:08:06,210 --> 00:08:09,410
Və biz bu olardı ki, hesab edirəm ki,
olduqca yaxşı təşkil baxmaq.

165
00:08:09,410 --> 00:08:15,277
Əslində, biz bu səhifə önizleme zaman,
Biz bu cür çirkin, doğru ki, görəcəksiniz?

166
00:08:15,277 --> 00:08:16,860
Aydındır ki, biz burada satır ve sütun var.

167
00:08:16,860 --> 00:08:18,350
Orada ayrılması bir növ.

168
00:08:18,350 --> 00:08:20,040
Amma bir mənalı ayrılıq deyil.

169
00:08:20,040 --> 00:08:23,105
Biz, həqiqətən, əldə deyilik
Burada çox məlumat.

170
00:08:23,105 --> 00:08:25,730
Arasında heç bir ayrılıq yoxdur
baxımından satır ve sütun

171
00:08:25,730 --> 00:08:28,460
üfüqi və ya şaquli qaydaları.

172
00:08:28,460 --> 00:08:31,530
Biz yəqin ki, bu edə bilər
daha yaxşı bir az baxmaq.

173
00:08:31,530 --> 00:08:32,934
Belə ki, cəhd edək.

174
00:08:32,934 --> 00:08:34,559
Belə ki, mən burada bu nişanı yaxın gedirəm.

175
00:08:34,559 --> 00:08:37,434
Və Mən table.HTML yaxın gedirəm
və mən burada başqa bir versiyası var

176
00:08:37,434 --> 00:08:39,490
table2.HTML çağırıb.

177
00:08:39,490 --> 00:08:40,655
Biz bu açmaq lazımdır.

178
00:08:40,655 --> 00:08:42,530
Səhifənin orqanıdır
olduqca çox eyni,

179
00:08:42,530 --> 00:08:44,238
amma dəyişib etdik
üst az.

180
00:08:44,238 --> 00:08:47,132
Mən burada diyirləyin lazımdır.

181
00:08:47,132 --> 00:08:49,340
Mən ki, bu dəfə edək
əlaqədar stil tags istifadə.

182
00:08:49,340 --> 00:08:53,550
Mən bir stil tag açıldı etdik və mən artıq Ben
yalnız daxilində CSS stil müəyyən

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

184
00:08:54,310 --> 00:08:56,310
Mən masa deyir ki, bir stil var.

185
00:08:56,310 --> 00:08:58,170
Bu mənim tag selector var.

186
00:08:58,170 --> 00:09:01,340
Mən nöqtə və ya hash istifadə deyiləm,
Mən I əgər bunu olunacaq

187
00:09:01,340 --> 00:09:03,710
ID və ya bir sinif selector istifadə etdi.

188
00:09:03,710 --> 00:09:06,190
Mən bir tag selector burada masa var.

189
00:09:06,190 --> 00:09:10,090
Bu stil gedir
hər masa tag tətbiq edilir.

190
00:09:10,090 --> 00:09:14,950
Görünür Mən bir qoymaq istəyirəm
geniş pixel, bərk mavi sərhəd,

191
00:09:14,950 --> 00:09:15,779
Mənim masa daxilində.

192
00:09:15,779 --> 00:09:18,320
Bu kimi yəqin ki, səslənir
sağ, vəziyyət kömək?

193
00:09:18,320 --> 00:09:20,320
Biz olacaq
hər şeyi çox yaxşı baxmaq.

194
00:09:20,320 --> 00:09:21,190
Belə ki, bu yaxşıdır.

195
00:09:21,190 --> 00:09:23,540
Stylistically, Mən yalnız var
burada mənim stil əlaqədar.

196
00:09:23,540 --> 00:09:25,100
Bu, əlbəttə, bir var
bunu məqbul yoldur.

197
00:09:25,100 --> 00:09:26,391
Bu kimi görünür nə edək.

198
00:09:26,391 --> 00:09:29,790
Beləliklə, mən aşağı burada geri getmək və lazımdır
Mən table2.HTML önizleme edəcəyik.

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

200
00:09:32,430 --> 00:09:36,470
Yaxşı, ki, mən nə istədiyini çox deyil
lakin biz xahiş dəqiq nə.

201
00:09:36,470 --> 00:09:39,530
Biz bu stil bildirib ki,
Bizim masa müraciət etmək niyyətindədir.

202
00:09:39,530 --> 00:09:43,810
Bizim masa indi bir pixel var
onun ətrafında geniş, möhkəm mavi sərhəd.

203
00:09:43,810 --> 00:09:46,237
Biz, həqiqətən, əldə deyilik
masa hüceyrələri.

204
00:09:46,237 --> 00:09:47,570
Biz yalnız masada əldə edirik.

205
00:09:47,570 --> 00:09:49,310
Belə ki, CSS çalışmışdır.

206
00:09:49,310 --> 00:09:51,890
Bu tətbiq bir
Bizim masa stil.

207
00:09:51,890 --> 00:09:53,981
Lakin kifayət qədər etmədi
nə biz bunu istəyirdim.

208
00:09:53,981 --> 00:09:55,730
Biz nə almaq necə
nə biz bunu istəyirsiniz?

209
00:09:55,730 --> 00:09:59,287
>> Yaxşı, bir daha nəzər salaq
table3.HTML bu versiyası.

210
00:09:59,287 --> 00:10:00,870
Beləliklə, mən yalnız bu Nişanlar yaxın gedirəm.

211
00:10:00,870 --> 00:10:03,890
Mən burada geri üzərində getmək üçün gedirəm mənim
ağac fayl və table3.HTML açmaq.

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

213
00:10:07,680 --> 00:10:10,350
Yenə, bu, olduqca baxmaq olacaq
burada başında bənzər.

214
00:10:10,350 --> 00:10:14,460
Ancaq xəbərdarlıq, bu dəfə yerinə istifadə
orada əlaqədar bir stil,

215
00:10:14,460 --> 00:10:18,870
Mən bir keçid gedirəm
link tag istifadə stil.

216
00:10:18,870 --> 00:10:22,480
Beləliklə, mən yəqin birləşdirən alıram
tables.CSS adlı stil,

217
00:10:22,480 --> 00:10:25,090
və bu yaxşı bərabərdir
stil yalnız, yaxşı means--

218
00:10:25,090 --> 00:10:28,645
Bu fayl nisbi nə etdiklərini və nə
Mən deyiləm bir stil var əməlindəndir deyiləm

219
00:10:28,645 --> 00:10:29,821
Mənim səhifə üçün istifadə.

220
00:10:29,821 --> 00:10:32,320
Mən, həqiqətən, nə görmək istəyirsinizsə Belə ki,
Mən burada CSS edirəm

221
00:10:32,320 --> 00:10:35,010
Hesab edirəm ki, açıq getmək lazımdır
table.CSS həmçinin fayl.

222
00:10:35,010 --> 00:10:37,490
Beləliklə, biz burada artıq geri getmək lazımdır
daha fayl ağac.

223
00:10:37,490 --> 00:10:38,660
Table.CSS var.

224
00:10:38,660 --> 00:10:40,490
Biz bunu açıq pop lazımdır.

225
00:10:40,490 --> 00:10:43,070
İndi biz CSS bir az gördükdə.

226
00:10:43,070 --> 00:10:45,630
Görünür, mən bir neçə var
şeyi burada davam.

227
00:10:45,630 --> 00:10:48,950
Mən yəqin beş qoymaq istəyirəm
geniş pixel, bərk qırmızı sərhəd,

228
00:10:48,950 --> 00:10:50,287
Mənim masa ətrafında.

229
00:10:50,287 --> 00:10:52,870
Biz artıq olacaq bilirik ki,
yalnız perimetri getmək üçün.

230
00:10:52,870 --> 00:10:56,180
Biz table2.HTML ki, gördüm.

231
00:10:56,180 --> 00:10:58,770
Hər bir sıra, mən
yəqin ifadə etmək istəyirəm

232
00:10:58,770 --> 00:11:01,950
ki, cərgə boyu 50 piksel yüksək.

233
00:11:01,950 --> 00:11:05,680
Belə ki, hər cərgə üçün, xatırlayıram
ki, tr tag nə var

234
00:11:05,680 --> 00:11:08,550
Mən 50 piksel yüksək edilməsi alıram.

235
00:11:08,550 --> 00:11:09,804
>> Nəhayət, mən bu şərh yoxdur.

236
00:11:09,804 --> 00:11:11,470
Və bu CSS şərh etmək necə.

237
00:11:11,470 --> 00:11:16,174
Bu blok tutmaq üçün çox oxşar
şərh syntax çizgi star.

238
00:11:16,174 --> 00:11:17,090
Istədiyiniz bütün mətn.

239
00:11:17,090 --> 00:11:19,470
Heç bir çizgi çizgi CSS olsa var.

240
00:11:19,470 --> 00:11:23,400
Qısa inline şərh, biz
Burada bu format istifadə etmək.

241
00:11:23,400 --> 00:11:26,830
Mən edirəm kimi görünür
Mənim td tags şeyi var.

242
00:11:26,830 --> 00:11:29,710
Td tags, və ya masa saxla
həqiqətən, yalnız var data,

243
00:11:29,710 --> 00:11:32,210
daxilində sütun
Bizim satırlar, və yəqin

244
00:11:32,210 --> 00:11:35,090
məlumatların hər parça üçün
Mənim masa, mən istəyirəm

245
00:11:35,090 --> 00:11:38,850
fon rəngi təyin etmək üçün
qara, rəng, ağ olmaq

246
00:11:38,850 --> 00:11:40,320
rəng ön rəng deyil.

247
00:11:40,320 --> 00:11:42,360
Belə ki, bu olacaq
mənim səhifə mətn.

248
00:11:42,360 --> 00:11:45,140
Mən böyük font 22 istəyirəm
font qeyd və mən istəyirəm

249
00:11:45,140 --> 00:11:47,001
Bu, font ailə Georgia olmalıdır.

250
00:11:47,001 --> 00:11:48,750
Beləliklə, mən fikrində deyiləm
default font var.

251
00:11:48,750 --> 00:11:51,820
Mən Gürcüstan, müəyyən etmək üçün gedirəm olan
bu web təhlükəsiz şriftləri biridir

252
00:11:51,820 --> 00:11:53,830
biz əvvəl gördüm ki.

253
00:11:53,830 --> 00:11:57,284
Mən mətn aligned etmək istəyirəm
Mərkəzləşdirilmiş qutusu ortasında,

254
00:11:57,284 --> 00:11:59,450
Mən tərk etmək istəmirəm
aligned və ya sağ aligned edir.

255
00:11:59,450 --> 00:12:03,461
Mən sütun genişliyi istəyirəm
geniş eləcə də 50 piksel olmalıdır.

256
00:12:03,461 --> 00:12:05,210
Nin bir nəzər salaq
bu kimi görünür nə,

257
00:12:05,210 --> 00:12:07,470
Bu bəlkə bir inkişaf əgər baxın.

258
00:12:07,470 --> 00:12:12,890
Beləliklə, mən table3.HTML, getmək üçün gedirəm olan
geri, bir keçid kimi table.CSS daxildir

259
00:12:12,890 --> 00:12:14,830
və biz önizleme bilərsiniz.

260
00:12:14,830 --> 00:12:16,800
Bu doğru, bir çox daha yaxşıdır?

261
00:12:16,800 --> 00:12:20,004
Bu, həqiqətən bir baxmaq başlayır
daha vurma masa kimi çox.

262
00:12:20,004 --> 00:12:21,920
Hesab edirəm ki, qırmızı sərhəd var
Mənim masa ətrafında amma indi

263
00:12:21,920 --> 00:12:26,700
Mən də ki, belirttiğiniz
hər bir satır, 50 piksel geniş

264
00:12:26,700 --> 00:12:30,220
və ya tall-- bəhanə 50 piksel var
me-- hər sütun 50 piksel genişdir.

265
00:12:30,220 --> 00:12:34,251
Hər sütun data, yalnız və yalnız
data, qara fon var.

266
00:12:34,251 --> 00:12:36,000
Belə ki, niyə o var
ağ xətləri var.

267
00:12:36,000 --> 00:12:38,836
Space Çünki
o hüceyrələri bütün arasında,

268
00:12:38,836 --> 00:12:40,710
bu bir sərhəd deyil
və özü, yalnız var

269
00:12:40,710 --> 00:12:43,170
Mən yalnız doldurulması alıram
hüceyrələri, həqiqətən olan

270
00:12:43,170 --> 00:12:46,310
masa sərhədləri, edir
Görünür, bütün birlikdə mövcud idi

271
00:12:46,310 --> 00:12:47,887
yalnız nazik ağ xətlər idi.

272
00:12:47,887 --> 00:12:48,720
İndi onlar görünən istəyirik.

273
00:12:48,720 --> 00:12:50,380
İndi onlar ekranda off pop.

274
00:12:50,380 --> 00:12:52,920
Və bu çox sadə
Mən müraciət etdik stil,

275
00:12:52,920 --> 00:12:56,850
və indi mənim masa daha çox kimi bir çox görünür
Dörd dörd tərəfindən vurma masa,

276
00:12:56,850 --> 00:13:00,950
əvəzinə yalnız jumbled mess, bu
hər şey aydın satır ve sütun var,

277
00:13:00,950 --> 00:13:03,717
lakin super yaxşı təşkil.

278
00:13:03,717 --> 00:13:06,800
Biz, həqiqətən, yalnız səthi kazıma edirik
Burada CSS ilə nə edə.

279
00:13:06,800 --> 00:13:10,330
Xoşbəxtlikdən CSS sənədlər
olduqca sadə deyil.

280
00:13:10,330 --> 00:13:14,000
Siz bir neçə istifadə edəcəyik onun
kifayət qədər tez-tez atributları.

281
00:13:14,000 --> 00:13:16,087
biz danışdıq olanlar
bu video.

282
00:13:16,087 --> 00:13:18,170
Siz bir neçə var
yəqin ki, bütün istifadə edəcək.

283
00:13:18,170 --> 00:13:19,469
Və çox gözəl var.

284
00:13:19,469 --> 00:13:22,010
Amma yalnız bir var ki, bilirik
Orada sənədlərin çox.

285
00:13:22,010 --> 00:13:25,110
Belə ki, biz hər şeyi əhatə etməyib, hətta,
Siz əlbəttə ki, öz sol deyilik.

286
00:13:25,110 --> 00:13:26,780
Amma CSS həqiqətən fun
ilə sınağa.

287
00:13:26,780 --> 00:13:29,040
Mən güclü tavsiye ederim
Web pages ilə ətrafında oynamaq üçün,

288
00:13:29,040 --> 00:13:32,180
və onları edə bilərsiniz necə
baxmaq və istifadəçi yaxşılaşdırılması üçün hiss

289
00:13:32,180 --> 00:13:34,790
Sizin page ziyaret təcrübəsi.

290
00:13:34,790 --> 00:13:35,710
Mən Doug Lloyd edirəm.

291
00:13:35,710 --> 00:13:37,980
Bu CS50 edir.

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