1
00:00:00,000 --> 00:00:05,660
>> [Мусиц плаиинг]

2
00:00:05,660 --> 00:00:08,740
>> Даг Ллоид: Па хајде да узмемо још један
Видео да причамо о још једном језику.

3
00:00:08,740 --> 00:00:10,800
Овај пут ћемо причати о ЦСС.

4
00:00:10,800 --> 00:00:13,460
Дакле, ЦСС, што је скраћеница за
Цасцадинг Стиле Схеетс,

5
00:00:13,460 --> 00:00:16,149
је још један језик који користимо
при изградњи сајтова.

6
00:00:16,149 --> 00:00:17,190
Размислите о томе овако.

7
00:00:17,190 --> 00:00:20,900
Ако ХТМЛ је оно што ми користимо да организују
Садржај желимо да стави на нашој страници,

8
00:00:20,900 --> 00:00:25,390
ЦСС је алат који смо генерално користи
прилагодити како наши сајтови изгледају,

9
00:00:25,390 --> 00:00:30,410
и како је корисничко искуство стварно
је, у интеракцији са нашег сајта.

10
00:00:30,410 --> 00:00:32,535
>> Слично ХТМЛ, ЦСС
није програмски језик.

11
00:00:32,535 --> 00:00:33,451
То нема логике.

12
00:00:33,451 --> 00:00:34,595
То не мора варијабле.

13
00:00:34,595 --> 00:00:38,890
То нема било какву да
проток у вези ствари које Ц нема.

14
00:00:38,890 --> 00:00:40,150
То је стил језика.

15
00:00:40,150 --> 00:00:42,810
И његова синтакса је прилично
једноставна и само описује

16
00:00:42,810 --> 00:00:46,240
како елементи нашег
страна има одређене ХТМЛ

17
00:00:46,240 --> 00:00:48,190
елементи треба да се модификује.

18
00:00:48,190 --> 00:00:51,170
У том смислу, ако нема
ипак гледали нашу видео на ХТМЛ,

19
00:00:51,170 --> 00:00:53,290
или су упознати са
ХТМЛ углавном, хвала

20
00:00:53,290 --> 00:00:57,430
Можда желите да погледате који
Први, јер је ово дискусија о ЦСС

21
00:00:57,430 --> 00:01:00,700
ће зависити
нека сазнања о ХТМЛ.

22
00:01:00,700 --> 00:01:03,740
>> Дакле, овде је стварно
једноставна ЦСС стилесхеет.

23
00:01:03,740 --> 00:01:06,480
Чак и ако никада нисте
Пре него програмирани са ЦСС,

24
00:01:06,480 --> 00:01:10,624
Прилично сам сигуран да могу да схватим
шта то ради стиловима.

25
00:01:10,624 --> 00:01:11,290
Шта он ради?

26
00:01:11,290 --> 00:01:15,470
Па, примењено на тело нашег веб
страна, све између тела тагова

27
00:01:15,470 --> 00:01:19,631
на нашем ХТМЛ, и поставља
боја позадине те странице до плаве боје.

28
00:01:19,631 --> 00:01:21,130
Па, то је врло једноставно стиловима.

29
00:01:21,130 --> 00:01:23,269
То је заправо врло хумани
пријатељски језика, ЦСС.

30
00:01:23,269 --> 00:01:26,560
Дакле, чак и ако никад користили раније,
вероватно могао да претпостави шта је урадио.

31
00:01:26,560 --> 00:01:30,140
У ствари, ако лоадед страницу, где
ово стилова је некако уграђен,

32
00:01:30,140 --> 00:01:36,240
боја позадине нашој страници би
бити плаво, а не стандардни бели.

33
00:01:36,240 --> 00:01:37,670
>> Па како да градимо стилесхеет-?

34
00:01:37,670 --> 00:01:39,700
Па прво, морамо да
идентификују селектор.

35
00:01:39,700 --> 00:01:42,970
У последњем примеру,
да селектор је тело.

36
00:01:42,970 --> 00:01:45,050
Онда имамо отворено
коврџава браце, а ми смо

37
00:01:45,050 --> 00:01:48,410
ће почети дефинисања
стилова за тај селектор.

38
00:01:48,410 --> 00:01:51,800
Између заграда, ми
само списак кључних вредности парова.

39
00:01:51,800 --> 00:01:56,205
Претходни вредност пар је
боја позадине плава зарез,

40
00:01:56,205 --> 00:01:57,830
али можемо да урадимо више од њих.

41
00:01:57,830 --> 00:02:02,330
Можете имати више ствари применом
на тај таг, те селектора тела.

42
00:02:02,330 --> 00:02:05,960
Сваки од њих је одвојен би а
зарез, а ми зовемо сваки од њих

43
00:02:05,960 --> 00:02:08,949
декларација, ЦСС декларација.

44
00:02:08,949 --> 00:02:12,410
Када смо завршили са свим стајлинг и ми
желите да примените на том таг,

45
00:02:12,410 --> 00:02:15,300
само се затвара Цурли
браце да прекине стила,

46
00:02:15,300 --> 00:02:19,640
и готови смо дефинисање стила
за тог селектора.

47
00:02:19,640 --> 00:02:21,341
>> Које су неке заједничке особине ЦСС?

48
00:02:21,341 --> 00:02:23,590
Па, можда желите да ставите
граница око нечега.

49
00:02:23,590 --> 00:02:26,850
Дакле, може се рећи, граница,
то би било ваш кључ,

50
00:02:26,850 --> 00:02:29,460
и онда ваше вредности ће бити,
Који стил, боје и ширине

51
00:02:29,460 --> 00:02:30,209
желите да буде.

52
00:02:30,209 --> 00:02:33,530
Дакле, стил може бити солидан
линија, испрекидана линија, испрекидана линија,

53
00:02:33,530 --> 00:02:36,020
испуст линија, која ће бити таласаста линија.

54
00:02:36,020 --> 00:02:38,790
Можда желите да га
бити плаве или црне или зелене.

55
00:02:38,790 --> 00:02:41,490
Можда желите да буде
1 или 2 или 10 пиксела ширине.

56
00:02:41,490 --> 00:02:43,254
Можете одредити све те ствари.

57
00:02:43,254 --> 00:02:46,420
Можда желите да поставите позадину
Боја Вашу страницу на одређени начин.

58
00:02:46,420 --> 00:02:49,215
Већ смо видели да, постављање
позадина тела да буде плаво.

59
00:02:49,215 --> 00:02:52,080
>> Тада можете користити кључну реч,
тако ЦСС има одређене боје

60
00:02:52,080 --> 00:02:55,950
који су уграђени у њу, плава, зелена,
црна, веома једноставна боје знамо.

61
00:02:55,950 --> 00:02:59,110
Али такође можете навести било који
Хек боја која желите.

62
00:02:59,110 --> 00:03:05,190
Подсетимо се да боје могу бити идентификовани
низом од три хек бројева

63
00:03:05,190 --> 00:03:08,500
од 0 до 255, РГ и Б,
црвене, зелене и плаве компонента.

64
00:03:08,500 --> 00:03:10,590
И тако можемо да наведемо
свака боја желимо од,

65
00:03:10,590 --> 00:03:15,520
уместо плаве или зелене или црна,
користећи килограма и затим шест цифара хек,

66
00:03:15,520 --> 00:03:18,310
и да би нам дају
шест цифра боје.

67
00:03:18,310 --> 00:03:19,850
Дакле, то је боја позадине.

68
00:03:19,850 --> 00:03:21,975
>> Такође имамо први план
боја, која је обично

69
00:03:21,975 --> 00:03:24,140
ће бити текст на Вашу страницу.

70
00:03:24,140 --> 00:03:28,850
А ти слично могу да урадим
са кључну реч и или шест цифре хек.

71
00:03:28,850 --> 00:03:32,140
Дакле, можете одредити било коју боју си
Желим за текст на Вашу страницу

72
00:03:32,140 --> 00:03:36,370
против одређеног
боја позадине, изнад.

73
00:03:36,370 --> 00:03:39,100
Такође можете променити и носити
са словима, као и начин текста

74
00:03:39,100 --> 00:03:40,400
је изречена на страници.

75
00:03:40,400 --> 00:03:42,010
>> Дакле, можете да промените величину фонта.

76
00:03:42,010 --> 00:03:46,320
Можете користити кључне речи као што су екстра,
Веома мали, или кк мала, средња или,

77
00:03:46,320 --> 00:03:47,660
велика, и тако даље.

78
00:03:47,660 --> 00:03:50,750
Можете користити фиксне тачке, 10
поинт, 12 тачака, и тако даље.

79
00:03:50,750 --> 00:03:55,850
Можете користити процентима, 80%, 20%,
где је 100% је подразумевани фонт

80
00:03:55,850 --> 00:03:59,220
величина, која се обично ће
бити нешто као 11 или 12 поена.

81
00:03:59,220 --> 00:04:01,659
Или можете чак и да засновати са
од најновијег величине слова.

82
00:04:01,659 --> 00:04:04,950
Ако сам написао нешто и знате
оно што желите је да би било мање,

83
00:04:04,950 --> 00:04:08,241
али не знате тачно шта вам величина
Желим да то буде, добро, можеш само да кажем,

84
00:04:08,241 --> 00:04:09,330
фонт сизе мањи.

85
00:04:09,330 --> 00:04:14,344
И то ће засновати са од,
само се горе, то је фонт сизе.

86
00:04:14,344 --> 00:04:15,760
И можете добити мање или веће.

87
00:04:15,760 --> 00:04:18,390
Дакле, постоји много другачији
начини да одредите величину слова.

88
00:04:18,390 --> 00:04:20,690
>> Можете одредити шта
Фамилија фонтова желите.

89
00:04:20,690 --> 00:04:23,360
Ако имате посебан
име, постоји начин на ЦСС--

90
00:04:23,360 --> 00:04:27,270
нећемо да разговарамо о томе
овде-- да се дефинише веома специфичан фонт

91
00:04:27,270 --> 00:04:28,980
и уградити га у своју страну.

92
00:04:28,980 --> 00:04:30,620
Такође можете да користите генеричке имена.

93
00:04:30,620 --> 00:04:33,540
Има много сигурних фонтова веб
које су унапред дефинисани у ЦСС.

94
00:04:33,540 --> 00:04:36,352
А ако сте корисник Мицрософт
Канцеларија у последњих 20 година,

95
00:04:36,352 --> 00:04:38,810
вероватно сте упознати са
многи од ових фонтова сигурних веб

96
00:04:38,810 --> 00:04:44,640
Већ Тимес Нев Роман, Ариал,
Цоуриер Нев, Грузију, Тахома, Вердана,

97
00:04:44,640 --> 00:04:45,470
и тако даље.

98
00:04:45,470 --> 00:04:47,170
Они су сви сматрају безбедним веб фонтови.

99
00:04:47,170 --> 00:04:49,169
И заправо, део је
Разлог су дошли да буду

100
00:04:49,169 --> 00:04:54,140
је да се користи да би веб-- сваку страницу
је приступ овом подразумевано сет фонтова

101
00:04:54,140 --> 00:04:58,480
са различитим серифа, а све то
фонта ствари нећемо ући,

102
00:04:58,480 --> 00:05:01,130
али они су обично
доступна у вашој ЦСС,

103
00:05:01,130 --> 00:05:04,029
чак и ако не
иначе дефинише фонтове.

104
00:05:04,029 --> 00:05:07,070
На крају, можете ускладити свој текст,
уместо да буде, по дефаулту, поравнати

105
00:05:07,070 --> 00:05:09,310
лево, можеш
поравнајте га на десно,

106
00:05:09,310 --> 00:05:13,740
или сте могли да алигн центрирана, или
оправдано тако да је ударио обе маргине.

107
00:05:13,740 --> 00:05:16,800
Дакле, то су све опције које можете користити
да промените шта је ваш текст изгледа,

108
00:05:16,800 --> 00:05:20,120
и како је приказан на вашој страници.

109
00:05:20,120 --> 00:05:22,180
>> Ваши селектори не
морају да буду само ознаке.

110
00:05:22,180 --> 00:05:25,539
Раније смо видели тела таг
селектор, и селектор ознака

111
00:05:25,539 --> 00:05:26,580
не изгледа баш тако.

112
00:05:26,580 --> 00:05:30,020
Иоу наме ознаку, а онда вам
дефинисати стила за ту ознаку.

113
00:05:30,020 --> 00:05:32,660
Али можете да урадите нешто
назива селектор ИД.

114
00:05:32,660 --> 00:05:34,390
За одабир ИД изгледа прилично слично.

115
00:05:34,390 --> 00:05:38,100
Али приметите, да сада не користим
ХТМЛ ознака, ја користим, у овом случају,

116
00:05:38,100 --> 00:05:40,720
#уникуе, или хасх јединствен.

117
00:05:40,720 --> 00:05:42,930
Ако се сећате из наше
видео на ХТМЛ, разговарали смо

118
00:05:42,930 --> 00:05:45,620
о томе како ознаке могу имати атрибуте.

119
00:05:45,620 --> 00:05:48,340
>> И један атрибут који се односи
да скоро свим ХТМЛ тагова,

120
00:05:48,340 --> 00:05:51,440
али нисмо разговарали о томе,
је нешто што се зове лична ознака.

121
00:05:51,440 --> 00:05:55,250
Дакле, ово посебно ЦСС би
примењују се само на ХТМЛ таг који има

122
00:05:55,250 --> 00:05:58,530
веома специфична ИД, који сте по имену.

123
00:05:58,530 --> 00:06:01,000
Дакле, ако имате негде
у коду, негде

124
00:06:01,000 --> 00:06:06,090
у вашем ХТМЛ датотеке, ознаке и вама
навести као атрибут тага,

125
00:06:06,090 --> 00:06:09,060
ИД једнако јединствен, овај
Посебно стиловима

126
00:06:09,060 --> 00:06:15,030
Овде ће се примењивати само између
да ознака са ИД за јединствен.

127
00:06:15,030 --> 00:06:17,180
>> Такође можете учинити нешто
назива селектор класе.

128
00:06:17,180 --> 00:06:19,920
Дакле, поред што имају
ИД атрибута, можете такође

129
00:06:19,920 --> 00:06:23,130
додати цласс атрибут ХТМЛ тагова.

130
00:06:23,130 --> 00:06:27,140
А када користите атрибут цласс,
се може применити на више ознака.

131
00:06:27,140 --> 00:06:31,880
Дакле, ако имате неколико ствари које
су слични, можда желите да кажете,

132
00:06:31,880 --> 00:06:35,890
отворена ознака бла, бла, бла,
бла, класа једнако студенте.

133
00:06:35,890 --> 00:06:38,190
И онда ова
стиловима би важило

134
00:06:38,190 --> 00:06:42,041
сваком таг чији је класа студената.

135
00:06:42,041 --> 00:06:44,290
У овом случају, ми бисмо подесите
боја позадине у жуто,

136
00:06:44,290 --> 00:06:46,706
и ми бисмо поставили непрозирности, која
је ознака нисмо разговарали о,

137
00:06:46,706 --> 00:06:52,510
али само бави како транспарентна
нешто је до 70%, у овом случају.

138
00:06:52,510 --> 00:06:54,430
>> Постоје две опције за
писање стилова.

139
00:06:54,430 --> 00:06:56,680
Можете их писати
директно у ХТМЛ

140
00:06:56,680 --> 00:06:59,690
постављањем стилесхеет-
између стила тагова.

141
00:06:59,690 --> 00:07:03,850
А ти стиле ознаке унутра од
ХЕАД вашег веб страници.

142
00:07:03,850 --> 00:07:08,240
Можда више омиљени нацин да се
је да се напише посебан .цсс фајл,

143
00:07:08,240 --> 00:07:12,360
а затим га повезати у своју
документовати помоћу линк ознака.

144
00:07:12,360 --> 00:07:14,690
Линк ознаке, опет су
разликује од хипервеза,

145
00:07:14,690 --> 00:07:16,760
ако се сећате из нашег видеа ХТМЛ.

146
00:07:16,760 --> 00:07:19,030
И линк тагови су како
повуците у одвојеним датотекама.

147
00:07:19,030 --> 00:07:23,900
То је некако као еквивалент
#инцлуде за веб програмирање.

148
00:07:23,900 --> 00:07:27,140
>> Дакле, хајде да погледамо табле.ХТМЛ.

149
00:07:27,140 --> 00:07:29,380
Ако се сећате из наше
ХТМЛ-Видео, показао сам

150
00:07:29,380 --> 00:07:32,000
пример веома
једноставно множење

151
00:07:32,000 --> 00:07:35,160
сто који је изгледао прилично
ружан, а можда има

152
00:07:35,160 --> 00:07:38,650
начин да буде боље
ЦСС да би заправо изгледају

153
00:07:38,650 --> 00:07:41,120
више личи на умножавање
сто, или нешто

154
00:07:41,120 --> 00:07:43,730
То није само слепљене
без стварног подели

155
00:07:43,730 --> 00:07:45,532
између редова и колоне.

156
00:07:45,532 --> 00:07:47,490
Дакле, кренимо преко до
ЦС50 ИДЕ и погледај

157
00:07:47,490 --> 00:07:50,780
колико ЦСС може, на неки начин, твеак
оно што смо почели са раније,

158
00:07:50,780 --> 00:07:53,290
и чине га нешто много боље.

159
00:07:53,290 --> 00:07:55,650
>> Дакле, ми смо у ЦС50 ИДЕ
сада, и ако непозната,

160
00:07:55,650 --> 00:07:58,710
ћемо повући у ово
сто да ХТМЛ страница.

161
00:07:58,710 --> 00:08:01,090
Табле.ХТМЛ основи
само дефинише садржај

162
00:08:01,090 --> 00:08:05,044
олуја са мултипле-- је требало да буде
четири од четири таблица множења.

163
00:08:05,044 --> 00:08:06,210
То је прилично једноставан.

164
00:08:06,210 --> 00:08:09,410
И ми би помислио да би
изгледају прилично добро организована.

165
00:08:09,410 --> 00:08:15,277
Али, у ствари, када смо прегледали ову страницу,
видимо да је то нека врста ружна, зар не?

166
00:08:15,277 --> 00:08:16,860
Јасно ми имамо редове и колоне овде.

167
00:08:16,860 --> 00:08:18,350
Постоји нека врста одвајања.

168
00:08:18,350 --> 00:08:20,040
Али то није смисла раздвајања.

169
00:08:20,040 --> 00:08:23,105
Ми заправо не добија
превише информација овде.

170
00:08:23,105 --> 00:08:25,730
И нема раздвајања између
редови и колоне у смислу

171
00:08:25,730 --> 00:08:28,460
хоризонталних или вертикалних правила.

172
00:08:28,460 --> 00:08:31,530
Могли бисмо вероватно да ово
погледај мало боље.

173
00:08:31,530 --> 00:08:32,934
Дакле, хајде да пробамо.

174
00:08:32,934 --> 00:08:34,559
Зато ћу затворити ову картицу овде.

175
00:08:34,559 --> 00:08:37,434
И ја ћу да затворим свој табле.ХТМЛ,
и ја имам другу верзију овде

176
00:08:37,434 --> 00:08:39,490
зове табле2.ХТМЛ.

177
00:08:39,490 --> 00:08:40,655
Ми ћемо отворити то.

178
00:08:40,655 --> 00:08:42,530
Тело странице је
прилично исти,

179
00:08:42,530 --> 00:08:44,238
али сам мења
мало на врху.

180
00:08:44,238 --> 00:08:47,132
И ја ћу дођите овамо.

181
00:08:47,132 --> 00:08:49,340
Обратите пажњу да је овај пут, ја сам
коришћењем уграђене у стилу ознаке.

182
00:08:49,340 --> 00:08:53,550
Ја сам отворио стил ознаку, а сада сам
дефинисање ЦСС стила само унутар

183
00:08:53,550 --> 00:08:54,310
од тога.

184
00:08:54,310 --> 00:08:56,310
Имам стила који каже, сто.

185
00:08:56,310 --> 00:08:58,170
То је мој избор ознака.

186
00:08:58,170 --> 00:09:01,340
Ја не користим тачку или хашиш,
које бих да радим ако И

187
00:09:01,340 --> 00:09:03,710
је помоћу ИД или селектор класе.

188
00:09:03,710 --> 00:09:06,190
Имам селектора ознака ми-- сто.

189
00:09:06,190 --> 00:09:10,090
Овај стил ће
применити на сваком столу таг.

190
00:09:10,090 --> 00:09:14,950
Изгледа да желите да поставите један
Пикел широк, чврста плава граница,

191
00:09:14,950 --> 00:09:15,779
у мом столу.

192
00:09:15,779 --> 00:09:18,320
То звучи као да би вероватно
хелп ситуацију, зар не?

193
00:09:18,320 --> 00:09:20,320
Ми ћемо имати
ствари изгледају много боље.

194
00:09:20,320 --> 00:09:21,190
Дакле, ово је у реду.

195
00:09:21,190 --> 00:09:23,540
Стилски, управо сам
уграђен мој стила овде.

196
00:09:23,540 --> 00:09:25,100
То је свакако
прихватљив начин да се то уради.

197
00:09:25,100 --> 00:09:26,391
Да видимо шта ово личи.

198
00:09:26,391 --> 00:09:29,790
Зато ћу се вратити овде, и
Ја ћу да прегледате моју табле2.ХТМЛ.

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

200
00:09:32,430 --> 00:09:36,470
Па, то није баш оно што сам желео,
али то је управо оно што смо тражили.

201
00:09:36,470 --> 00:09:39,530
Рекли смо да је овај стил
ће да се пријаве на наш сто.

202
00:09:39,530 --> 00:09:43,810
Наша сто сада има један пиксел
широк, чврста плаве линије око ње.

203
00:09:43,810 --> 00:09:46,237
Ми заправо не добија
у ћелијама табеле.

204
00:09:46,237 --> 00:09:47,570
Управо се за столом.

205
00:09:47,570 --> 00:09:49,310
Тако ЦСС радио.

206
00:09:49,310 --> 00:09:51,890
То је примењен
стилова за наш сто.

207
00:09:51,890 --> 00:09:53,981
Али није баш урадити
оно што смо желели да уради.

208
00:09:53,981 --> 00:09:55,730
Како да стигнемо да урадимо
оно што желимо да уради?

209
00:09:55,730 --> 00:09:59,287
>> Па, хајде да погледамо још један
Верзија ово табле3.ХТМЛ.

210
00:09:59,287 --> 00:10:00,870
Дакле, само ћу затворити ове картице.

211
00:10:00,870 --> 00:10:03,890
Ја ћу да се вратим овамо на мој
филе дрво, и отвори табле3.ХТМЛ.

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

213
00:10:07,680 --> 00:10:10,350
Опет, то ће лепо изгледати
слично овде у почетку.

214
00:10:10,350 --> 00:10:14,460
Али обавештење, овај пут, уместо да користите
стилова ембеддед право тамо,

215
00:10:14,460 --> 00:10:18,870
Ја ћу карика у
стиловима користећи линк ознаку.

216
00:10:18,870 --> 00:10:22,480
Дакле, очигледно сам повезивање у А
стиловима зове таблес.ЦСС,

217
00:10:22,480 --> 00:10:25,090
и то добро једнако
стиловима само меанс-- добро,

218
00:10:25,090 --> 00:10:28,645
шта је овај фајл у односу на оно што
Ја сам доинг-- је стиловима да сам

219
00:10:28,645 --> 00:10:29,821
користи за моју страницу.

220
00:10:29,821 --> 00:10:32,320
Дакле, ако заиста желим да видим шта
Ја радим са ЦСС овде,

221
00:10:32,320 --> 00:10:35,010
Морам да идем да отворено
табле.ЦСС филе као добро.

222
00:10:35,010 --> 00:10:37,490
Дакле, ми ћемо се вратити овамо
поново да морамо да чувамо дрвета.

223
00:10:37,490 --> 00:10:38,660
Ту је табле.ЦСС.

224
00:10:38,660 --> 00:10:40,490
Ми ћемо га поп отворен.

225
00:10:40,490 --> 00:10:43,070
Сада видимо мало ЦСС.

226
00:10:43,070 --> 00:10:45,630
Очигледно, имам пар
ствари дешава овде.

227
00:10:45,630 --> 00:10:48,950
Очигледно желим ставити пет
Пикел широк, чврста црвена граница,

228
00:10:48,950 --> 00:10:50,287
око мог стола.

229
00:10:50,287 --> 00:10:52,870
Већ знамо да је то иде
да само да на периметру.

230
00:10:52,870 --> 00:10:56,180
Видели смо да је у табле2.ХТМЛ.

231
00:10:56,180 --> 00:10:58,770
Са сваком реду, ја
очигледно желео да прецизира

232
00:10:58,770 --> 00:11:01,950
да је висина реда је 50 пиксела висока.

233
00:11:01,950 --> 00:11:05,680
Дакле, за сваки ред, запамтите
то је оно што је ТР ознака ради,

234
00:11:05,680 --> 00:11:08,550
Правим је 50 пиксела висока.

235
00:11:08,550 --> 00:11:09,804
>> На крају, ја имам овај коментар.

236
00:11:09,804 --> 00:11:11,470
А ово је како правимо коментаре у ЦСС.

237
00:11:11,470 --> 00:11:16,174
То је врло слично да искористе блок
коментари синтакса коса црта звездице.

238
00:11:16,174 --> 00:11:17,090
Све текст желите.

239
00:11:17,090 --> 00:11:19,470
Нема Сласх Сласх иако у ЦСС.

240
00:11:19,470 --> 00:11:23,400
За кратке инлине коментаре, имамо
да користите ову посебан формат овде.

241
00:11:23,400 --> 00:11:26,830
Изгледа као да радим
Многе ствари у мојим ТД тагова.

242
00:11:26,830 --> 00:11:29,710
Не заборавите ТД ознаке, или сто
података, који су стварно само

243
00:11:29,710 --> 00:11:32,210
колоне унутрашњост
наши редови, и по свему судећи

244
00:11:32,210 --> 00:11:35,090
за сваки комад података
у мојим столом, желим

245
00:11:35,090 --> 00:11:38,850
да подесите боју позадине да
бити црна, боја буде бела,

246
00:11:38,850 --> 00:11:40,320
боја је боја у првом плану.

247
00:11:40,320 --> 00:11:42,360
Дакле, ово ће бити
текст мог страници.

248
00:11:42,360 --> 00:11:45,140
Желим велика слова, 22
указују фонт, а ја желим

249
00:11:45,140 --> 00:11:47,001
да је од породице фонтова, Грузија.

250
00:11:47,001 --> 00:11:48,750
Дакле, ја не идем у
имају подразумевани фонт.

251
00:11:48,750 --> 00:11:51,820
Ја ћу навести Грузију, која
је једна од оних сигурних фонтова веб

252
00:11:51,820 --> 00:11:53,830
које смо раније видели.

253
00:11:53,830 --> 00:11:57,284
Желим да мој текст да се усклади
централно, у средини кутије,

254
00:11:57,284 --> 00:11:59,450
Не желим да буде лево
поравнати или десно поравнати.

255
00:11:59,450 --> 00:12:03,461
И желим своју ширину колоне
да буде 50 пиксела ширине као добро.

256
00:12:03,461 --> 00:12:05,210
Хајде да погледамо
шта ово личи,

257
00:12:05,210 --> 00:12:07,470
и види да је ово можда побољшање.

258
00:12:07,470 --> 00:12:12,890
Зато ћу да идем у табле3.ХТМЛ, који
опозив, укључује табле.ЦСС као веза,

259
00:12:12,890 --> 00:12:14,830
и ми ћемо га прегледати.

260
00:12:14,830 --> 00:12:16,800
То је много боље, зар не?

261
00:12:16,800 --> 00:12:20,004
Ово је заправо почиње да изгледају
Много више као таблицу множења.

262
00:12:20,004 --> 00:12:21,920
Имам ту црвену границу
око мог стола, али сада

263
00:12:21,920 --> 00:12:26,700
Такође сам прецизирао да
Сваки ред је 50 пиксела ширине,

264
00:12:26,700 --> 00:12:30,220
или је то 50 пиксела талл-- изговор
мене-- свака колона је 50 пиксела ширине.

265
00:12:30,220 --> 00:12:34,251
Подаци у свакој колони, а само
подаци, има црну позадину.

266
00:12:34,251 --> 00:12:36,000
Зато они
беле линије су ту.

267
00:12:36,000 --> 00:12:38,836
Пошто је простор у
између свих тих ћелија,

268
00:12:38,836 --> 00:12:40,710
то није граница у
и само по себи, то је само

269
00:12:40,710 --> 00:12:43,170
Ја сам попуњавање само у
ћелије, која је заправо

270
00:12:43,170 --> 00:12:46,310
чини границе табеле, које
очигледно је постојао све време, да

271
00:12:46,310 --> 00:12:47,887
је само танке беле линије.

272
00:12:47,887 --> 00:12:48,720
Сада су видљиви.

273
00:12:48,720 --> 00:12:50,380
Сада су поп офф на екрану.

274
00:12:50,380 --> 00:12:52,920
И то је врло једноставан
стилова које сам примењује,

275
00:12:52,920 --> 00:12:56,850
и сада мој сто изгледа много више као
четири од четири таблица множења,

276
00:12:56,850 --> 00:13:00,950
уместо само Јумблед хаосу, где
све је јасно редове и колоне,

277
00:13:00,950 --> 00:13:03,717
али није супер добро организован.

278
00:13:03,717 --> 00:13:06,800
Ми смо заправо само гребање по површини
шта можете да урадите са ЦСС овде.

279
00:13:06,800 --> 00:13:10,330
Срећом ЦСС документација
је прилично јасан.

280
00:13:10,330 --> 00:13:14,000
Ви ћете користити неке од својих
атрибути, прилично често.

281
00:13:14,000 --> 00:13:16,087
Они са којима смо разговарали о
раније у овом видеу.

282
00:13:16,087 --> 00:13:18,170
Постоји неколико Јеси ли то ти
Вероватно неће користити све.

283
00:13:18,170 --> 00:13:19,469
И то је у реду, превише.

284
00:13:19,469 --> 00:13:22,010
Али само знам, да постоји
доста документације тамо.

285
00:13:22,010 --> 00:13:25,110
Дакле, чак и ако нисмо покрива све,
ви сигурно не препуштени сами.

286
00:13:25,110 --> 00:13:26,780
Али ЦСС је стварно забавно
да експериментишу са.

287
00:13:26,780 --> 00:13:29,040
И снажно бих вам и
да се играте са својим веб страницама,

288
00:13:29,040 --> 00:13:32,180
и видите како можете да их направи
изгледају и осећају да побољша корисника

289
00:13:32,180 --> 00:13:34,790
Искуство посетите страницу.

290
00:13:34,790 --> 00:13:35,710
Ја сам Доуг Лојд.

291
00:13:35,710 --> 00:13:37,980
Ово је ЦС50.

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