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

2
00:00:00,500 --> 00:00:04,500
>> [მუსიკალური სათამაშო]

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

4
00:00:10,099 --> 00:00:12,224
ALLISON BUCHHOLTZ-AU: ასე
ჩვენ ძირითადად უბრალოდ აპირებს

5
00:00:12,224 --> 00:00:14,629
გაძლევთ rundown
CSS, რადგან ჩვენ ვიცით,

6
00:00:14,629 --> 00:00:16,420
რომ ეს არ იყო დაფარული
ყველა სექციები.

7
00:00:16,420 --> 00:00:20,090
და ჩვენ ნამდვილად გვინდა დავრწმუნდეთ, რომ თქვენ
ბიჭები გვყავს ამ ინსტრუმენტია თქვენს განკარგულებაშია,

8
00:00:20,090 --> 00:00:24,790
იმის გამო, რომ მას აქვს უნარი, რათა
თქვენი საიტებზე გამოიყურება ბევრად გალამაზებაში.

9
00:00:24,790 --> 00:00:28,660
>> და თუ თქვენ აშენებს ნახვა, მაშინ
თქვენ ალბათ მინდა, რათა ის საკმაოდ.

10
00:00:28,660 --> 00:00:31,372
ვგულისხმობ, თქვენ არ უნდა,
მაგრამ მე მინდა ვარაუდობენ, რომ ეს. [იცინის]

11
00:00:31,372 --> 00:00:35,430
თუ გსურთ ასაკი გამოიყენოს იგი, თქვენ შეიძლება
გვინდა, რომ მას ცოტა [INAUDIBLE].

12
00:00:35,430 --> 00:00:39,130
ამიტომ, ჩვენ ვაპირებთ, რომ ცდილობენ და მისცეს უბრალოდ
ზოგიერთი ძირითადი ინსტრუმენტები და გაგება,

13
00:00:39,130 --> 00:00:42,340
ასე რომ, როდესაც თქვენ გარეთ და თქვენ
კვლევის რამ CSS,

14
00:00:42,340 --> 00:00:45,902
ეს არ არის სრული გაუგებრობა,
როგორიცაა CSS ზოგჯერ იყოს.

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

16
00:00:47,240 --> 00:00:49,930
Allison განაცხადა, რომ ის კარგად.

17
00:00:49,930 --> 00:00:53,250
ამიტომ ვფიქრობ, პირველი, რაც ჩვენ
უნდა დაიწყოს, რა არის CSS?

18
00:00:53,250 --> 00:00:55,750
ასე რომ CSS არის რა.

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

20
00:00:56,250 --> 00:00:58,320
>> ALLISON BUCHHOLTZ-AU: ეს
სახელი ჩვენი სემინარი.

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

22
00:00:58,434 --> 00:01:00,130
ეს მართლაც მნიშვნელოვანია, რომ
თქვენ იცით, რომ მაშინ.

23
00:01:00,130 --> 00:01:03,090
თუ თქვენ მხოლოდ წართმევას ერთი
რამ, ის, რომ CSS, თუ რა.

24
00:01:03,090 --> 00:01:06,180
ორი არის CSS დგას
კასკადური სტილების.

25
00:01:06,180 --> 00:01:10,380
ასე რომ, მისი ძირითადი, CSS არის
style sheet, რაც იმას ნიშნავს,

26
00:01:10,380 --> 00:01:13,200
ის საშუალებას გაძლევთ სტილი ვებ გვერდზე.

27
00:01:13,200 --> 00:01:16,609
და მერე რა, რაც იმას ნიშნავს, რომ ეს
გზა დაამატოთ სტილი თქვენს საიტებზე.

28
00:01:16,609 --> 00:01:18,900
ასე რომ, სტილი, ჩვენ ნიშნავს ყველაფერს
რომ არ structural--

29
00:01:18,900 --> 00:01:24,350
ასე რამ, როგორიცაა ფერები, ფონზე
სურათებით, საზღვრების, როგორიცაა, padding,

30
00:01:24,350 --> 00:01:25,040
მინდვრები.

31
00:01:25,040 --> 00:01:27,310
ჩვენ ვსაუბრობთ რა
ყველა ეს ნიშნავს, რომ ცოტა.

32
00:01:27,310 --> 00:01:30,110
>> ასე რომ ჩვენ უბრალოდ წავიდა წინ და
გახსნა ორივე up in gedit.

33
00:01:30,110 --> 00:01:32,680
ასე რომ ეს არის შეცდომა.

34
00:01:32,680 --> 00:01:34,800
და ეს არის main.css.

35
00:01:34,800 --> 00:01:36,829
ასე main.css არაფერი აქვს.

36
00:01:36,829 --> 00:01:38,412
ALLISON BUCHHOLTZ-AU: არარის style ჯერჯერობით.

37
00:01:38,412 --> 00:01:39,245
TOMAS Reimers: None.

38
00:01:39,245 --> 00:01:42,577
და როგორც დაინახავთ, ეს
მართლაც მახინჯი საიტზე.

39
00:01:42,577 --> 00:01:44,160
ALLISON BUCHHOLTZ-AU: ეს უბრალოდ ჩვეულებრივი.

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

41
00:01:45,820 --> 00:01:49,150
ჰო, ეს არ არის მახინჯი,
ეს მხოლოდ მინიმალისტური.

42
00:01:49,150 --> 00:01:53,430
და მერე აქ გვაქვს index.html.

43
00:01:53,430 --> 00:01:55,729
და ასე სწრაფი
recap of HTML, Allison,

44
00:01:55,729 --> 00:01:57,270
გსურთ, უბრალოდ ვისაუბროთ გვერდი?

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

46
00:01:58,395 --> 00:02:01,100
ამიტომ ბუნებრივია, ჩვენ გვაქვს ჩვენი HTML
tag, რომელიც მხოლოდ სახელები HTML ფაილი.

47
00:02:01,100 --> 00:02:07,080
ჩვენ გვაქვს ჩვენი header აქ, CSS
Awesomeness, which-- თუ უკან.

48
00:02:07,080 --> 00:02:07,720
სად არის?

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

50
00:02:09,136 --> 00:02:10,301
ჰო, ხედავთ.

51
00:02:10,301 --> 00:02:12,092
ALLISON BUCHHOLTZ-AU:
და შეამჩნია header

52
00:02:12,092 --> 00:02:14,120
ეს არის tab header უფლება აქ.

53
00:02:14,120 --> 00:02:17,130
და შემდეგ "Hello, world!" არის
ტექსტი, რომ ჩვენ გვაქვს მხოლოდ

54
00:02:17,130 --> 00:02:19,620
ჩვენებისას ვებგვერდი
გვერდი, რომელიც is-- დაბრუნდეს.

55
00:02:19,620 --> 00:02:21,290
უკან.

56
00:02:21,290 --> 00:02:24,287
რომელიც მხოლოდ ჩვენი სხეულის
აქ ძირითადი ტექსტი.

57
00:02:24,287 --> 00:02:26,120
ასევე, ერთი რამ
შეამჩნევთ, თუ გადავხედავთ აქ,

58
00:02:26,120 --> 00:02:29,410
Tomas გადავიდა up ამ
ორი ჩვენი slide.

59
00:02:29,410 --> 00:02:32,035
ასე რომ, რადგან თქვენ გაქვთ ყველა
სამი, თქვენ ჯარიმა.

60
00:02:32,035 --> 00:02:34,044
ისინი შეიძლება იყოს ნებისმიერი მიზნით, მათ სურთ.

61
00:02:34,044 --> 00:02:39,368
რა არის ყველაზე მნიშვნელოვანი ის არის, რომ მხოლოდ
თქვენ გაქვთ თითოეული იმ სამი რამ.

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

63
00:02:40,340 --> 00:02:41,111
დამატება doc ტიპის?

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

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

66
00:02:43,068 --> 00:02:43,769
მაგარი.

67
00:02:43,769 --> 00:02:46,102
ALLISON BUCHHOLTZ-AU: როგორც ჩანს,
ჩემი mics არ მოვწონვარ.

68
00:02:46,102 --> 00:02:49,650
TOMAS Reimers: Oh, მოგვცეს წ მხოლოდ
ხოლო Allison ცვლის თავისი მიკროფონი.

69
00:02:49,650 --> 00:02:50,500
ასე yeah.

70
00:02:50,500 --> 00:02:52,030
ასე რომ, ჩვენ გვაქვს ჩვენი მთავარ გვერდზე.

71
00:02:52,030 --> 00:02:53,890
ეს ერთგვარი unstyled.

72
00:02:53,890 --> 00:02:54,780
ჩვენ არ გვაქვს ბევრი.

73
00:02:54,780 --> 00:02:57,110
ჩვენ უბრალოდ უნდა ძირითადად ტექსტი.

74
00:02:57,110 --> 00:02:59,470
ჩვენ გვაქვს სტილის ფურცელი.

75
00:02:59,470 --> 00:03:00,220
ჩვენ გვაქვს ტიტული.

76
00:03:00,220 --> 00:03:04,020
ასე რომ მხოლოდ შიშველი boned
კომპონენტები ნახვა.

77
00:03:04,020 --> 00:03:08,880
>> ასე, რომ იქ, მოდით
ვისაუბროთ რა CSS არის

78
00:03:08,880 --> 00:03:11,270
და რას ჰგავს და ყველა რომ.

79
00:03:11,270 --> 00:03:12,047
ასე that--

80
00:03:12,047 --> 00:03:13,755
ALLISON BUCHHOLTZ-AU:
უკან სლაიდები.

81
00:03:13,755 --> 00:03:15,200
TOMAS Reimers: დასაწყისზე სლაიდები.

82
00:03:15,200 --> 00:03:17,240
და Allison შეიძლება აღება.

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
ასე რომ, თქვენი CSS ფაილი,
თქვენ ვაპირებთ აქვს

86
00:03:22,360 --> 00:03:25,010
ბევრი ეს ყველაფერი მოუწოდა სელექციონერები.

87
00:03:25,010 --> 00:03:27,420
რომელიც მხოლოდ
საფუძველზე თქვენი CSS ფაილი.

88
00:03:27,420 --> 00:03:29,480
ეს უბრალოდ იქნება
უამრავი და უამრავი ეს.

89
00:03:29,480 --> 00:03:30,780
ასე selector.

90
00:03:30,780 --> 00:03:32,649
ეს არის მხოლოდ ზოგადი ანატომია.

91
00:03:32,649 --> 00:03:35,190
ჩვენ ვაპირებთ გავლა
მაგალითები, რადგან თუ ბიჭები არასდროს

92
00:03:35,190 --> 00:03:38,400
ვუყურე ჩემი განყოფილებიანი, ვგრძნობ
მსგავსი რამ აბსტრაქტული

93
00:03:38,400 --> 00:03:39,400
ნამდვილად არ აქვს აზრი.

94
00:03:39,400 --> 00:03:41,110
ის ყოველთვის ეხმარება დაინახოს მაგალითები.

95
00:03:41,110 --> 00:03:42,420
>> ამიტომ ჩვენ გვაქვს რამდენიმე მეთოდი.

96
00:03:42,420 --> 00:03:49,120
რომ იქნება გარკვეული იდენტიფიკატორი
რაც ჩვენ გვინდა, სტილი უნდა მიმართონ.

97
00:03:49,120 --> 00:03:52,220
და მაშინ ჩვენ შეიძლება ჰქონდეს ნებისმიერი
წესები და ღირებულებები.

98
00:03:52,220 --> 00:03:55,680
ასე სელექციონერები რომ თქვენ შეიძლება ვხედავთ
შეიძლება იყოს რაღაც სხეული,

99
00:03:55,680 --> 00:04:00,262
ან მე P,
ან header, ან რასაც,

100
00:04:00,262 --> 00:04:02,000
რაც გაგიხარდებათ თქვენი HTML tags იყოს.

101
00:04:02,000 --> 00:04:03,570
>> ასე რომ, ამ შემთხვევაში, ჩვენ გვაქვს ორგანო.

102
00:04:03,570 --> 00:04:06,985
და ჩვენ გვაქვს გარკვეული წესი,
რომელიც შეესაბამება

103
00:04:06,985 --> 00:04:09,610
რა თქვენი სტილი მიმართავს.

104
00:04:09,610 --> 00:04:12,720
ასე რომ, ამ შემთხვევაში, ჩვენ გვაქვს
ფონის ფერის და შრიფტის წონა.

105
00:04:12,720 --> 00:04:16,200
ასე რომ, ეს შეიცვლება
ფონზე არაფერი

106
00:04:16,200 --> 00:04:19,640
რაიმე ორგანოს tag ჩვენი HTML ფაილი.

107
00:04:19,640 --> 00:04:22,810
და ის აპირებს, რათა
ის ამ ღია ლურჯი მნიშვნელობა.

108
00:04:22,810 --> 00:04:24,820
>> ასე რომ, ის აპირებს
ფონზე ცისფერი.

109
00:04:24,820 --> 00:04:28,660
და მაშინ არაფერი ფარგლებში სხეული
გვექნება შრიფტის წონა თამამი.

110
00:04:28,660 --> 00:04:31,142
ასე რომ, ეს უბრალოდ აპირებს
თამამი ყველა ჩვენი ტექსტი.

111
00:04:31,142 --> 00:04:32,970
და ეს არის მხოლოდ ერთი selector.

112
00:04:32,970 --> 00:04:34,680
მაგრამ თქვენ შეიძლება ძალიან ბევრი ამ.

113
00:04:34,680 --> 00:04:38,730
და როგორც ჩვენ ვაპირებთ,
მოგვიანებით, ცოტა მეტი, თუ როგორ

114
00:04:38,730 --> 00:04:40,709
რომ სამუშაოები და სხვა მაგალითები არსებობს.

115
00:04:40,709 --> 00:04:41,750
არაფერი გსურთ რომ დაამატოთ?

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

117
00:04:42,499 --> 00:04:43,500
Allison მიიღო.

118
00:04:43,500 --> 00:04:46,144
ჩვენ უბრალოდ აპირებს მოჭრილი up
მაგალითად აქ ჩვენს მაგალითად საიტზე.

119
00:04:46,144 --> 00:04:47,310
მოდით რეალურად მიიღებს.

120
00:04:47,310 --> 00:04:48,620
ეს არის სრულყოფილი.

121
00:04:48,620 --> 00:04:54,460
ამიტომ მე უბრალოდ აპირებს ასლი და პასტა
რომ უფლება ჩვენს main.css ფაილი.

122
00:04:54,460 --> 00:04:56,530
და მე ვაპირებ გადარჩენა იგი.

123
00:04:56,530 --> 00:04:59,190
და მაშინ ჩვენ გაუშვით.

124
00:04:59,190 --> 00:05:01,600
ასე მინიშნება, ერთ-ერთი
ყველაზე სამწუხარო რამ

125
00:05:01,600 --> 00:05:04,490
არის, თუ არ შენახვა ფაილი, და
მაშინ, ისევე, განაახლეთ გვერდი

126
00:05:04,490 --> 00:05:07,450
და, რატომ არ არის
ცვლილება ხდება?

127
00:05:07,450 --> 00:05:07,950
ეს მოხდება.

128
00:05:07,950 --> 00:05:14,230
ასე რომ, აქ ჩვენ ვნახეთ, რომ ჩვენი
საიტზე ღია ლურჯი ფონის

129
00:05:14,230 --> 00:05:16,560
და ზოგიერთი bolded ტექსტი.

130
00:05:16,560 --> 00:05:20,730
>> მე უნდა აღინიშნოს, თუ
ბიჭებს აქვთ კითხვები შესახებ არაფერი

131
00:05:20,730 --> 00:05:23,622
ჩვენ ვაკეთებთ, გთხოვთ,
უფასო ჩვენს შეჩერებას და გვეკითხებიან.

132
00:05:23,622 --> 00:05:25,330
ჩვენ მთლიანად მზად
სფეროში შეკითხვებს.

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

134
00:05:27,951 --> 00:05:31,930
>> ALLISON BUCHHOLTZ-AU: ცხადია,
CSS, ყველაფერი ეფუძნება თავად.

135
00:05:31,930 --> 00:05:34,107
ასე რომ, თუ ერთი რამ არ
აზრი არის, რომ ჩვენ

136
00:05:34,107 --> 00:05:35,690
არ მინდა, რომ ბანკის თქვენ ქვემოთ შემდეგ.

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

138
00:05:38,390 --> 00:05:41,930
>> TOMAS Reimers: მოდით
სახის dissect ამ.

139
00:05:41,930 --> 00:05:44,210
ასე რომ გსურთ დაიწყება
ერთად selector აქ?

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

141
00:05:45,979 --> 00:05:48,270
როგორც მე ამბობდა ადრე, სხეულის
არის მხოლოდ ჩვენი selector აქ.

142
00:05:48,270 --> 00:05:50,950
ასე რომ, თუ ჩვენ დავბრუნდებით მეტი ჩვენი index-- ah.

143
00:05:50,950 --> 00:05:53,245
>> TOMAS Reimers: რომელი მე უბრალოდ დახურულია.

144
00:05:53,245 --> 00:05:54,530
მომეცი მეორე.

145
00:05:54,530 --> 00:05:58,286
ასე ფაილი, ღია, index.html.

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

147
00:05:59,410 --> 00:06:02,710
ასე რომ, თუ თქვენ შეამჩნევთ აქ, ჩვენ
აქვს ამ სხეულის tags, არა?

148
00:06:02,710 --> 00:06:06,270
ასე selector მხოლოდ შეესაბამება
tags, რომ ჩვენ ვსაუბრობთ.

149
00:06:06,270 --> 00:06:07,670
ასე ორგანოს უფლება აქ.

150
00:06:07,670 --> 00:06:10,315
ასე რომ, ჩვენ ვამბობთ, რომ არის
everything-- შეგვიძლია დავუბრუნდეთ?

151
00:06:10,315 --> 00:06:12,065
ვუსურვებ შემეძლო მხოლოდ
როგორიცაა შეეხოთ ეკრანზე.

152
00:06:12,065 --> 00:06:14,410
ეს მინდა იყოს იმდენად ქულერი.

153
00:06:14,410 --> 00:06:17,150
>> ასე რომ, ყველაფერი იმ ფარგლებში
სხეულის tags, რომელიც ჩვენ ვნახეთ

154
00:06:17,150 --> 00:06:19,637
უბრალოდ, როგორიცაა, ტექსტი,
და სხეულის ზოგადი

155
00:06:19,637 --> 00:06:20,970
ეხება, როგორიცაა, ფონზე.

156
00:06:20,970 --> 00:06:22,720
თუ თქვენ ოდესმე გვინდა
შეცვლის ფონზე,

157
00:06:22,720 --> 00:06:25,090
რომ აპირებს იყოს ორგანოს აქვს.

158
00:06:25,090 --> 00:06:27,120
უბრალოდ ამ წესების მათთან მიმართებით.

159
00:06:27,120 --> 00:06:32,040
>> ასე რომ, თუ ჩვენ წასვლა
index.html and-- ფაქტობრივად,

160
00:06:32,040 --> 00:06:33,840
ჩვენ გვაქვს რაღაც
გარეთ სხეული?

161
00:06:33,840 --> 00:06:37,340
თუ ჩვენ გვქონდა, ისევე, ძირი ან
რაღაც, ეს არ ვრცელდება ამ.

162
00:06:37,340 --> 00:06:40,900
მაგრამ არაფერი ფარგლებში
ამ სხეულის tags აპირებს

163
00:06:40,900 --> 00:06:44,960
უნდა დაზარალდნენ ამ ორგანოს
selector რომ ჩვენ გააკეთა.

164
00:06:44,960 --> 00:06:47,405
ასე რომ, თუ თქვენ აკრიფოთ
რაღაც იქ

165
00:06:47,405 --> 00:06:49,400
>> TOMAS Reimers: მოდით შეწყობას, რომ სახლში.

166
00:06:49,400 --> 00:06:55,330
ასე რომ, თუ ჩვენ გვქონდა div-- ასე რომ,
კიდევ ერთი tag შეგიძლიათ.

167
00:06:55,330 --> 00:06:56,350
მე ვაპირებ დახუროს იგი.

168
00:06:56,350 --> 00:06:58,280
ან მოდით ეს პარაგრაფი.

169
00:06:58,280 --> 00:07:01,430
ასე P დგას პუნქტში.

170
00:07:01,430 --> 00:07:02,560
და შიგნით რომ პუნქტში.

171
00:07:02,560 --> 00:07:05,650
და მერე ამბობენ, "ეს არის ტექსტი."

172
00:07:05,650 --> 00:07:06,369
მაგარი.

173
00:07:06,369 --> 00:07:09,160
და შემდეგ მე მივიღე ეს წესი ვრცელდება
ერთ-ერთი პუნქტი სხეულის ნაცვლად.

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

175
00:07:12,390 --> 00:07:17,320
თქვენ დაინახავთ, თუ როგორ ვრცელდება მხოლოდ
ახლად ჩამოყალიბებული პუნქტის, მარჯვენა,

176
00:07:17,320 --> 00:07:18,892
არ მთელი რამ.

177
00:07:18,892 --> 00:07:20,090
ამჯამად რომ აზრი?

178
00:07:20,090 --> 00:07:21,840
>> ALLISON BUCHHOLTZ-AU:
ასე რომ ეს არის ყველა ორგანოს,

179
00:07:21,840 --> 00:07:24,450
მაგრამ ახლა ჩვენი selector მხოლოდ
შეესაბამება პუნქტში.

180
00:07:24,450 --> 00:07:27,050
ასე რომ, ჩვენ უბრალოდ უნდა თამამი და ლურჯი
ამ კონკრეტული პუნქტის,

181
00:07:27,050 --> 00:07:30,760
იმიტომ, რომ ეს არის ერთადერთი,
რომ არის ჩასმული p ტეგით.

182
00:07:30,760 --> 00:07:35,349
>> TOMAS Reimers: არა, რომ აზრი სახის
როგორ რამ encapsulate სხვა რამ?

183
00:07:35,349 --> 00:07:38,140
ALLISON BUCHHOLTZ-AU: ასევე,
ვთქვათ, როგორიცაა, ერთ ერთი საუკეთესო გზა

184
00:07:38,140 --> 00:07:40,889
ნამდვილად კომფორტულად CSS
არის უბრალოდ რამ, როგორიცაა ამ,

185
00:07:40,889 --> 00:07:42,050
სცადეთ ის გარეთ.

186
00:07:42,050 --> 00:07:46,700
ეს ძალიან მარტივია აკრიფოთ რაღაც
გარეთ, მოხვდა განახლება, და ვნახოთ, რა მოხდება.

187
00:07:46,700 --> 00:07:48,940
და როგორც ყველაზე CS,
ექსპერიმენტების ხშირად

188
00:07:48,940 --> 00:07:51,790
გამოიწვიოს, ბევრად უკეთესი
ინტუიტიური გაგება.

189
00:07:51,790 --> 00:07:54,432
უფრო მეტადაც, ვიდრე ჩვენთან, უბრალოდ,
როგორიცაა, საუბარი თქვენ.

190
00:07:54,432 --> 00:07:58,350
>> TOMAS Reimers: Absolutely
100% ვეთანხმები, რომ წერტილი.

191
00:07:58,350 --> 00:08:02,430
ასე რომ, თუ ჩვენ დავუბრუნდებით ამ, მოდით დავიწყოთ
განშრევებადი ზუსტად ის, რაც ამ ორი გააკეთოს.

192
00:08:02,430 --> 00:08:04,550
ასე რომ, ჩვენ გვაქვს ორი წესები ამ.

193
00:08:04,550 --> 00:08:07,420
ასე რომ, პირველი არის ფონის ფერი.

194
00:08:07,420 --> 00:08:10,590
და თქვენ ხედავთ, რომ ჩვენ მითითებული
ტოლი ღირებულება, ღია ცისფერი.

195
00:08:10,590 --> 00:08:15,009
>> ასე რომ, CSS, CSS არის ერთგვარი
ძალიან ფხვიერი შესახებ, თუ როგორ

196
00:08:15,009 --> 00:08:16,300
თქვენ საშუალება უნდა განსაზღვროს ფერის.

197
00:08:16,300 --> 00:08:17,800
ასე რომ თქვენ შეგიძლიათ განსაზღვრავს მათ სახელი.

198
00:08:17,800 --> 00:08:20,650
ასევე შეგიძლიათ გააკეთოთ რაღაც "წითელი".

199
00:08:20,650 --> 00:08:25,270
და მაშინ თუ ჩვენ დავუბრუნდეთ ამ,
დაინახავთ, რომ იმ ფონზე, წითელი.

200
00:08:25,270 --> 00:08:29,040
ასევე, შეგიძლიათ მიიღოთ ნამდვილად ვფიქრობ, თქვენ
შეგიძლიათ მიიღოთ საკმაოდ შემოქმედებითი ამ,

201
00:08:29,040 --> 00:08:29,540
არ შეგიძლია?

202
00:08:29,540 --> 00:08:31,170
>> ALLISON BUCHHOLTZ-AU: I
ვფიქრობ, შეგიძლიათ გამოიყენოთ hex.

203
00:08:31,170 --> 00:08:31,250
არ შეგიძლია?

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

205
00:08:32,083 --> 00:08:32,969
ასე რომ თქვენ შეგიძლიათ გამოიყენოთ hex.

206
00:08:32,969 --> 00:08:34,490
მაგრამ მე ვფიქრობ, სახელი ბრძენი.

207
00:08:34,490 --> 00:08:35,385
ასე არ არის?

208
00:08:35,385 --> 00:08:37,260
ALLISON BUCHHOLTZ-AU:
შეგიძლიათ გააკეთოთ საკმაოდ.

209
00:08:37,260 --> 00:08:43,350
საკმაოდ ჰგავს ყველაზე ფერები, რომ თქვენ
შეგიძლიათ name--, როგორიცაა, მე ვფიქრობ, ორაგული არის ერთი.

210
00:08:43,350 --> 00:08:45,322
>> TOMAS Reimers: ჩვენ კარგად ლელო ორაგული.

211
00:08:45,322 --> 00:08:47,530
ALLISON BUCHHOLTZ-AU: I
ვფიქრობ, chartreuse არის იქ.

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

213
00:08:48,050 --> 00:08:48,550
ვხედავ?

214
00:08:48,550 --> 00:08:50,080
ასე რომ თქვენ შეგიძლიათ მიიღოთ საკმაოდ შემოქმედებითი.

215
00:08:50,080 --> 00:08:52,246
>> ALLISON BUCHHOLTZ-AU თქვენ
შეიძლება კიდევ საკმაოდ შემოქმედებითი.

216
00:08:52,246 --> 00:08:55,750
ასე, თუ თქვენ შეიძლება ვიფიქროთ,
ფერის სახელი, ალბათ არსებობს.

217
00:08:55,750 --> 00:08:57,840
თუ თქვენ ნამდვილად გსურთ ჯარიმა
დეტალური, შეგიძლიათ გადადით hex.

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

219
00:08:58,673 --> 00:08:59,390
ასე თექვსმეტობითი.

220
00:08:59,390 --> 00:09:05,280
თუ ბიჭები გახსოვთ ეს უკან
თქვენი ძველი PSET, გამოსახულების აღდგენა,

221
00:09:05,280 --> 00:09:08,300
თქვენ ბიჭები უნდა გაუმკლავდეთ
ამ hex ღირებულებებს.

222
00:09:08,300 --> 00:09:15,280
და ერთგვარი, რომ Recap რა არის,
hex აქვს სამი ფასეულობა ინახება იგი.

223
00:09:15,280 --> 00:09:17,250
ასე რომ, ეს ჯგუფი ორი მდე.

224
00:09:17,250 --> 00:09:19,300
პირველი ორი წარმოადგენს წითელი მნიშვნელობა.

225
00:09:19,300 --> 00:09:22,420
მეორე წარმოადგენს
მწვანე მნიშვნელობა.

226
00:09:22,420 --> 00:09:25,020
და ბოლოს ერთი არის ლურჯი?

227
00:09:25,020 --> 00:09:30,050
>> ასე FF ხდება წარმოადგენს
თექვსმეტობითი 255.

228
00:09:30,050 --> 00:09:35,480
ასე რომ თქვენ გაქვთ 255 წითელი, 255
მწვანე და 0 ლურჯი.

229
00:09:35,480 --> 00:09:37,670
და ღირებულებების მერყეობს 0-დან 255.

230
00:09:37,670 --> 00:09:38,350
>> აუდიტორია: მარჯვენა.

231
00:09:38,350 --> 00:09:41,472
ასე რომ, არსებითად, ჩვენ ვერ ძიება
ინტერნეტში ნებისმიერი ფერი, ჩვენ გვინდა,

232
00:09:41,472 --> 00:09:43,912
და იდენტიფიცირება რეალურად ცნობილი
ფერი სპექტრი combo,

233
00:09:43,912 --> 00:09:45,130
და მაშინ ჩვენ ვერ დააყენა ეს?

234
00:09:45,130 --> 00:09:46,380
ALLISON BUCHHOLTZ-AU: ზუსტად.

235
00:09:46,380 --> 00:09:52,900
ასე რომ თქვენ გაქვთ საკმაოდ ბევრი სრული კონტროლი
მეტი ფერები გსურთ ფარგლებში CSS.

236
00:09:52,900 --> 00:09:55,069
ჩვენ ვაპირებთ ვისაუბროთ
ფონის სურათები მოგვიანებით?

237
00:09:55,069 --> 00:09:56,110
თუ გვინდა ამის გაკეთება?

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

239
00:09:56,240 --> 00:09:57,010
აბსოლუტურად.

240
00:09:57,010 --> 00:10:00,830
ასე რომ, პირველი, რომ გაჩვენოთ,
წითელი და მწვანე არის ყვითელი.

241
00:10:00,830 --> 00:10:03,120
და თუ საჭიროა გარკვეული
დაეხმარება მოძიებაში, თქვენ

242
00:10:03,120 --> 00:10:05,575
შეგიძლიათ Google რაღაც
როგორიცაა "color picker".

243
00:10:05,575 --> 00:10:07,200
ALLISON BUCHHOLTZ-AU: ოჰ, ეს იმდენად კარგი.

244
00:10:07,200 --> 00:10:09,090
მე მიყვარს ფერი Picker.

245
00:10:09,090 --> 00:10:11,360
>> TOMAS Reimers: colorpicker.com
არის კარგი მაგალითი.

246
00:10:11,360 --> 00:10:14,580
და აქ, თქვენ ნახავთ, რომ თქვენ გაქვთ
სრული Photoshop მსგავსი ფერის ამომრჩევი.

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

248
00:10:14,920 --> 00:10:16,980
გარდა ამისა, მაგარი რამ ხარ
შეგიძლიათ გენერირება ფერადი სქემები

249
00:10:16,980 --> 00:10:18,896
ასე რომ თქვენ არ აქვს,
როგორიცაა, მოწინააღმდეგე ფერები.

250
00:10:18,896 --> 00:10:22,780
TOMAS Reimers: და მაშინ
აქ არის hex მნიშვნელობა აქ.

251
00:10:22,780 --> 00:10:27,800
ასე რომ თქვენ ყოველთვის შეგიძლიათ იპოვოთ ამჟამად, ძირითადად,
ადგილების მისაღებად hex მნიშვნელობა.

252
00:10:27,800 --> 00:10:31,667
ეს არ არის ერთგვარი, რომ უბრალოდ, მოსწონს, ჩვენ
იხილეთ ფერები მსოფლიოში ნომრები.

253
00:10:31,667 --> 00:10:34,000
ეს უფრო, რომ ჩვენ წავიდეთ ონლაინ
და იპოვოს რა ფერის ჩვენ გვინდა,

254
00:10:34,000 --> 00:10:36,850
და მერე ნომერი down.

255
00:10:36,850 --> 00:10:39,590
იმიტომ, რომ ეს უბრალოდ მართლაც ადვილი
გზა მითითებას რამ CS.

256
00:10:39,590 --> 00:10:40,350
>> ALLISON BUCHHOLTZ-AU:
და შემდეგ იქ also--

257
00:10:40,350 --> 00:10:41,630
მე დაგვავიწყდეს ზუსტი სახელი საიტზე.

258
00:10:41,630 --> 00:10:43,838
მაგრამ იქ ნამდვილად, მე
ვფიქრობ, რაღაც Adobe

259
00:10:43,838 --> 00:10:48,350
რომელიც ქმნის ფერადი სქემები, თქვენ,
რომელიც ნამდვილად მაგარი, რადგან თქვენ

260
00:10:48,350 --> 00:10:50,580
definitely-- ეს ზოგჯერ
იმისთვის, რომ გაერკვნენ,

261
00:10:50,580 --> 00:10:53,729
oh, თუ მინდა, რომ ეს ფერი,
რა შეიძლება იყოს კიდევ ერთი სასარგებლო ერთი

262
00:10:53,729 --> 00:10:56,395
გამოიყენოს სხვაგან ჩემი საიტი,
როგორიცაა, რათა ის ლამაზი და შეკრული.

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

264
00:11:00,430 --> 00:11:04,260
>> TOMAS Reimers: Allison ის ვსაუბრობთ
ერთი Adobe მოუწოდა Kuler, ვფიქრობ.

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

266
00:11:04,885 --> 00:11:06,259
ALLISON BUCHHOLTZ-AU: მე ასე ვფიქრობ.

267
00:11:06,259 --> 00:11:07,610
მე დარწმუნებული ვარ, რომ ის ერთი.

268
00:11:07,610 --> 00:11:11,050
>> TOMAS Reimers: ჩემი საყვარელი აქვს
ყოველთვის ფერადი სქემა დიზაინერი.

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

270
00:11:13,998 --> 00:11:16,010
>> TOMAS Reimers: რა არის ახლა

271
00:11:16,010 --> 00:11:16,860
>> ALLISON BUCHHOLTZ-AU:
Ah, ეს არის ლამაზი.

272
00:11:16,860 --> 00:11:18,818
>> TOMAS Reimers: თქვენ
შეგიძლიათ ძირითადად ამბობენ, როგორიცაა,

273
00:11:18,818 --> 00:11:21,700
მინდა სამი ფერის შემდეგი ერთმანეთს.

274
00:11:21,700 --> 00:11:25,030
და მაშინ მოდით გავაკეთოთ რაღაც ლამაზი.

275
00:11:25,030 --> 00:11:29,210
და შემდეგ შეგიძლიათ მიიღოთ მაგალითად
რა შეიძლება, რომ ჰგავს.

276
00:11:29,210 --> 00:11:32,470
და მაშინ, თუ თქვენ hover ნებისმიერი
მათ, გაძლევთ hex ღირებულება.

277
00:11:32,470 --> 00:11:35,010
>> ამიტომ ისევე როგორც კარგი გზა უნდა დაიწყოს
ფიქრი ფერადი სქემები

278
00:11:35,010 --> 00:11:39,570
ან რა ფერის ნახვა
შეიძლება წავიდეს კარგად ერთად.

279
00:11:39,570 --> 00:11:45,655
იმიტომ, რომ შეიძლება იყოს გასაკვირი
არ არის ისეთი ადვილი შეარჩიო როგორც თქვენ ფიქრობთ.

280
00:11:45,655 --> 00:11:48,280
და შემდეგ სხვა მაგარი რამ
მე ყოველთვის ნაპოვნი ამ საიტზე

281
00:11:48,280 --> 00:11:51,480
არის თუ მოხვდა მაგალითები, ის ყველაფერს
აჩვენებს, თუ რა მაგალითს ნახვა

282
00:11:51,480 --> 00:11:54,800
შეიძლება გამოიყურებოდეს გამოყენებით, რომ ფერადი სქემა.

283
00:11:54,800 --> 00:11:56,270
მაინც.

284
00:11:56,270 --> 00:11:57,863
>> უკან ფაქტობრივი CSS.

285
00:11:57,863 --> 00:12:01,112
ALLISON BUCHHOLTZ-AU: მაგრამ ცხადია, ჩვენ
იცით, ამ ცნობას შეიძლება იყოს სასარგებლო.

286
00:12:01,112 --> 00:12:03,195
TOMAS Reimers: არა, ისინი
ნამდვილად შეიძლება იყოს სასარგებლო.

287
00:12:03,195 --> 00:12:04,720
ასე რომ, მეორე წესი, Allison?

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

289
00:12:05,844 --> 00:12:08,280
მეორე წესი ის არის მხოლოდ
შესაბამისი ჩვენი font.

290
00:12:08,280 --> 00:12:11,520
ასე შრიფტის წონა არის მხოლოდ სახის
of-- ამიტომ წონა გვინდა

291
00:12:11,520 --> 00:12:15,220
იქნება თუ გსურთ უბრალოდ, მოსწონს,
ნორმალური ან, ისევე, თხელი შრიფტები,

292
00:12:15,220 --> 00:12:17,251
ან ამ შემთხვევაში, ისევე, თამამი.

293
00:12:17,251 --> 00:12:17,750
მე დაგვავიწყდეს.

294
00:12:17,750 --> 00:12:21,557
რა არის, თუ თქვენ სურდა it-- არის
თხელი, ვიდრე უბრალოდ, მოსწონს, ნორმალურია?

295
00:12:21,557 --> 00:12:24,140
TOMAS Reimers: მე არ რეალურად
ვიცი, თუ არსებობს თხელი ერთი.

296
00:12:24,140 --> 00:12:24,680
ALLISON BUCHHOLTZ-AU: მე დაგვავიწყდეს.

297
00:12:24,680 --> 00:12:26,300
ასე შრიფტის წონა ჩვენ, როგორც წესი,
უბრალოდ გამოიყენოთ თამამი.

298
00:12:26,300 --> 00:12:29,010
თუ გსურთ მიიღოთ მართლაც შევიდა
ის, რომ ჩვენ ვაპირებთ, რომ ნახოთ თქვენ.

299
00:12:29,010 --> 00:12:34,317
W3Schools აქვს ყველა სხვადასხვა
რამ რისი გაკეთებაც შეგიძლიათ შრიფტები.

300
00:12:34,317 --> 00:12:36,900
მაგრამ ძირითადად, თუ თქვენ ოდესმე გვინდა
არაფერს შეცვლის შრიფტის,

301
00:12:36,900 --> 00:12:39,330
ის ყოველთვის იქნება,
როგორიცაა, font-რაღაც.

302
00:12:39,330 --> 00:12:43,450
ასე რომ, ეს იქნება, როგორიც, font-family თუ თქვენ
ცდილობს შეცვალოს ფაქტობრივი ტიპის.

303
00:12:43,450 --> 00:12:47,390
ეს იქნება font-style, თუ
გინდათ ის, როგორიცაა cursive,

304
00:12:47,390 --> 00:12:49,710
ან დახრილი, ან whatnot.

305
00:12:49,710 --> 00:12:53,570
ან თუნდაც font-ფერი, თუ
გვინდოდა, რომ შეიცვალოს.

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

307
00:12:55,621 --> 00:12:56,925
ასე რომ თქვენ შეგიძლიათ შეცვლის.

308
00:12:56,925 --> 00:12:59,360
და სახის უბრალოდ
recap ახლა, ასე რომ თქვენ შეგიძლიათ

309
00:12:59,360 --> 00:13:01,400
, რომ ჩვენ გვაქვს selector აქ.

310
00:13:01,400 --> 00:13:03,000
ჩვენ გვაქვს ამ Curly braces.

311
00:13:03,000 --> 00:13:06,735
და მაშინ ჩვენ გვაქვს წესები
delimited მიერ semicolons.

312
00:13:06,735 --> 00:13:08,100
ამჯამად რომ აზრი?

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

314
00:13:09,130 --> 00:13:10,500
მაგარი.

315
00:13:10,500 --> 00:13:13,200
ასე რომ, თუ არის 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: ვისაუბროთ კონკრეტულად
რა სახის სელექციონერები გვაქვს.

318
00:13:17,590 --> 00:13:19,790
'Cause ახლავე ჩვენ
სახის უბრალოდ ნაჩვენები tags.

319
00:13:19,790 --> 00:13:21,696
მაგრამ თქვენ ბიჭები ვერ ვხედავ, რომ დამაჯერებელი.

320
00:13:21,696 --> 00:13:23,570
ვთქვათ თქვენ გაქვთ ორი პუნქტის
გვერდზე და თქვენ

321
00:13:23,570 --> 00:13:26,087
გსურთ შეძლებს სტილი
ერთი, მაგრამ არა სხვა,

322
00:13:26,087 --> 00:13:29,170
თქვენ არ მხოლოდ სურს ზღუდავს საკუთარ თავს
უნდა გამოვიყენოთ სხვადასხვა აქტუალურ HTML

323
00:13:29,170 --> 00:13:33,410
tags, რათა მათ სხვადასხვა სტილის.

324
00:13:33,410 --> 00:13:35,995
>> ამიტომ ჩვენ გვაქვს სამი ძირითადი
სახის სელექციონერები.

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

326
00:13:37,120 --> 00:13:39,828
ამიტომ ჩვენ უნდა tag, რაც
ჩვენ ვსაუბრობთ ახლა.

327
00:13:39,828 --> 00:13:42,430
ასე რომ სახის მოსწონს თქვენი სხეულის ან გვ.

328
00:13:42,430 --> 00:13:46,280
და მაშინ ჩვენ გვაქვს კლასი, რომელიც
როდესაც ჩვენ განვსაზღვროთ ჩვენი CSS ფაილი,

329
00:13:46,280 --> 00:13:49,907
ის ყოველთვის იქნება dot, რასაც
გსურთ სახელი თქვენი კლასს.

330
00:13:49,907 --> 00:13:51,490
და ეს შეიძლება მიმართოს მრავალი რამ.

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

332
00:13:54,610 --> 00:13:57,610
>> ვთქვათ თქვენ გაქვთ ხუთი პუნქტისაგან
და ორი სამი მათგანი

333
00:13:57,610 --> 00:14:00,580
უნდა იყოს ე.წ. იგივე,
თქვენ მოემართებიან კლასის იგი.

334
00:14:00,580 --> 00:14:03,040
და ეს არის მხოლოდ გზა ჩვენ გავაკეთებთ.

335
00:14:03,040 --> 00:14:05,600
ჩვენ მოგცემთ მაგალითია
სადაც ეს რეალურად გვიჩვენებს up.

336
00:14:05,600 --> 00:14:11,030
მაგრამ თუ ჰქონდა შესაძლოა, რამდენიმე tag
p, მას შემდეგ, თქვენ ამას წერენ,

337
00:14:11,030 --> 00:14:14,170
კლასი შეადგენს რასაც კატეგორიები
გსურთ ვრცელდება იგი.

338
00:14:14,170 --> 00:14:19,280
ასე რომ, რასაც კლასის სელექციონერები, რომ ჩვენ გვინდა
ვრცელდება ამ კონკრეტული პუნქტის,

339
00:14:19,280 --> 00:14:21,300
ჩვენ შეგვიძლია უბრალოდ წერენ მოსწონს ეს.

340
00:14:21,300 --> 00:14:24,080
რა თქმა უნდა, მე ვფიქრობ, მაგალითად,
გახდის ბევრად უფრო კონკრეტული.

341
00:14:24,080 --> 00:14:27,270
>> სხვა ერთი გვაქვს
არის id, რომელიც ჩვენ აღინიშნოს

342
00:14:27,270 --> 00:14:29,707
hash, ან ფუნტი, ან hashtag.

343
00:14:29,707 --> 00:14:30,790
TOMAS Reimers: ოქტოტორფი.

344
00:14:30,790 --> 00:14:32,430
ALLISON BUCHHOLTZ-AU: ოქტოტორფი.

345
00:14:32,430 --> 00:14:34,550
რომელიც მუშაობს, ძალიან.

346
00:14:34,550 --> 00:14:36,640
და ეს ერთი ნამდვილად უნდა იყოს უნიკალური.

347
00:14:36,640 --> 00:14:39,880
მათ უნდა მხოლოდ ვრცელდება
ერთი რამ თქვენს გვერდზე.

348
00:14:39,880 --> 00:14:43,820
ასე თუ არა, რომ კონკრეტული პუნქტის,
ან რაიმე ელემენტის სიაში, ან რასაც,

349
00:14:43,820 --> 00:14:45,090
ეს უნდა იყოს უნიკალური.

350
00:14:45,090 --> 00:14:48,730
და იმ გზით, რომ ჩვენ უბრალოდ
ამბობენ, ისევე, class = "Class1 class2"

351
00:14:48,730 --> 00:14:51,577
ეს შეიძლება იყოს მხოლოდ id რასაც ჩვენ გვაქვს.

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

353
00:14:52,410 --> 00:14:54,330
ასე რომ, მოდით ნამდვილად გაიგო
შესახებ მაგალითები აქ.

354
00:14:54,330 --> 00:14:58,170
და მე უბრალოდ აპირებს ჩაყვინთვის
სწორი ისევ კოდი.

355
00:14:58,170 --> 00:15:02,090
ასე რომ, მოდით შევხედოთ ჩვენი HTML.

356
00:15:02,090 --> 00:15:03,960
ასე რომ, ჩვენ ახლა აქვს ერთ პუნქტში.

357
00:15:03,960 --> 00:15:05,510
ეს არის ტექსტი.

358
00:15:05,510 --> 00:15:09,151
მე უბრალოდ აპირებს ცვლილებები
მას. "ეს არის ტექსტი 1."

359
00:15:09,151 --> 00:15:11,150
და მაშინ ჩვენ ვაპირებთ
აქვს "ეს არის ტექსტი 2."

360
00:15:11,150 --> 00:15:12,525
>> ALLISON BUCHHOLTZ-AU: Second ერთი.

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

362
00:15:13,540 --> 00:15:16,810
ამიტომ, ჩვენ ახლა "ეს არის ტექსტი, 2," უფლება?

363
00:15:16,810 --> 00:15:21,560
და ჩვენ ვაპირებთ, რომ თუ ჩვენ განაახლეთ
გვერდი, რასაც ჩვენ ვაპირებთ, რათა იპოვოს

364
00:15:21,560 --> 00:15:23,067
არის, რომ ჩვენ კარგად 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: ჰო.

367
00:15:24,983 --> 00:15:27,570
ჩვენ ვაპირებთ, რათა იპოვოს "ეს არის
ტექსტის 1 "და" ეს არის ტექსტი 2. "

368
00:15:27,570 --> 00:15:28,650
>> ALLISON BUCHHOLTZ-AU: და
out lovely ყვითელი ფერი.

369
00:15:28,650 --> 00:15:31,066
>> TOMAS Reimers: და დაინახავთ
რომ ჩვენი selector ახლა,

370
00:15:31,066 --> 00:15:34,940
რომელიც ეხება p მიერ, ან
პუნქტები, გავლენას ახდენს ორივე მათგანი,

371
00:15:34,940 --> 00:15:38,700
რადგან ორივე მათგანი შეხვდება
პირობით, რომ ისინი ორივე p tag.

372
00:15:38,700 --> 00:15:40,360
რომ რაც საერთო აზრი.

373
00:15:40,360 --> 00:15:43,340
ასე რომ, კითხვა, ასევე, რა
თუ გვინდოდა მხოლოდ ერთი?

374
00:15:43,340 --> 00:15:46,350
ასე ზუსტად ისევე, Allison ამბობდა,
ჩვენ გვაქვს ორი სხვა გზები უნდა გავაკეთოთ, რომ.

375
00:15:46,350 --> 00:15:47,320
მე ვაპირებ, რომ დაიწყოს id.

376
00:15:47,320 --> 00:15:48,405
>> ALLISON BUCHHOLTZ-AU:
მოდით დავიწყოთ id.

377
00:15:48,405 --> 00:15:50,405
>> TOMAS Reimers: ორივე
ეს არის ატრიბუტები.

378
00:15:50,405 --> 00:15:53,200
ასე ატრიბუტები არსებობს HTML.

379
00:15:53,200 --> 00:15:55,600
და რასაც ისინი არის
რაღაც, რომ თქვენ დაამატოთ

380
00:15:55,600 --> 00:15:58,840
შიგნით tag რომელიც
გამოეყოს tag სახელი.

381
00:15:58,840 --> 00:16:01,301
ასე რომ თქვენ შეგიძლიათ აქვს მრავალი ატრიბუტები.

382
00:16:01,301 --> 00:16:01,800
ჰო?

383
00:16:01,800 --> 00:16:03,950
>> ALLISON BUCHHOLTZ-AU: მე უბრალოდ აპირებს
ვთქვათ, თქვენი მაგალითი pset 7,

384
00:16:03,950 --> 00:16:06,650
თუ რომელიმე თქვენგანი ცდილობენ უერთდებიან
რამ ცენტრში,

385
00:16:06,650 --> 00:16:08,550
თქვენ შეიძლება არ გამოიყენება
"Text უერთდებიან = ცენტრი."

386
00:16:08,550 --> 00:16:10,550
და შენიშნა ეს, ალბათ,
უნდა ორიენტირებული

387
00:16:10,550 --> 00:16:12,650
ტექსტის ან თქვენი ნავიგაცია ბარი.

388
00:16:12,650 --> 00:16:15,499
ასე რომ, მხოლოდ ასევე ატრიბუტი
რომ თქვენ შეიძლება იცნობს.

389
00:16:15,499 --> 00:16:18,040
TOMAS Reimers: არსებობს რამოდენიმე
ატრიბუტები, რომ დაინახავთ.

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

391
00:16:18,539 --> 00:16:21,250
ისევე როგორც კარგი მინიშნება pset 7.

392
00:16:21,250 --> 00:16:23,150
ჩვენ გვაქვს id.

393
00:16:23,150 --> 00:16:25,080
ასევე, შეგიძლიათ აქვს
კლასი, რამ მოსწონს ეს.

394
00:16:25,080 --> 00:16:27,250
ერთ tag შეიძლება ბევრი ატრიბუტები.

395
00:16:27,250 --> 00:16:33,140
ასე იწყება id, მოდით ვითომ ჩვენ
გსურთ აქვს id of-- მე არ ვიცი.

396
00:16:33,140 --> 00:16:35,140
ჩვენ მოვუწოდებთ მას განსაკუთრებული,
რადგან ეს ერთი, ჩვენ

397
00:16:35,140 --> 00:16:37,867
ვაპირებთ, რათა თამამი და
ხაზგასმა და რასაც.

398
00:16:37,867 --> 00:16:39,950
ALLISON BUCHHOLTZ-AU: ეს
კარგად იქნება სუპერ სპეციალური.

399
00:16:39,950 --> 00:16:42,360
TOMAS Reimers: ასე რომ, ეს
ერთი, ჩვენ გვაქვს id განსაკუთრებული.

400
00:16:42,360 --> 00:16:48,140
ასე რომ გზა აირჩიოთ, რომ მაშინ,
in main.css, ვიდრე აქვს p tag,

401
00:16:48,140 --> 00:16:51,500
თქვენ ამის #special, OK?

402
00:16:51,500 --> 00:16:55,538
და რომ ირჩევს
რამ id განსაკუთრებული.

403
00:16:55,538 --> 00:16:57,295
ნიშნავს თუ არა ეს აზრი, რომ ყველასთვის?

404
00:16:57,295 --> 00:16:57,920
აუდიტორია: Yeah.

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

406
00:16:59,110 --> 00:17:04,440
ასე რომ, ახლა თუ ჩვენ დავუბრუნდებით,
ჩვენ ყველაფერს ვხედავ whoops.

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

408
00:17:06,240 --> 00:17:09,460
ჩვენ დავინახავთ, რომ იგი მხოლოდ ირჩევს
ერთი id განსაკუთრებული.

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

410
00:17:10,622 --> 00:17:11,900
ხმები cool.

411
00:17:11,900 --> 00:17:12,570
დიახ.

412
00:17:12,570 --> 00:17:15,456
>> აუდიტორია: რაღაც აქვს
მიეწერა, როგორც კლასის და id?

413
00:17:15,456 --> 00:17:16,359
>> TOMAS Reimers: დიახ.

414
00:17:16,359 --> 00:17:16,900
აუდიტორია: OK.

415
00:17:16,900 --> 00:17:20,887
და მერე რა მოხდება, თუ თქვენ მაშინ მისცეს
მას გარკვეული წესების CSS, რომ კონფლიქტი?

416
00:17:20,887 --> 00:17:21,970
TOMAS Reimers: რა თქმა უნდა.

417
00:17:21,970 --> 00:17:23,940
ჩვენ აუცილებლად აპირებს
ლაპარაკი იმაზე, რომ.

418
00:17:23,940 --> 00:17:31,890
ისე ზუსტად რა თქვენ იღებდნენ
დროს, ასევე შეგიძლიათ კლასების.

419
00:17:31,890 --> 00:17:36,380
მოდით ვითომ მე მქონდა
სამი პუნქტი და მე

420
00:17:36,380 --> 00:17:38,730
სასურველი სტილის პირველი
ორი, მაგრამ არა მესამე.

421
00:17:38,730 --> 00:17:42,850
ასევე, თქვენი პირველი იდეა, შეიძლება, ასევე, მე
ვერ უბრალოდ მისცეს მეორე id.

422
00:17:42,850 --> 00:17:45,590
მაგრამ თქვენ არ შეგიძლიათ, რადგან id,
ზუსტად ისევე, როგორც Allison ამბობდა,

423
00:17:45,590 --> 00:17:47,330
უნდა იყოს უნიკალური.

424
00:17:47,330 --> 00:17:50,860
>> ასე რომ, ნაცვლად id, რაც თქვენ
შეგიძლიათ გამოიყენოთ შეგიძლიათ გამოიყენოთ კლასი.

425
00:17:50,860 --> 00:17:57,880
და class--, რაც საშუალებას
თქვენ უნდა გავაკეთოთ არის ძირითადად ამბობენ,

426
00:17:57,880 --> 00:17:59,610
ეს ეკუთვნის ნაწილი ჯგუფი.

427
00:17:59,610 --> 00:18:02,410
ამ შემთხვევაში, ჩვენი ჯგუფი
ეწოდება სპეციალური.

428
00:18:02,410 --> 00:18:06,500
და რასაც ჩვენ ვაპირებთ გავაკეთოთ შემდეგ არის
ჩვენ ვაპირებთ, რომ ვთქვა, ვიდრე ფუნტი,

429
00:18:06,500 --> 00:18:08,070
ჩვენ ვაპირებთ გამოვიყენოთ dot.

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

431
00:18:08,740 --> 00:18:11,950
და შეამჩნია, რომ ფუნტი და dot
მხოლოდ არსებობს ფარგლებში CSS ფაილი,

432
00:18:11,950 --> 00:18:12,797
არ ფარგლებში HTML.

433
00:18:12,797 --> 00:18:13,880
ALLISON BUCHHOLTZ-AU: დიახ.

434
00:18:13,880 --> 00:18:15,185
მნიშვნელოვანი განსხვავება.

435
00:18:15,185 --> 00:18:17,510
>> TOMAS Reimers: მე მაქვს
იმდენი ბრძოლა,

436
00:18:17,510 --> 00:18:23,990
იმიტომ, რომ მე დააყენა hash in HTML და
მაშინ უბრალოდ იგრძნო სულელური დიდი ხნის განმავლობაში.

437
00:18:23,990 --> 00:18:27,470
აგრეთვე, თუ როგორ ირჩევს ორივე
პირობა, რომ კლასში?

438
00:18:27,470 --> 00:18:28,210
მაგარი.

439
00:18:28,210 --> 00:18:29,950
>> ახლა, რამ შეიძლება მქონდეს კლასების.

440
00:18:29,950 --> 00:18:32,790
ვთქვათ, მე მინდოდა პირველი
ორი აქვს ფონზე ყვითელი

441
00:18:32,790 --> 00:18:36,770
და მეორე ორი აქვს
შრიფტის ფერი ლურჯი.

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

443
00:18:37,270 --> 00:18:39,735
მე ნამდვილად არ ვიცი, რატომ მინდა
მინდა, რომ, მაგრამ მე არ შემიძლია.

444
00:18:39,735 --> 00:18:42,401
>> ALLISON BUCHHOLTZ-AU: შესაძლოა არ
რეკომენდირებულია, რომ თქვენი ნახვა.

445
00:18:42,401 --> 00:18:43,880
მაგრამ ჩვენი მიზნებისთვის, ის ყველაფერს გააკეთებს.

446
00:18:43,880 --> 00:18:46,294
>> TOMAS Reimers: ეს არ არის
კარგი ფერი სქემა.

447
00:18:46,294 --> 00:18:49,210
ALLISON BUCHHOLTZ-AU: ისე, ყვითელი
და ლურჯი არის ჩემი უმაღლესი სკოლის ფერები.

448
00:18:49,210 --> 00:18:50,947
მე არ ვიცი, თუმცა.

449
00:18:50,947 --> 00:18:53,530
TOMAS Reimers: Allison მაღალი
სკოლა არ ჰქონდა დიდი ფერადი სქემა.

450
00:18:53,530 --> 00:18:54,520
[სიცილი]

451
00:18:54,520 --> 00:18:59,120
ასე შემდეგ, რაც ჩვენ შეგვიძლია ვუწოდოთ არის
მოდით მოვუწოდებთ ამ ამიტომ ჩვენ გვაქვს სპეციალური

452
00:18:59,120 --> 00:19:00,030
და ჩვენ უნდა Pretty.

453
00:19:00,030 --> 00:19:02,405
მე გთავაზობთ, ამ, თქვენ იყენებთ
ბევრად უფრო აღწერითი სახელები.

454
00:19:02,405 --> 00:19:05,820
ALLISON BUCHHOLTZ-AU: ჰო, მე
დარეკეთ ამ, ისევე, ყვითელი ან ლურჯი.

455
00:19:05,820 --> 00:19:08,314
>> TOMAS Reimers: ჩვენ არ ვართ
ნამდვილად მიღების უძრავი ნახვა,

456
00:19:08,314 --> 00:19:09,730
სწორედ ამიტომ ჩვენ არ აკეთებს, რომ.

457
00:19:09,730 --> 00:19:11,521
მაგრამ თუ თქვენ ნამდვილად
ჰქონდა რეალური საიტი, თქვენ

458
00:19:11,521 --> 00:19:16,220
შესაძლოა, როგორიცაა, მუხლი header,
სტატიის შინაარსი, პირველი სიტყვა,

459
00:19:16,220 --> 00:19:21,920
რამ, როგორიცაა, რომ, რომელიც საშუალებას
თქვენ უნდა იყოს ბევრად უფრო აღწერითი.

460
00:19:21,920 --> 00:19:23,550
ეს არის მართლაც, ისევე, როგორც ცვლადი.

461
00:19:23,550 --> 00:19:28,390
ისინი უნდა ერქვას ისე,
თქვენ შეგიძლიათ, ისევე yeah, როგორც ასეთი.

462
00:19:28,390 --> 00:19:29,470
სრულყოფილი.

463
00:19:29,470 --> 00:19:30,480
>> ასე ფონის ფერი.

464
00:19:30,480 --> 00:19:35,920
და მაშინ ჩვენ ვაპირებთ ამბობენ ასე
გზა შეცვალოს ფერი არის მხოლოდ "ფერადი".

465
00:19:35,920 --> 00:19:38,412
და ჩვენ ვაპირებთ, რათა ის ლურჯი.

466
00:19:38,412 --> 00:19:40,150
სწორედ ზემოთ.

467
00:19:40,150 --> 00:19:42,640
ასე რომ, ახლა ჩვენ გვაქვს
პირველი ორი აქვს განსაკუთრებული.

468
00:19:42,640 --> 00:19:45,972
შემდეგი ერთი აპირებს
აქვს "class = საკმაოდ".

469
00:19:45,972 --> 00:19:49,180
ALLISON BUCHHOLTZ-AU: და მაშინ თქვენ
გსურთ დაამატოთ "ლამაზი" შუა ერთი.

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

471
00:19:49,971 --> 00:19:52,970
და შემდეგ შუა ერთი,
დამატება "საკმაოდ," რა ხდება

472
00:19:52,970 --> 00:19:56,880
არის უბრალოდ აქვს სივრცეში.

473
00:19:56,880 --> 00:19:59,800
ასე კლასი ატრიბუტი
არის სივრცე-გამოყოფილი სია

474
00:19:59,800 --> 00:20:02,450
ყველა კლასი
რომ მიმართოს, რომ აქვს.

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

476
00:20:02,959 --> 00:20:05,750
ეს არ არის, როგორც ეს ერთი ეკუთვნის
რაიმე სახის განსაკუთრებული კლასის მოუწოდა

477
00:20:05,750 --> 00:20:07,180
"განსაკუთრებული, სივრცე, საკმაოდ".

478
00:20:07,180 --> 00:20:10,870
ის მიეკუთვნება ორ classes--
განსაკუთრებული და ლამაზი.

479
00:20:10,870 --> 00:20:12,492
დიახ?

480
00:20:12,492 --> 00:20:14,360
მაგარი.

481
00:20:14,360 --> 00:20:17,010
>> და თუ გადავხედავთ
რა ხდება, ჩვენ

482
00:20:17,010 --> 00:20:21,850
ვაპირებთ, რომ პირველი ერთი
ყვითელი ფონზე, შავი ტექსტი.

483
00:20:21,850 --> 00:20:22,450
მეორე one--

484
00:20:22,450 --> 00:20:26,160
>> ALLISON BUCHHOLTZ-AU: --has თამამი
ყვითელი ფონზე ლურჯი ტექსტი.

485
00:20:26,160 --> 00:20:29,330
და ჩვენი ბოლო ერთი უბრალოდ აქვს
ლურჯი ტექსტი, რომ ჩვენ ენიჭება მას.

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

487
00:20:30,870 --> 00:20:32,491
როგორ სელექციონერები მუშაობს?

488
00:20:32,491 --> 00:20:32,990
გასაოცარია.

489
00:20:32,990 --> 00:20:34,720
>> ALLISON BUCHHOLTZ-AU: გვინდა
ვისაუბროთ კონფლიქტი მაშინ?

490
00:20:34,720 --> 00:20:35,780
>> TOMAS Reimers: ასე yeah.

491
00:20:35,780 --> 00:20:36,310
აბსოლუტურად.

492
00:20:36,310 --> 00:20:38,380
რა მოხდება, თუ თქვენ
კონფლიქტი, არა?

493
00:20:38,380 --> 00:20:44,740
მოდით ვიტყვი პირველი
ქმნის რაღაც მსგავსი

494
00:20:44,740 --> 00:20:47,240
ALLISON BUCHHOLTZ-AU: Maybe
ეს ერთი ცვლის ფონზე?

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

496
00:20:48,090 --> 00:20:51,699
ასე რომ, ჩვენ ვაპირებთ, რომ "ლამაზი"
შეცვლის ფონზე ორაგული.

497
00:20:51,699 --> 00:20:54,740
ALLISON BUCHHOLTZ-AU: თქვენ მხოლოდ
ყველა დიდი ფერები დღეს, Tomas.

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

499
00:20:55,573 --> 00:20:58,200
იმიტომ, რომ მე გავარკვიე საიტიდან
გამოყენების ორაგული, როგორც რეალური ფერი.

500
00:20:58,200 --> 00:21:00,270
ასე რომ, ჩვენ მხოლოდ აპირებს ამის გაკეთებას.

501
00:21:00,270 --> 00:21:01,770
მე ასევე ვფიქრობ Sunset არის რეალური ფერი.

502
00:21:01,770 --> 00:21:03,103
აუდიტორია: Sunset რეალური ფერი?

503
00:21:03,103 --> 00:21:04,572
ALLISON BUCHHOLTZ-AU: მოდით ცდილობენ.

504
00:21:04,572 --> 00:21:07,735
TOMAS Reimers: მას შემდეგ, რაც ამ დემო
მხოლოდ იმიტომ, რომ იმ შემთხვევაში, თუ ის messes,

505
00:21:07,735 --> 00:21:08,943
მე არ მინდა, რომ იყოს გამართვის.

506
00:21:08,943 --> 00:21:11,580
ასე რომ, ჩვენ ვიცით, ორაგული რეალური ფერი.

507
00:21:11,580 --> 00:21:15,626
ასე რომ, ნებისმიერი მიხვდება
რა მოხდება?

508
00:21:15,626 --> 00:21:17,522
>> ALLISON BUCHHOLTZ-AU: ნებისმიერი იდეა?

509
00:21:17,522 --> 00:21:20,002
>> აუდიტორია: [INAUDIBLE].

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

511
00:21:20,920 --> 00:21:22,150
ასე რომ თქვენ გაქვთ ეს სწორედ.

512
00:21:22,150 --> 00:21:24,930
ძირითადად, ის იღებს
ბოლო გამორიცხავს, ​​რომ ეს გადაეცა.

513
00:21:24,930 --> 00:21:27,860
>> ALLISON BUCHHOLTZ-AU: ასე რომ, ეს არის
სადაც კასკადური ძალაში.

514
00:21:27,860 --> 00:21:31,080
>> TOMAS Reimers: ასე მახსოვს, თუ როგორ ჩვენ
ჰქონდა, რომ კასკადური სტილების?

515
00:21:31,080 --> 00:21:33,660
ასე რომ, ჩვენ ასეთი ნიშნავს
რომ ჩვენ გვაქვს რამოდენიმე წესები

516
00:21:33,660 --> 00:21:37,115
რომელიც ვრცელდება თავზე ერთმანეთს და
მათ შეუძლიათ აგრეთვე override ერთმანეთს.

517
00:21:37,115 --> 00:21:39,380
>> ALLISON BUCHHOLTZ-AU: ასე
რასაც ის ბოლოში

518
00:21:39,380 --> 00:21:41,540
ხელს override რაც არის ზედა.

519
00:21:41,540 --> 00:21:45,842
თქვენ შეიძლება წესები, რომელიც მთლიანად
უარყოფს რაიმე წინასწარ.

520
00:21:45,842 --> 00:21:48,300
სწორედ ასევე, თუ რატომ გსურთ, რომ იყოს
ფრთხილად, როდესაც თქვენ სტილის,

521
00:21:48,300 --> 00:21:51,465
ასე რომ თქვენ არ შექმნის წესები, რომ
თქვენ უბრალოდ სრულიად მნიშვნელოვანი.

522
00:21:51,465 --> 00:21:53,340
>> TOMAS Reimers: ან იქნებ
არ მინდა, რომ გადავაწერო წესები.

523
00:21:53,340 --> 00:21:53,920
>> ALLISON BUCHHOLTZ-AU: ან იქნებ გავაკეთოთ.

524
00:21:53,920 --> 00:21:54,300
დიახ.

525
00:21:54,300 --> 00:21:57,175
>> TOMAS Reimers: თითქოს თქვენ გაქვთ
კლასი, რომელიც ეხება ყველაზე რამ,

526
00:21:57,175 --> 00:22:01,220
მაგრამ ვთქვათ თქვენ გსურთ შეცვალოთ
ფონის ფერი წითელი და font

527
00:22:01,220 --> 00:22:03,140
წონა თამამი ყველაზე
რამ, მაგრამ ერთი,

528
00:22:03,140 --> 00:22:06,098
თუ გსურთ მხოლოდ ფონის ფერი
იყოს წითელი, მაგრამ გსურთ ყველა სხვა

529
00:22:06,098 --> 00:22:09,990
თვისებების, თქვენ შეიძლება რაღაც
როგორიცაა "font-weight = ნორმალურია"

530
00:22:09,990 --> 00:22:12,760
რომელიც მაშინ გაუქმება, რომ თამამი ცვლილება.

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

532
00:22:14,480 --> 00:22:17,250
ერთხელ, საუკეთესო გზა, მე ვფიქრობ,
Allison განაცხადა, რომ ის, უბრალოდ პრაქტიკაში.

533
00:22:17,250 --> 00:22:18,080
>> ALLISON BUCHHOLTZ-AU: ექსპერიმენტების.

534
00:22:18,080 --> 00:22:20,090
>> TOMAS Reimers: პრაქტიკა, პრაქტიკა,
პრაქტიკაში, და ექსპერიმენტი.

535
00:22:20,090 --> 00:22:22,950
მე ვიცი, რომ უამრავი ადამიანი, რომ ვფიქრობ,
CSS მხოლოდ ბევრი ვხვდები და გამშვები

536
00:22:22,950 --> 00:22:25,580
ბოლოს დღეს, თუკი
გსურთ გააკეთოთ რაღაც, როგორიცაა,

537
00:22:25,580 --> 00:22:27,663
თქვენ გაქვთ უხეში იდეა, მაგრამ
თქვენ კვლავ ალბათ გვჭირდება

538
00:22:27,663 --> 00:22:31,390
ცდილობენ ის, რომ დავრწმუნდეთ,
თქვენ იცით, რას ჰგავს.

539
00:22:31,390 --> 00:22:34,482
>> აუდიტორია: როდესაც თქვენ მსჯელობა
კლასი, ერთზე მეტი

540
00:22:34,482 --> 00:22:37,339
იმავე მუხლის მე
ან სექცია, აკეთებს

541
00:22:37,339 --> 00:22:39,505
მნიშვნელობა რა მიზნით შეგიძლიათ
აკრიფოთ მათ შეთავაზებები?

542
00:22:39,505 --> 00:22:40,992
>> TOMAS Reimers: არა, არ არის.

543
00:22:40,992 --> 00:22:45,764
>> ALLISON BUCHHOLTZ-AU: რა მნიშვნელობა აქვს,
იმისათვის, თქვენი CSS სტილის ფურცელი.

544
00:22:45,764 --> 00:22:47,430
აუდიტორია: იქნებ ვიმეორებ კითხვას?

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
კლასი, როდესაც თქვენ ლექციების

547
00:22:53,990 --> 00:22:56,964
რაღაც HTML, აკეთებს
ის მნიშვნელობა, რომელიც წესრიგს ისინი წელს?

548
00:22:56,964 --> 00:22:58,130
არ აქვს მნიშვნელობა მიზნით.

549
00:22:58,130 --> 00:23:02,915
რა მნიშვნელობა აქვს არის ბრძანებით
კლასის სელექციონერები თქვენი CSS,

550
00:23:02,915 --> 00:23:04,306
თქვენი სტილის ფურცელი.

551
00:23:04,306 --> 00:23:06,982
>> TOMAS Reimers: Sound კარგი?

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

553
00:23:08,532 --> 00:23:11,539
>> TOMAS Reimers: და მაშინ
ჩვენ ვაპირებთ გავაგრძელოთ, რომელთა მიზანია:

554
00:23:11,539 --> 00:23:13,330
ALLISON BUCHHOLTZ-AU:
რა გვაქვს შემდეგი?

555
00:23:13,330 --> 00:23:14,245
მე დაგვავიწყდეს.

556
00:23:14,245 --> 00:23:16,087
Oh, ჩვენ უბრალოდ უნდა მაგალითები.

557
00:23:16,087 --> 00:23:17,295
მაგრამ ჩვენ სახის გააკეთა იმ.

558
00:23:17,295 --> 00:23:18,990
ჩვენ გავაკეთეთ მაგალითები on the fly.

559
00:23:18,990 --> 00:23:20,540
>> TOMAS Reimers: ჩვენ მისაღებად
გაერთიანდება სელექციონერები მალე.

560
00:23:20,540 --> 00:23:22,790
>> ALLISON BUCHHOLTZ-AU: Oh,
მივიღებთ, რომ გაერთიანდება სელექციონერები.

561
00:23:22,790 --> 00:23:25,260
TOMAS Reimers: ასე
მაგალითები გვაქვს,

562
00:23:25,260 --> 00:23:29,630
# Dog-- ფუნტი, ან hashtag,
ან ოქტოტორფი, ან რასაც

563
00:23:29,630 --> 00:23:32,050
თქვენ მინდა მოვუწოდო that-- მკვეთრი.

564
00:23:32,050 --> 00:23:34,875
>> ALLISON BUCHHOLTZ-AU: Sharp ძაღლი.

565
00:23:34,875 --> 00:23:36,470
>> TOMAS Reimers: მაშინ თქვენ გაქვთ .pets.

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

567
00:23:39,059 --> 00:23:41,600
რაღაც id ძაღლი,
არსებობს მხოლოდ ერთი ძაღლი გვერდზე.

568
00:23:41,600 --> 00:23:43,870
რაღაც აქვს პირადობის
კატა, არსებობს მხოლოდ ერთი კატა.

569
00:23:43,870 --> 00:23:45,665
შეიძლება ბევრი pets გვერდზე.

570
00:23:45,665 --> 00:23:47,570
სწორედ ამიტომ მივეცით, რომ კლასი.

571
00:23:47,570 --> 00:23:48,740
თქვენ უნდა მაგალითია გვ.

572
00:23:48,740 --> 00:23:50,490
და შემდეგ ასე ერთი
ბოლო მაგალითი, რომელიც

573
00:23:50,490 --> 00:23:53,790
არის რაღაც ჩვენ არ ისაუბრა,
რა ხდება, როდესაც თქვენ დააკავშიროთ მათ.

574
00:23:53,790 --> 00:23:54,580
ასე p.pets.

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

576
00:23:57,510 --> 00:24:02,950
>> ასე რომ, მოდით დავუბრუნდეთ
კოდი და დანერგვა another-- yeah.

577
00:24:02,950 --> 00:24:04,290
ასე რომ, ისევ აქ.

578
00:24:04,290 --> 00:24:04,850
>> ALLISON BUCHHOLTZ-AU: I
გრძნობს, როგორც ეს არის ნამდვილად

579
00:24:04,850 --> 00:24:08,105
მინდა უბრალოდ გადახედეთ მაგალითები
ნამდვილად გზა უნდა ვისწავლოთ ამ.

580
00:24:08,105 --> 00:24:09,360
ისე, რომ ის, რასაც ჩვენ ვაკეთებთ.

581
00:24:09,360 --> 00:24:14,030
>> TOMAS Reimers: მოდით ვითომ ჩვენ
მხოლოდ უნდა აირჩიოთ text 2, არა?

582
00:24:14,030 --> 00:24:16,530
ასე რომ, ჩვენ ნამდვილად არ შეიძლება
გავაკეთოთ, რომ id.

583
00:24:16,530 --> 00:24:19,620
ასევე, ჩვენ შეგვიძლია გავაკეთოთ, რომ ერთად
id, მაგრამ ეს არ უნდა id.

584
00:24:19,620 --> 00:24:22,490
მე ვერ დავამატებთ, მაგრამ მოდით ვიტყვი
რომ მე არ მინდა, რომ დაამატოთ ერთი

585
00:24:22,490 --> 00:24:24,910
ან ეს უკვე რაღაც.

586
00:24:24,910 --> 00:24:26,516
მე არ შემიძლია, რომ ამ.

587
00:24:26,516 --> 00:24:28,870
აქვს ნამდვილად არ არის უნიკალური, არა?

588
00:24:28,870 --> 00:24:30,670
და არც არის კლასი.

589
00:24:30,670 --> 00:24:32,314
მაგრამ თქვენ შეგიძლიათ დააკავშიროთ ეს ყველაფერი.

590
00:24:32,314 --> 00:24:35,230
ვთქვათ, ჩვენ გვინდოდა, რომ რამე
რომელიც ეხება მხოლოდ იმას, რაც

591
00:24:35,230 --> 00:24:39,420
გვაქვს კლასის სპეციალური და
რომელსაც აქვს კლასი საკმაოდ.

592
00:24:39,420 --> 00:24:48,150
>> ასე რომ, რა შეგიძლიათ გააკეთოთ არის main.css,
შეიძლება ითქვას, მოდით პირველ წაშლა.

593
00:24:48,150 --> 00:24:50,240
თქვენ შეგიძლიათ დააკავშიროთ ეს.

594
00:24:50,240 --> 00:24:51,430
ასე რომ თქვენ შეგიძლიათ .special.

595
00:24:51,430 --> 00:24:52,110
არ სივრცეში.

596
00:24:52,110 --> 00:24:54,770
უბრალოდ .special.pretty.

597
00:24:54,770 --> 00:25:00,550
იმას ნიშნავს, რომ რაღაც
რომელიც, როგორც განსაკუთრებული და ლამაზი.

598
00:25:00,550 --> 00:25:01,900
ამჯამად რომ აზრი?

599
00:25:01,900 --> 00:25:04,190
თუ ჩვენ აქ, რა
თქვენ ვაპირებთ,

600
00:25:04,190 --> 00:25:09,734
არის ეს წესი ვრცელდება მხოლოდ
მეორე, რომელსაც აქვს ორივე.

601
00:25:09,734 --> 00:25:11,400
და შეგიძლიათ გააკეთოთ, რომ ბევრი რამ.

602
00:25:11,400 --> 00:25:13,270
თქვენ შეგიძლიათ ვთქვათ მოდით
ვითომ მე მხოლოდ მინდოდა

603
00:25:13,270 --> 00:25:18,300
უნდა გააკეთოს, რასაც აქვს კლასი საკმაოდ
და რომლებიც ასევე პუნქტის აქვს.

604
00:25:18,300 --> 00:25:19,920
ასე p.pretty.

605
00:25:19,920 --> 00:25:23,585
მოდით ვიტყვი, რომ მე მქონდა
რაღაც საკმაოდ on tag ორგანოს.

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

607
00:25:25,850 --> 00:25:28,490
შემიძლია აწარმოებს და მე
ხედავთ, რომ ეს მხოლოდ

608
00:25:28,490 --> 00:25:32,720
აპირებს მიმართოს, რასაც
პუნქტის კლასის საკმაოდ.

609
00:25:32,720 --> 00:25:35,650
და თქვენ შეგიძლიათ დააკავშიროთ ეს,
ძირითადად, როგორც ბევრი როგორც თქვენ გსურთ.

610
00:25:35,650 --> 00:25:38,580
ასე რომ თქვენ შეგიძლიათ განათავსოთ მათ ერთად.

611
00:25:38,580 --> 00:25:39,604
ამჯამად რომ აზრი?

612
00:25:39,604 --> 00:25:41,770
ALLISON BUCHHOLTZ-AU: ასე
ამ სახის უფრო სასარგებლო

613
00:25:41,770 --> 00:25:45,490
როდესაც, Tomas ამბობდა ადრე, შესაძლოა,
თქვენ გაქვთ ძალიან რთული ნახვა,

614
00:25:45,490 --> 00:25:48,050
და თქვენ უკვე გაქვთ ბევრი
ამ წესების დაწერილი,

615
00:25:48,050 --> 00:25:51,170
და თქვენ უბრალოდ უნდა
აერთიანებს ორ წლამდე.

616
00:25:51,170 --> 00:25:55,350
როგორიცაა ნაცვლად წერა მთელი
ახალი selector და შეცვლის, იქ,

617
00:25:55,350 --> 00:25:58,592
თქვენ შეგიძლიათ მხოლოდ დააკავშიროთ
მათ, სადაც იგი ემთხვევა.

618
00:25:58,592 --> 00:26:00,670
>> TOMAS Reimers: ან
შეიძლება იპოვოთ out-- ზოგჯერ

619
00:26:00,670 --> 00:26:04,290
არსებობს ერთი კლასის, რომელიც
რაც შრიფტის ფერი, როგორიცაა ლურჯი,

620
00:26:04,290 --> 00:26:06,740
და არსებობს კიდევ ერთი კლასი, რომელიც
რაც ფონზე ლურჯი.

621
00:26:06,740 --> 00:26:07,840
და რომ უბრალოდ არ იმუშავებს.

622
00:26:07,840 --> 00:26:10,924
ასე წერთ განსაკუთრებული შემთხვევაა, სადაც,
მოსწონს, მაგრამ თუ მას, როგორც ის, რაც თქვენ

623
00:26:10,924 --> 00:26:13,548
ვაპირებ ამის გაკეთებას, თქვენ აპირებს
ეს ერთი ამ აჩრდილმა ლურჯი

624
00:26:13,548 --> 00:26:15,310
და ეს ერთი ეს სხვა აჩრდილმა ლურჯი.

625
00:26:15,310 --> 00:26:15,580
არა?

626
00:26:15,580 --> 00:26:17,955
>> ALLISON BUCHHOLTZ-AU: Good
იმ სახის გამონაკლისი.

627
00:26:17,955 --> 00:26:21,220
TOMAS Reimers: ასე რომ,
ფიქრი პრობლემების

628
00:26:21,220 --> 00:26:25,000
რომლებიც შეიძლება წარმოიშვას, როდესაც თქვენ დააკავშიროთ მათ.

629
00:26:25,000 --> 00:26:27,020
მაგარი.

630
00:26:27,020 --> 00:26:29,692
ასე რომ თავში ჩვენი პრეზენტაცია.

631
00:26:29,692 --> 00:26:31,400
ALLISON BUCHHOLTZ-AU:
ჩვენ თითქმის არ არსებობს.

632
00:26:31,400 --> 00:26:34,022
TOMAS Reimers: ეს
შეჩერდა აკავშირებს.

633
00:26:34,022 --> 00:26:36,494
ALLISON BUCHHOLTZ-AU: ო, არა.

634
00:26:36,494 --> 00:26:39,125
ALLISON BUCHHOLTZ-AU: CS ზე
office, internet მიდის ქვემოთ.

635
00:26:39,125 --> 00:26:40,360
Oh, ირონია.

636
00:26:40,360 --> 00:26:45,620
>> TOMAS Reimers: ასე რომ საბედნიეროდ, ჩვენ შეგვიძლია
წარმოადგინოს გარეშე ინტერნეტით, ვფიქრობ,

637
00:26:45,620 --> 00:26:47,380
იმიტომ, რომ ჩვენ ყველა სლაიდები აქ.

638
00:26:47,380 --> 00:26:49,304
ასე რომ, მოდით ვისაუბროთ
ურთიერთობა tags.

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

640
00:26:50,470 --> 00:26:52,660
ასე რომ მხოლოდ სახის აპირებს
off რა Tomas განაცხადა,

641
00:26:52,660 --> 00:26:54,180
ეს არის კიდევ ერთი გზა ამის გაკეთება.

642
00:26:54,180 --> 00:26:57,840
ასე რომ, ჩვენ გვაქვს მშობელი
არჩევის ბავშვთან ერთად selector.

643
00:26:57,840 --> 00:27:02,815
ასე რომ ამ მაგალითში, ჩვენ გვაქვს
სხეულის კლასის navbar, კლასის ღილაკს.

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

645
00:27:03,315 --> 00:27:03,990
>> TOMAS Reimers: ოჰ, უკაცრავად.

646
00:27:03,990 --> 00:27:06,180
>> ALLISON BUCHHOLTZ-AU: და
ძირითადად, რას ნიშნავს ეს

647
00:27:06,180 --> 00:27:11,070
არის აირჩიეთ ყველა ბავშვები, ისევე როგორც
ყველა ამ სახის სელექციონერები

648
00:27:11,070 --> 00:27:13,040
ამ მშობელი selector.

649
00:27:13,040 --> 00:27:16,004
და ეს არის ერთადერთი პირობა,
ეს ოდესმე აპირებს მიმართოს.

650
00:27:16,004 --> 00:27:17,755
მე არ ვიცი, თუ
აქვს უკეთესი გზა of--

651
00:27:17,755 --> 00:27:19,504
TOMAS Reimers: So I
გამოვიცნოთ გზა ვფიქრობ

652
00:27:19,504 --> 00:27:22,440
ეს არის ის, მახსოვს, ადრე, თუ როგორ
ჩვენ ერთგვარი მოსწონს ისინი ერთად.

653
00:27:22,440 --> 00:27:26,340
და მაშინ ეს იმას ნიშნავს ერთი ელემენტი
რომელიც შეესაბამება ყველა ამ.

654
00:27:26,340 --> 00:27:29,530
რას გვეუბნება ეს არის, მე
გვინდა, რომ თქვენ ემთხვევა ყველაფერი

655
00:27:29,530 --> 00:27:33,220
ფარგლებში some-- მინდა
თქვენ მოძიების selector.

656
00:27:33,220 --> 00:27:35,670
და შემდეგ შიგნით რომ, მინდა
თქვენ ემთხვევა ახალი რამ.

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

658
00:27:36,170 --> 00:27:40,900
ასე რომ, CSS, ეს ყველაფერი ერთგვარი
მიმდინარეობს შეუძლია ემთხვევა ეს საკითხი.

659
00:27:40,900 --> 00:27:43,050
და თქვენ შეგიძლიათ ცდილობენ ემთხვევა
ნივთები ფარგლებში სხვა ნივთები.

660
00:27:43,050 --> 00:27:46,510
>> მოდით რეალურად ამის გაკეთება, მაგალითად,
და ვფიქრობთ, რომ გაერკვია.

661
00:27:46,510 --> 00:27:53,090
მოდით ვითომ ჩვენ გვაქვს სპეციალური,
სპეციალური საკმაოდ, რასაც.

662
00:27:53,090 --> 00:27:55,690
და მაშინ ჩვენ გვაქვს ბმული, OK?

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

664
00:27:59,780 --> 00:28:02,370
ასე მახსოვს, არის ლინკი.

665
00:28:02,370 --> 00:28:03,900
ის არ აპირებს არსად.

666
00:28:03,900 --> 00:28:11,500
და ჩვენ ვაპირებთ, რათა ეს
კლასი ბმული, ვფიქრობ.

667
00:28:11,500 --> 00:28:13,335
მოდით მივცეთ მას
class-- მომეცი იდეა.

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-- მოდით
წასვლა კლასი საკმაოდ.

670
00:28:16,420 --> 00:28:16,930
რატომ არა?

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

672
00:28:17,971 --> 00:28:23,040
TOMAS Reimers: ასე
ახლა საკმაოდ რამ

673
00:28:23,040 --> 00:28:26,000
ვაპირებთ ფონზე
ლურჯი, ფერის ორაგული.

674
00:28:26,000 --> 00:28:27,969
ეს აზრი.

675
00:28:27,969 --> 00:28:28,760
და თუ ჩვენ ამის გაკეთება

676
00:28:28,760 --> 00:28:29,620
>> ALLISON BUCHHOLTZ-AU:
გინდათ დაამატოთ ტექსტი

677
00:28:29,620 --> 00:28:31,078
ასე ჰიპერბმულის რეალურად გვიჩვენებს up?

678
00:28:31,078 --> 00:28:35,088
TOMAS Reimers: ეს
იქნება კარგი ზარი.

679
00:28:35,088 --> 00:28:37,921
ALLISON BUCHHOLTZ-AU: 'Cause უფლება
ახლა ჩვენ უბრალოდ კარგად არაფერი.

680
00:28:37,921 --> 00:28:39,690
TOMAS Reimers: ასე რომ, ეს არის ლინკი.

681
00:28:39,690 --> 00:28:42,202
"ეს არის ბმული".

682
00:28:42,202 --> 00:28:45,820
Oh, და ამ აპირებს
კიდევ ერთი რგოლი.

683
00:28:45,820 --> 00:28:47,280
მოდით მივცეთ მას კლასი "მაგარი".

684
00:28:47,280 --> 00:28:50,295
თქვენ უფლება.

685
00:28:50,295 --> 00:28:50,795
მაგარი.

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

687
00:28:53,590 --> 00:28:56,010
ასე რომ, ახლა ჩვენ ვაპირებთ, რომ აითვისებდა.

688
00:28:56,010 --> 00:28:57,269
ჩვენ ვაპირებთ, რომ იმისათვის, რომ ერთი.

689
00:28:57,269 --> 00:28:59,060
ჩვენ გვაქვს ერთი
სპეციალური tag, და ჩვენ ასევე

690
00:28:59,060 --> 00:29:01,150
ვაპირებთ აქვს ერთი საკმაოდ აქვს.

691
00:29:01,150 --> 00:29:05,449
და ახლა რა ჩვენ ვაპირებთ
რომ არის ჩვენ ვაპირებთ, რათა cool--

692
00:29:05,449 --> 00:29:06,490
რა გვინდა ამის გაკეთება?

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

694
00:29:10,347 --> 00:29:12,180
ALLISON BUCHHOLTZ-AU:
შეგვიძლია ეს უფრო დიდი?

695
00:29:12,180 --> 00:29:13,800
TOMAS Reimers: მოდით მივცეთ მას საზღვარი.

696
00:29:13,800 --> 00:29:14,840
ALLISON BUCHHOLTZ-AU: ჩვენ შეგვეძლო ესაზღვრება.

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

698
00:29:15,673 --> 00:29:18,560
ამიტომ, ჩვენ ვაპირებთ, რომ რამე
როგორიცაა, საზღვრის is-- და ჩვენ

699
00:29:18,560 --> 00:29:20,971
ვაპირებ ახსნას ეს ყველაფერი მეორე.

700
00:29:20,971 --> 00:29:21,470
ამისთვის ახლა

701
00:29:21,470 --> 00:29:24,592
>> ALLISON BUCHHOLTZ-AU: ყუთი მოდელი.

702
00:29:24,592 --> 00:29:27,300
TOMAS Reimers: მაგრამ ახლა, ჩვენ
უბრალოდ აპირებს იგი საზღვარი.

703
00:29:27,300 --> 00:29:29,580
ასე იმას ნიშნავს, რომ თქვენ
აპირებს ვხედავ, რომ ეს კავშირები.

704
00:29:29,580 --> 00:29:32,788
და თქვენ ვაპირებთ, რომ მათ აქვთ
ეს, ისევე, მახინჯი შავი საზღვრები

705
00:29:32,788 --> 00:29:33,820
არის მაგარი.

706
00:29:33,820 --> 00:29:34,500
>> ALLISON BUCHHOLTZ-AU:
ჩვენი საიტი ასე ნამდვილად.

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

708
00:29:35,333 --> 00:29:38,930
ჩვენი საიტი არის რა.

709
00:29:38,930 --> 00:29:41,585
ისე ამ ორ კავშირები, და ისინი გამოჩნდება.

710
00:29:41,585 --> 00:29:44,160
ახლა მოდით ვიტყვი
მხოლოდ მინდოდა ამის გაკეთება

711
00:29:44,160 --> 00:29:50,072
თუ ეს არ შედიოდა რაღაც
რომელსაც ფონზე ორაგული.

712
00:29:50,072 --> 00:29:52,280
ასე მახსოვს, რომ ამ ერთი
აქვს ფონზე ორაგული,

713
00:29:52,280 --> 00:29:54,000
იმიტომ, რომ ეს კლასი საკმაოდ.

714
00:29:54,000 --> 00:29:59,777
>> მაგრამ ჩვენ გვინდა, რომ მხოლოდ ენერგია კლებულობს
რომლებიც კლასში განსაკუთრებული, არ კლასში

715
00:29:59,777 --> 00:30:02,890
საკმაოდ, უნდა ჰქონდეს, რომ საზღვარზე.

716
00:30:02,890 --> 00:30:12,549
ისე, თუ რა შეგიძლიათ გააკეთოთ
შეიძლება ითქვას, .special, სივრცე, .cool.

717
00:30:12,549 --> 00:30:15,590
და რა რომ აკეთებს, როდესაც ფიქრობთ
ამის შესახებ, არის ის, ძირითადად ამბობდა,

718
00:30:15,590 --> 00:30:19,530
OK, იპოვოს ჩემთვის ყველაფერი
რომ შეესაბამება განსაკუთრებული.

719
00:30:19,530 --> 00:30:24,104
მაშინ ფარგლებში იმ tags, იპოვოს
ჩემთვის ყველაფერი, რაც ზემოთ.

720
00:30:24,104 --> 00:30:27,270
ALLISON BUCHHOLTZ-AU: ასე რომ სხვა გზა
რომ კარგი იქნებოდა ფიქრი ამ,

721
00:30:27,270 --> 00:30:29,810
შემოტანა მას თავში C,
ისევე, როგორც იდეა ფარგლებს.

722
00:30:29,810 --> 00:30:34,020
ასე რომ, როდესაც თქვენ გაქვთ გარკვეული
selector, ისევე როგორც პირობა

723
00:30:34,020 --> 00:30:38,460
რომ ჩვენ უკვე მუშაობა ადრე,
თქვენი მთელი ვებ გვერდზე, ყველა თქვენი HTML

724
00:30:38,460 --> 00:30:40,180
არის თქვენი ფარგლებს, არა?

725
00:30:40,180 --> 00:30:43,090
მაგრამ როდესაც ჩვენ გვაქვს ეს
მშობლისა და შვილის ურთიერთობის,

726
00:30:43,090 --> 00:30:47,130
თითქოს თქვენ შევიწროება ქვემოთ, სადაც
თქვენ ეძებთ კონკრეტული ადგილი,

727
00:30:47,130 --> 00:30:50,540
თითქოს, როგორიცაა, ჩვენ ვეძებთ ფარგლებში
კონკრეტული ფუნქცია ნაცვლად

728
00:30:50,540 --> 00:30:52,007
ჩვენი მთელი ფაილი.

729
00:30:52,007 --> 00:30:55,090
აუდიტორია: ასე, რომ გონება, რომ
ეს იქნებოდა მნიშვნელოვანი, თუ ჩვენ გვქონდა changed--

730
00:30:55,090 --> 00:30:56,423
ALLISON BUCHHOLTZ-AU: ბრძანება?

731
00:30:56,423 --> 00:30:59,320
აუდიტორია: --the კლასის CSS
to .cool, სივრცე, .special?

732
00:30:59,320 --> 00:31:01,153
ALLISON BUCHHOLTZ-AU:
დიახ, იმიტომ, რომ მაშინ

733
00:31:01,153 --> 00:31:04,420
ვიტყოდი, ფარგლებს მას
ყველაფერი, რაც აქვს მაგარი,

734
00:31:04,420 --> 00:31:07,235
და შემდეგ შეხედეთ რა has--
ვგულისხმობ, როგორიც, ამ შემთხვევაში,

735
00:31:07,235 --> 00:31:08,860
მე არ ვფიქრობ, რომ შეიცვალა მას.

736
00:31:08,860 --> 00:31:10,318
>> TOMAS Reimers: თუ ჩვენ ვთქვით, რა?

737
00:31:10,318 --> 00:31:10,906
უკაცრავად.

738
00:31:10,906 --> 00:31:12,660
>> ALLISON BUCHHOLTZ-AU: თუ ჩვენ
ფარგლებში გაგრილებას და შემდეგ

739
00:31:12,660 --> 00:31:14,550
ვეძებთ რამ out სპეციალური,
ეს იქნება იგივე, რეალურად.

740
00:31:14,550 --> 00:31:16,260
>> TOMAS Reimers: ასე რომ არ იყოს.

741
00:31:16,260 --> 00:31:16,590
>> ALLISON BUCHHOLTZ-AU: ეს არა?

742
00:31:16,590 --> 00:31:17,590
ოჰ, რა კარგად.

743
00:31:17,590 --> 00:31:18,090
მე ვარ არასწორი.

744
00:31:18,090 --> 00:31:21,480
>> TOMAS Reimers: So მიზეზი
ეს different-- საერთო mistake--

745
00:31:21,480 --> 00:31:27,140
ის არის, რომ ახლა მხოლოდ
ბმული აქვს მაგარი, არა?

746
00:31:27,140 --> 00:31:32,176
ვფიქრობ, ჩემი შეკითხვა, ბიჭები,
რა ამ გვერდზე არის შესაბამისი .cool?

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

748
00:31:35,984 --> 00:31:38,340
არსებობს ორი tags აქ, არა?

749
00:31:38,340 --> 00:31:39,770
რომელიც ამ ერთი და ეს ერთი.

750
00:31:39,770 --> 00:31:40,590
ორივე ემთხვევა ზემოთ.

751
00:31:40,590 --> 00:31:42,200
სხვა არაფერი აქვს.

752
00:31:42,200 --> 00:31:46,460
ასე რომ, თუ თქვენ თქვით, .cool, სივრცე,
.special, რაც თქვენ ვაპირებთ ვთქვა, არის,

753
00:31:46,460 --> 00:31:48,824
ფარგლებში ამ tags, რა არის განსაკუთრებული?

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

755
00:31:49,865 --> 00:31:51,800
რომ ის, რაც it-- უფლება.

756
00:31:51,800 --> 00:31:52,310
იმიტომ, რომ ეს, უბრალოდ რაღაც აქ.

757
00:31:52,310 --> 00:31:53,310
>> TOMAS Reimers: ასე ირჩევს არაფერი.

758
00:31:53,310 --> 00:31:56,530
>> ALLISON BUCHHOLTZ-AU: ვინაიდან
სპეციალური, ჩვენ ფარგლებში ამ tags აქ.

759
00:31:56,530 --> 00:31:57,971
>> TOMAS Reimers: ისინი, და იმ.

760
00:31:57,971 --> 00:31:58,512
აუდიტორია: OK.

761
00:31:58,512 --> 00:31:58,920
ასე რომ, იმ tags საწყისი ნაბიჯია slash?

762
00:31:58,920 --> 00:31:59,740
>> TOMAS Reimers: დიახ.

763
00:31:59,740 --> 00:32:01,150
ამჯამად რომ აზრი?

764
00:32:01,150 --> 00:32:03,685
როგორ ეს, ძირითადად,
ცდილობს ვიწრო ფარგლებს.

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

766
00:32:04,810 --> 00:32:06,870
მე ვფიქრობ, რომ, ალბათ,
იოლი გზა ვიფიქროთ ამაზე.

767
00:32:06,870 --> 00:32:09,270
>> TOMAS Reimers: ასე აღმოვაჩინეთ ეს, და
ჩვენ ვნახეთ ამ ორივე შესაბამისი განსაკუთრებული.

768
00:32:09,270 --> 00:32:11,400
და მაშინ ჩვენ ეკითხება ფარგლებში
ეს ბიჭები, რა არის მაგარი?

769
00:32:11,400 --> 00:32:12,941
და ამ ერთი, ეს ერთი მაგარი.

770
00:32:12,941 --> 00:32:14,500
ამ ერთი, არაფერი მაგარი.

771
00:32:14,500 --> 00:32:16,250
ასე რომ ეს არის მხოლოდ tag რომ რჩება.

772
00:32:16,250 --> 00:32:20,112
>> ALLISON BUCHHOLTZ-AU: ვინაიდან cool
არის მხოლოდ ფარგლებში ამ tags არსებობს.

773
00:32:20,112 --> 00:32:21,070
TOMAS Reimers: ზუსტად.

774
00:32:21,070 --> 00:32:22,403
და რა არის განსაკუთრებული იმ ფარგლებში?

775
00:32:22,403 --> 00:32:22,930
არაფერი.

776
00:32:22,930 --> 00:32:25,270
ახლა, რა მინდა ვთქვა, ის არის,
თუ არ იყო სივრცეში,

777
00:32:25,270 --> 00:32:29,880
თქვენ გეკითხებით, რა მაგარი და special--
ან რა არის ლამაზი და სპეციალური, არა?

778
00:32:29,880 --> 00:32:35,370
თუ ამბობენ, .special.pretty, რომ
იგივე, რაც .pretty.special.

779
00:32:35,370 --> 00:32:39,220
>> რადგან ის, რაც მოხსნის სივრცე
გეკითხებით არის, როცა ამბობენ, რომ .special,

780
00:32:39,220 --> 00:32:40,970
თქვენ გეკითხებით, OK,
რაც პირობა არის განსაკუთრებული?

781
00:32:40,970 --> 00:32:43,780
და მერე იმ, რომელიც
პირობა ასევე საკმაოდ,

782
00:32:43,780 --> 00:32:47,010
რომელიც არის იგივე, გრამატიკულად,
როგორც ეკითხება, რა ლამაზია,

783
00:32:47,010 --> 00:32:49,500
და შემდეგ მათ, რა არის ასევე განსაკუთრებული?

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

785
00:32:50,000 --> 00:32:53,099
ეს განსხვავება
რა არის შიგნით რა არის.

786
00:32:53,099 --> 00:32:53,640
აუდიტორია: OK.

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

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

789
00:32:56,670 --> 00:32:58,030
გასაოცარია.

790
00:32:58,030 --> 00:33:00,426
ასე, რომ გონება შემდეგ კი

791
00:33:00,426 --> 00:33:01,800
>> ALLISON BUCHHOLTZ-AU: მე ვფიქრობ, რომ ჩვენი ბოლო
ის არის (ლამაზი ბრიტანული აქცენტით)

792
00:33:01,800 --> 00:33:02,510
ყუთი მოდელი.

793
00:33:02,510 --> 00:33:05,992
>> TOMAS Reimers: ყუთში [Chuckles]
მე მიყვარს გზა Allison ამბობს, რომ.

794
00:33:05,992 --> 00:33:06,950
ასე ყუთი მოდელი რამ.

795
00:33:06,950 --> 00:33:09,644
>> ALLISON BUCHHOLTZ-AU: Just აქვს
ყუთი, მე ვიქნები თქვენი ყუთი მოდელი.

796
00:33:09,644 --> 00:33:11,310
TOMAS Reimers: მოდით ვისაუბროთ, რომ.

797
00:33:11,310 --> 00:33:14,070
ასე რომ, ახლა ჩვენ გაატარა ბევრი
დრო ვსაუბრობთ სელექციონერები.

798
00:33:14,070 --> 00:33:16,944
ახლა, თქვენ ბიჭები არიან ალბათ, ისევე,
ოსტატები selectors-- თქვენ იცით,

799
00:33:16,944 --> 00:33:21,510
როგორ ზუსტად შეარჩიოს შინაარსი,
გსურთ მანიპულირება თქვენს ეკრანზე.

800
00:33:21,510 --> 00:33:24,740
>> ახლა კითხვა არის, თუ როგორ
ზუსტად შეგიძლიათ მანიპულირება?

801
00:33:24,740 --> 00:33:27,010
ამიტომ ვფიქრობ, ძირითადი
გზა ვიფიქროთ, რომ

802
00:33:27,010 --> 00:33:30,294
არის, ასევე, რა
ელემენტს CSS?

803
00:33:30,294 --> 00:33:32,585
ჩვენ გაატარა ბევრი დრო
საუბარი, რა არის tag,

804
00:33:32,585 --> 00:33:36,140
ან რა არის ყველაზე ძირითადი
წარმომადგენლობა აქვს?

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

806
00:33:39,870 --> 00:33:45,170
>> კარგი გზა ვიფიქროთ
რომ არის, თუ რა ფორმის არის ორაგული?

807
00:33:45,170 --> 00:33:47,295
რა ფორმის არის, ისევე,
ორაგული ფერის ფონზე?

808
00:33:47,295 --> 00:33:47,880
>> აუდიტორია: ეს მართკუთხედი.

809
00:33:47,880 --> 00:33:49,040
>> TOMAS Reimers: ეს მართკუთხედი, არა?

810
00:33:49,040 --> 00:33:50,956
>> ALLISON BUCHHOLTZ-AU:
იყო არ შეასრულა კითხვაზე.

811
00:33:50,956 --> 00:33:51,870
[სიცილი]

812
00:33:51,870 --> 00:33:54,670
>> TOMAS Reimers: არ ცდილობს
Trick თქვენ ბიჭები გვიან.

813
00:33:54,670 --> 00:33:57,510
ასე რომ, ჩვენ გვაქვს ეს მართკუთხედი.

814
00:33:57,510 --> 00:33:59,140
და tag არის p, არა?

815
00:33:59,140 --> 00:34:02,280
ასე რომ გვაძლევს კარგი
რწმენა იმისა, რომ პირველი პუნქტის

816
00:34:02,280 --> 00:34:07,440
წარმოდგენილია, როგორც ოთხკუთხედი, at
მაინც გონება ბრაუზერი, რომელიც

817
00:34:07,440 --> 00:34:08,715
ეს არის.

818
00:34:08,715 --> 00:34:11,423
>> ALLISON BUCHHOLTZ-AU: მე ვგულისხმობ,
ბრაუზერები, როგორც წესი, მართკუთხა,

819
00:34:11,423 --> 00:34:13,440
ასე რომ აზრი.

820
00:34:13,440 --> 00:34:18,750
>> TOMAS Reimers: იდეა აქ არის
რომ ყველა tags ფარგლებში CSS

821
00:34:18,750 --> 00:34:21,790
წარმოდგენილია, როგორც მართკუთხედი.

822
00:34:21,790 --> 00:34:25,699
და ყოველ მართკუთხედი ოთხი
ნაწილები მიხედვით CSS, OK?

823
00:34:25,699 --> 00:34:27,830
თქვენ გაქვთ რეალური შინაარსი.

824
00:34:27,830 --> 00:34:29,644
რომ ის, სადაც ტექსტი დევს.

825
00:34:29,644 --> 00:34:30,470
>> ALLISON BUCHHOLTZ-AU:
იქნებ თქვენი სურათი.

826
00:34:30,470 --> 00:34:31,303
>> TOMAS Reimers: ჰო.

827
00:34:31,303 --> 00:34:33,860
თქვენ უნდა padding, რომელიც
უბრალოდ რაიმე სახის თეთრი სივრცე.

828
00:34:33,860 --> 00:34:35,085
მაშინ თქვენ გაქვთ საზღვარზე.

829
00:34:35,085 --> 00:34:37,710
და მაშინ აქვს ზღვარი, რომელიც
თეთრი სივრცეში გარეთ რომ.

830
00:34:37,710 --> 00:34:39,460
ასე რომ აზრი არა აქვს
არავის, ასე რომ ჩვენ

831
00:34:39,460 --> 00:34:42,500
ვაპირებთ ვისაუბროთ, რომ მეორე.

832
00:34:42,500 --> 00:34:47,570
ასე რომ სწორედ აქ, რასაც ჩვენ ვაპირებთ, რომ
ჩვენ ვაპირებთ, რომ შევქმნათ რაღაც divs, OK?

833
00:34:47,570 --> 00:34:48,420
მაპატიეთ, ხოლო I--

834
00:34:48,420 --> 00:34:51,506
>> ALLISON BUCHHOLTZ-AU: ვგრძნობ,
ჩვენ უნდა დააყენოს cute სურათი.

835
00:34:51,506 --> 00:34:52,520
>> TOMAS Reimers: ჩვენ აუცილებლად უნდა.

836
00:34:52,520 --> 00:34:53,389
>> ALLISON BUCHHOLTZ-AU:
მე ვგრძნობ, რომ ყველას

837
00:34:53,389 --> 00:34:54,870
შეიძლება ისარგებლოს
cute სურათი, არის ყველა.

838
00:34:54,870 --> 00:34:56,774
>> TOMAS Reimers: შეგვიძლია
ყველა სარგებელს a--

839
00:34:56,774 --> 00:34:57,648
>> აუდიტორია: Yeah, რა თქმა უნდა.

840
00:34:57,648 --> 00:34:58,790
TOMAS Reimers: OK, მაგარი.

841
00:34:58,790 --> 00:35:02,254
ასე რომ, ჩვენ უნდა დააყენოს მიმზიდველი
სურათი სადღაც.

842
00:35:02,254 --> 00:35:05,295
ALLISON BUCHHOLTZ-AU: ვგრძნობ,
cute bunny შეიძლება იყოს სასარგებლო ახლავე.

843
00:35:05,295 --> 00:35:06,190
TOMAS Reimers: რა თქმა უნდა.

844
00:35:06,190 --> 00:35:06,950
ALLISON BUCHHOLTZ-AU: End კვირაში.

845
00:35:06,950 --> 00:35:07,390
გაქვთ რაიმე adorab--

846
00:35:07,390 --> 00:35:08,520
>> TOMAS Reimers: როგორ bout kitten?

847
00:35:08,520 --> 00:35:09,220
>> ALLISON BUCHHOLTZ-AU:
Kitten მუშაობს, ძალიან.

848
00:35:09,220 --> 00:35:11,300
>> TOMAS Reimers: ზემოთ, რადგან
არსებობს საიტი, რომ.

849
00:35:11,300 --> 00:35:12,300
ეს ე.წ. PlaceKitten.

850
00:35:12,300 --> 00:35:14,719
ALLISON BUCHHOLTZ-AU: ეს არის დიდი.

851
00:35:14,719 --> 00:35:15,510
TOMAS Reimers: დიახ.

852
00:35:15,510 --> 00:35:18,040
ALLISON BUCHHOLTZ-AU: Just, ისევე,
placeholder images თქვენს საიტზე.

853
00:35:18,040 --> 00:35:18,914
TOMAS Reimers: Mm-hm.

854
00:35:18,914 --> 00:35:21,520
არსებობს ასევე PlacePuppy.

855
00:35:21,520 --> 00:35:22,832
და იქ PlaceBacon.

856
00:35:22,832 --> 00:35:24,340
>> ALLISON BUCHHOLTZ-AU: PlaceBacon?

857
00:35:24,340 --> 00:35:25,350
ნამდვილად?

858
00:35:25,350 --> 00:35:28,190
>> TOMAS Reimers: Oh, ჩვენ არ
აქვს ინტერნეტი აქ.

859
00:35:28,190 --> 00:35:29,875
>> ALLISON BUCHHOLTZ-AU: [ოხვრის]

860
00:35:29,875 --> 00:35:30,375
ტრაგიკული.

861
00:35:30,375 --> 00:35:32,333
TOMAS Reimers: წინააღმდეგ შემთხვევაში,
მინდა გაჩვენოთ ბიჭები

862
00:35:32,333 --> 00:35:33,870
როგორ უნდა დააყენოს images თქვენს საიტზე.

863
00:35:33,870 --> 00:35:36,370
ჩვენ ვაპირებთ, რომ ცდილობენ ეს
სამუშაო, სანამ ჩვენ უნდა წავიდეთ.

864
00:35:36,370 --> 00:35:38,660
მაგრამ ახლა, ჩვენ მხოლოდ
ვაპირებთ, რომ გაიგო ფერები შემდეგ.

865
00:35:38,660 --> 00:35:39,820
ჩვენ გვინდა, რომ დააყენოს სურათები kittens--

866
00:35:39,820 --> 00:35:40,210
>> ALLISON BUCHHOLTZ-AU: ჩვენ გავაკეთეთ.

867
00:35:40,210 --> 00:35:43,110
>> TOMAS Reimers: --the ინტერნეტში
ქვემოთ მოცემულ მომენტში მიმდინარეობს.

868
00:35:43,110 --> 00:35:47,820
ასე რომ, ჩვენ გვაქვს ორი divs და ჩვენ
აპირებს მათ ორი პირადობის მოწმობა.

869
00:35:47,820 --> 00:35:51,380

870
00:35:51,380 --> 00:35:56,760
ჩვენ ვაპირებთ ეძახით
"პირველი" და "მეორე".

871
00:35:56,760 --> 00:36:01,184
ასე id = "პირველი".

872
00:36:01,184 --> 00:36:02,850
და ჩვენ ვაპირებთ, რათა მათ ორი ფერის.

873
00:36:02,850 --> 00:36:08,424
ასე როგორ უნდა აირჩიოთ ის,
რომელზეც id "პირველი"?

874
00:36:08,424 --> 00:36:09,840
ALLISON BUCHHOLTZ-AU: Dot ან hash?

875
00:36:09,840 --> 00:36:10,730
აუდიტორია: Sharp.

876
00:36:10,730 --> 00:36:12,940
TOMAS Reimers: Sharp, სრულყოფილი.

877
00:36:12,940 --> 00:36:14,950
მკვეთრი, hash, რასაც we--

878
00:36:14,950 --> 00:36:15,680
>> ALLISON BUCHHOLTZ-AU:
ბევრი რამ ეძახით.

879
00:36:15,680 --> 00:36:16,430
>> TOMAS Reimers: OK.

880
00:36:16,430 --> 00:36:19,800
ჩვენ ვაპირებთ, რომ მოაგვაროს hashtag, და
ეს არის ის, რასაც ჩვენ ვაპირებთ წავიდეთ ერთად.

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: So hashtag პირველი.

884
00:36:22,340 --> 00:36:24,506
>> ALLISON BUCHHOLTZ-AU: ასე
თქვენ შეგიძლიათ tweet seminar--

885
00:36:24,506 --> 00:36:27,582
hashtag CSS, hashtag cool.

886
00:36:27,582 --> 00:36:29,040
TOMAS Reimers: Hashtag Awesomeness.

887
00:36:29,040 --> 00:36:30,730
ALLISON BUCHHOLTZ-AU:
Hashtag Awesomeness, დიახ.

888
00:36:30,730 --> 00:36:31,480
TOMAS Reimers: OK.

889
00:36:31,480 --> 00:36:33,660
ამიტომ ჩვენ უნდა "პირველი" და "მეორე".

890
00:36:33,660 --> 00:36:37,697
ასე რომ, პირველი, ჩვენ ვაპირებთ აქვს
ფონის ფერი წითელი.

891
00:36:37,697 --> 00:36:39,030
ALLISON BUCHHOLTZ-AU: Uh, მსხვილი ნაწლავის.

892
00:36:39,030 --> 00:36:40,281
TOMAS Reimers: Yup.

893
00:36:40,281 --> 00:36:42,281
ALLISON BUCHHOLTZ-AU:
მე ვიქნები თქვენი ადგილზე შემოწმება.

894
00:36:42,281 --> 00:36:43,960
TOMAS Reimers: Allison მიიღო ჩემთვის.

895
00:36:43,960 --> 00:36:45,830
ფონის ფერი 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: დიახ.

899
00:36:48,830 --> 00:36:50,630
Purple არის ჩემი საყვარელი ფერი,
და ჩვენ არ გამოიყენება იგი ამჟამად.

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
რომელიც მუშაობს.

903
00:36:53,860 --> 00:36:56,482

904
00:36:56,482 --> 00:36:59,880
>> TOMAS Reimers: ასე რომ, ჩვენ
გვექნება ორი divs.

905
00:36:59,880 --> 00:37:01,654
ისინი იქნება სრულიად ცარიელი.

906
00:37:01,654 --> 00:37:03,070
ჩვენ უნდა ალბათ რაღაც ტექსტი.

907
00:37:03,070 --> 00:37:05,580

908
00:37:05,580 --> 00:37:09,815
ასე რომ, "პირველი" იქნება "HELLO".

909
00:37:09,815 --> 00:37:10,940
და "მეორე" იტყვის

910
00:37:10,940 --> 00:37:11,110
>> ALLISON BUCHHOLTZ-AU: Goodbye.

911
00:37:11,110 --> 00:37:12,514
>> აუდიტორია: - "მსოფლიო".

912
00:37:12,514 --> 00:37:14,122
Hello, Goodbye.

913
00:37:14,122 --> 00:37:16,580
ALLISON BUCHHOLTZ-AU: დავინახე,
მათ კონცერტი სხვა კვირაში.

914
00:37:16,580 --> 00:37:17,705
TOMAS Reimers: The Beatles?

915
00:37:17,705 --> 00:37:20,242
ALLISON BUCHHOLTZ-AU: For reals.

916
00:37:20,242 --> 00:37:21,200
ისინი დიდი არ არის.

917
00:37:21,200 --> 00:37:24,084

918
00:37:24,084 --> 00:37:24,750
მე არ მომწონს.

919
00:37:24,750 --> 00:37:26,060
>> TOMAS Reimers: ჩვენ არ გვაქვს
"გამარჯობა" და "მშვიდობით".

920
00:37:26,060 --> 00:37:29,102
და ისევ, CSS უბრალოდ გასაოცარია,
რადგან იგი აღიარებს ჩვენი ფერები.

921
00:37:29,102 --> 00:37:30,810
არ უნდა კი
შიშობენ, რომ ისინი არსებობენ.

922
00:37:30,810 --> 00:37:33,194
ისინი.

923
00:37:33,194 --> 00:37:35,130
>> ALLISON BUCHHOLTZ-AU: ისინი არსებობენ.

924
00:37:35,130 --> 00:37:39,560
>> TOMAS Reimers: So CSS ვფიქრობ აქვს
255 სიტყვა ვისაუბროთ ფერი.

925
00:37:39,560 --> 00:37:42,986
თუ თქვენ ფიქრობთ, რომ ფერი გარეთ
იმ 255, მინდა, მე შთაბეჭდილება მოახდინა.

926
00:37:42,986 --> 00:37:44,110
ALLISON BUCHHOLTZ-AU: ჰო.

927
00:37:44,110 --> 00:37:45,560
მე ვფიქრობ, თქვენ ბიჭები შეიძლება ჰქონდეს
უბრალოდ მოდის შემდეგ.

928
00:37:45,560 --> 00:37:47,727
>> TOMAS Reimers: ასე რომ, აქ,
დაინახავთ, რომ ჩვენ გვაქვს ორი ყუთი

929
00:37:47,727 --> 00:37:49,143
უფლება თავზე ერთმანეთს, არა?

930
00:37:49,143 --> 00:37:50,200
HELLO და Goodbye.

931
00:37:50,200 --> 00:37:51,460
>> ALLISON BUCHHOLTZ-AU:
არ სივრცეში შორის.

932
00:37:51,460 --> 00:37:53,390
ისინი უბრალოდ smooshed
უფლება თავზე ერთმანეთს.

933
00:37:53,390 --> 00:37:55,973
>> TOMAS Reimers: ასე რომ, პირველ რიგში,
ვფიქრობ, ჩვენ უნდა ვისაუბროთ

934
00:37:55,973 --> 00:38:02,960
არის, მოდით ასევე ვთქვა, yeah.

935
00:38:02,960 --> 00:38:08,020
ასე CSS წარმოადგენს მათ ერთგვარი ყუთები.

936
00:38:08,020 --> 00:38:10,100
და ყუთები, მათ აქვთ შინაარსი.

937
00:38:10,100 --> 00:38:14,540
და შინაარსი ახლა არის ერთგვარი
HELLO ან GOODBYE და მორჩა.

938
00:38:14,540 --> 00:38:15,040
OK?

939
00:38:15,040 --> 00:38:19,790
>> ასე რომ, ერთი პირველი რამ,
შეგიძლიათ გააკეთოთ შეგიძლიათ დაამატოთ padding.

940
00:38:19,790 --> 00:38:25,610
Padding ამბობს, რამდენი ადგილი
მას უნდა დატოვონ თითოეულ მხარეს.

941
00:38:25,610 --> 00:38:29,200
ასე ვთქვათ, მე მინდა ვთქვა,
10 პიქსელი თითოეულ მხარეს.

942
00:38:29,200 --> 00:38:31,234
და მე გაკვეთა, რომ მეორე.

943
00:38:31,234 --> 00:38:33,150
ALLISON BUCHHOLTZ-AU:
ყველა ამ საკითხზე აქ

944
00:38:33,150 --> 00:38:36,980
ვაპირებთ იყოს ძირითადად pixels
დანარჩენი სემინარს.

945
00:38:36,980 --> 00:38:40,980
თქვენ აპირებს, რომ მას აქვს
ზოგიერთი სივრცის გარშემო, არა?

946
00:38:40,980 --> 00:38:46,360
ასე რომ თქვენ ვერ ვხედავ აქ არის იქ
ამ უხილავი სახის padding

947
00:38:46,360 --> 00:38:49,600
თითოეულ მხარეს, რომელიც ამბობს, ისევე,
OK, თქვენ უნდა თქვენი ყუთი content--

948
00:38:49,600 --> 00:38:51,680
>> ALLISON BUCHHOLTZ-AU: გსურთ
უბრალოდ დახევის up შეამოწმოს ელემენტს?

949
00:38:51,680 --> 00:38:53,659
>> TOMAS Reimers: ჰო, კარგი იდეა.

950
00:38:53,659 --> 00:38:56,700
ALLISON BUCHHOLTZ-AU: გარდა ამისა, მე
რომ შეამოწმოს ელემენტს არის კარგი გზა

951
00:38:56,700 --> 00:39:01,280
გაერკვნენ, თუ რაღაც აპირებს
არასწორია, თუ რაიმე მოულოდნელი ხდება,

952
00:39:01,280 --> 00:39:04,570
შემოწმების tags და ხედავს, თუ რა
ეს იგივეა, ინსტალერის არის გამოსადეგი.

953
00:39:04,570 --> 00:39:05,940
>> TOMAS Reimers: ასე რომ მე არ ვარ დარწმუნებული
თუ ბიჭები, რომ ეს ფერი.

954
00:39:05,940 --> 00:39:06,470
შეგიძლიათ?

955
00:39:06,470 --> 00:39:10,120
დაინახავთ ამ padding
ერთგვარი ზღვარი.

956
00:39:10,120 --> 00:39:13,410
და მაშინ ვხედავ რეალურ
content ლურჯი, არა?

957
00:39:13,410 --> 00:39:16,820
ასე რომ, ძალიან
საფუძვლები ყუთი მოდელი.

958
00:39:16,820 --> 00:39:17,674
თქვენ გაქვთ შინაარსი.

959
00:39:17,674 --> 00:39:18,590
მაშინ თქვენ უნდა padding.

960
00:39:18,590 --> 00:39:20,440
>> აუდიტორია: რატომ არ მხოლოდ
გამოყენება ყუთი შიგნით the--

961
00:39:20,440 --> 00:39:21,606
>> ALLISON BUCHHOLTZ-AU: Right.

962
00:39:21,606 --> 00:39:24,745
იმიტომ, რომ ეს მხოლოდ შერჩევის
ელემენტს ახლავე.

963
00:39:24,745 --> 00:39:26,050
>> TOMAS Reimers: Yup.

964
00:39:26,050 --> 00:39:27,060
სხვა რამ.

965
00:39:27,060 --> 00:39:29,780
ასე რომ, მოდით, ვისაუბროთ, რომ
padding ბრძანება მეორე.

966
00:39:29,780 --> 00:39:36,380
ასე რომ, CSS, გაზომვები
უნდა ერთეული.

967
00:39:36,380 --> 00:39:39,740
ასე რომ, პირველი თქვენ გაქვთ თანხა.

968
00:39:39,740 --> 00:39:41,460
ასე რომ, ამ შემთხვევაში, ჩვენ განაცხადა 10.

969
00:39:41,460 --> 00:39:44,780
და შემდეგ მომდევნო ერთი
ჩვენ ვთქვით, რომ პიქსელი, px.

970
00:39:44,780 --> 00:39:49,160
სხვა პირობა ალბათ არიან
რამ, როგორიცაა სანტიმეტრი, დუიმი.

971
00:39:49,160 --> 00:39:51,367
შეგიძლიათ გააკეთოთ რამ, როგორიცაა,
რა არის 10 inches?

972
00:39:51,367 --> 00:39:52,700
და ეს იქნება სასაცილოა.

973
00:39:52,700 --> 00:39:52,990
>> ALLISON BUCHHOLTZ-AU: Oh, ბიჭი.

974
00:39:52,990 --> 00:39:53,460
>> აუდიტორია: Whoa.

975
00:39:53,460 --> 00:39:54,460
>> TOMAS და ALLISON: ჰო.

976
00:39:54,460 --> 00:39:57,840
TOMAS Reimers: ასე რომ, ყველა padding.

977
00:39:57,840 --> 00:39:59,255
მე ვაპირებ დაბრუნდეს pixels.

978
00:39:59,255 --> 00:40:01,754
>> ALLISON BUCHHOLTZ-AU: Pixels
ტენდენცია იყოს, როგორიცაა, სტანდარტი.

979
00:40:01,754 --> 00:40:04,589
როდესაც თქვენ შეხედეთ ბევრი საიტები,
ისინი ძირითადად იმუშავებს pixels.

980
00:40:04,589 --> 00:40:07,755
TOMAS Reimers: ასე ვაპირებთ,
ან pixels-- სხვა პირობა ხედავთ

981
00:40:07,755 --> 00:40:13,952
არის em, რომელიც არის ერთ em არის
თანაბარი სიმაღლე font

982
00:40:13,952 --> 00:40:15,160
რომელიც თქვენ ამჟამად იყენებთ.

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: ეს არის კარგი გზა რომ ვთქვათ,
მინდა, მინდა იმდენი სივრცე, როგორც ჩემი font

986
00:40:20,740 --> 00:40:21,514
დგამს.

987
00:40:21,514 --> 00:40:23,180
ALLISON BUCHHOLTZ-AU: არ ვიცოდი, რომ.

988
00:40:23,180 --> 00:40:25,747
ისწავლოს რაიმე ახალი ყოველდღე.

989
00:40:25,747 --> 00:40:27,955
TOMAS Reimers: არსებობს
ბევრი გაზომვები CS.

990
00:40:27,955 --> 00:40:29,260
მე გთავაზობთ შევხედოთ მათ.

991
00:40:29,260 --> 00:40:32,122
თქვენი ყველა შემთხვევაში, მე ვფიქრობ,
pixels უნდა იყოს საკმარისი.

992
00:40:32,122 --> 00:40:33,830
და ისინი ასევე რა
თქვენ ვაპირებთ,

993
00:40:33,830 --> 00:40:36,520
უმრავლესობაში მაგალითები გაკეთდეს online.

994
00:40:36,520 --> 00:40:38,320
ასე რომ, ჩვენ დავტოვებთ მას pixels.

995
00:40:38,320 --> 00:40:42,420
>> ასევე შეგიძლიათ, მე უნდა ვთქვა ასე
padding კომპლექტი ყველა paddings.

996
00:40:42,420 --> 00:40:49,789
ასევე შეგიძლიათ გააკეთოთ რაღაც
"Padding-top" უბრალოდ კომპლექტი

997
00:40:49,789 --> 00:40:52,080
ALLISON BUCHHOLTZ-AU: Maybe
ჩვენ კიდევ ჩვენი "HELLO" უკან.

998
00:40:52,080 --> 00:40:55,480
TOMAS Reimers: --to მხოლოდ მითითებული
padding ზედა და სხვა არაფერი.

999
00:40:55,480 --> 00:40:59,560
ასე რომ, ოთხი ბრძანებები padding-top,
padding-bottom, padding-left,

1000
00:40:59,560 --> 00:41:00,310
და padding უფლება.

1001
00:41:00,310 --> 00:41:02,470
>> ALLISON BUCHHOLTZ-AU: ისევე, როგორც
თქვენ მოელოდა ყუთში.

1002
00:41:02,470 --> 00:41:03,530
>> TOMAS Reimers: ჰო.

1003
00:41:03,530 --> 00:41:05,240
არაფერი ძალიან გიჟები არსებობს.

1004
00:41:05,240 --> 00:41:08,230
ამჯამად რომ აზრი?

1005
00:41:08,230 --> 00:41:11,990
ასე, რომ ეს padding.

1006
00:41:11,990 --> 00:41:14,110
მე ვაპირებ მითითებული ყველა
paddings უკან 10.

1007
00:41:14,110 --> 00:41:17,010
და შემდეგ მე ვაპირებ გადაადგილება საზღვარზე.

1008
00:41:17,010 --> 00:41:21,130
>> ასე რომ, რა საზღვარი არის
საზღვრის უცნაური ბრძანება.

1009
00:41:21,130 --> 00:41:24,450
სჭირდება ერთგვარი სამი რამ ერთბაშად.

1010
00:41:24,450 --> 00:41:28,930
ასე რომ, პირველი, თუ რამდენად დიდი თქვენ
გვინდა, რომ იყოს, როგორც გაზომვა.

1011
00:41:28,930 --> 00:41:30,662
ისევ, მე მხოლოდ გამოყენებით pixels.

1012
00:41:30,662 --> 00:41:32,620
და ბოლოს, რაც მე
უნდა დაემატოს ღონისძიებების

1013
00:41:32,620 --> 00:41:35,270
არის ერთი რამ, რაც
არ უნდა ერთეული არის 0.

1014
00:41:35,270 --> 00:41:37,390
ეს რეალურად არასწორი
მისცეს 0 ერთეული,

1015
00:41:37,390 --> 00:41:41,940
რადგან 0 0 მასშტაბით inches,
pixels, სანტიმეტრი, რასაც.

1016
00:41:41,940 --> 00:41:43,960
ეს ყველაფერი მხოლოდ იმას ნიშნავს, 0, არა?

1017
00:41:43,960 --> 00:41:46,710
ასე რომ, პირველი თქვენ მისცეს მას გაზომვა.

1018
00:41:46,710 --> 00:41:48,650
>> მაშინ მისცეს მას სტილი.

1019
00:41:48,650 --> 00:41:49,869
ამიტომ, მე ვაპირებ ვთქვა "მყარი."

1020
00:41:49,869 --> 00:41:51,410
და ჩვენ ვსაუბრობთ იმაზე, თუ რას ნიშნავს.

1021
00:41:51,410 --> 00:41:54,290
და მერე ბოლოს, თქვენ ეს ფერი.

1022
00:41:54,290 --> 00:41:56,850
ამიტომ, მე ვაპირებ ვთქვა "შავი".

1023
00:41:56,850 --> 00:41:59,637
და ეს ყველაფერი ჩვენ
ახლა მინახავს ადრე, გარდა style,

1024
00:41:59,637 --> 00:42:00,720
მაგრამ ჩვენ ვსაუბრობთ, რომ.

1025
00:42:00,720 --> 00:42:04,120
ასე რომ თქვენ ბიჭები მინახავს ღონისძიებების,
და ვნახე ფერები.

1026
00:42:04,120 --> 00:42:10,410
და რა ხდება, ჩვენ ამ
ლამაზი შავი საზღვრის გარშემო, არა?

1027
00:42:10,410 --> 00:42:11,620
თქვენ ბიჭებს ვხედავ, როგორ მოვახერხეთ ეს?

1028
00:42:11,620 --> 00:42:12,760
>> აუდიტორია: Yeah.

1029
00:42:12,760 --> 00:42:14,850
>> TOMAS Reimers: Cool.

1030
00:42:14,850 --> 00:42:17,370
რა არის ეს?

1031
00:42:17,370 --> 00:42:19,160
ასე რომ, პირველ რიგში, ეს არის ერთ-ერთი pixel.

1032
00:42:19,160 --> 00:42:20,880
რომ არის თავისთავადი საკმარისი, არა?

1033
00:42:20,880 --> 00:42:23,254
როგორიცაა, ეს არის ერთ pixel სქელი.

1034
00:42:23,254 --> 00:42:26,170
ან ეს იქნება ერთი pixel, მაგრამ მე
მიახლოება, ასე რომ ცოტა მეტი

1035
00:42:26,170 --> 00:42:26,490
ვიდრე, რომ.

1036
00:42:26,490 --> 00:42:27,967
>> ALLISON BUCHHOLTZ-AU: და ჩვენ გვაქვს
ეს სასაცილოა რეზოლუციის TV.

1037
00:42:27,967 --> 00:42:29,460
>> TOMAS Reimers: ჰო.

1038
00:42:29,460 --> 00:42:33,640
შეგიძლიათ ეს დიდი,
პატარა, რასაც.

1039
00:42:33,640 --> 00:42:35,630
ასე რომ, აქ ორი pixel საზღვარზე.

1040
00:42:35,630 --> 00:42:38,810
დაინახავთ, რომ ეს ორჯერ სქელი.

1041
00:42:38,810 --> 00:42:40,172
შემდეგი რამ, რომ თქვენ გაქვთ ფერი.

1042
00:42:40,172 --> 00:42:41,130
ეს არ არის საინტერესო.

1043
00:42:41,130 --> 00:42:42,710
მე არ ვაპირებ გაიგო
ამის შესახებ, ნამდვილად.

1044
00:42:42,710 --> 00:42:45,110
>> ALLISON BUCHHOLTZ-AU: მაგრამ სტილი
შეიძლება იყოს მხოლოდ პატარა საინტერესო.

1045
00:42:45,110 --> 00:42:45,980
>> TOMAS Reimers: ჰო.

1046
00:42:45,980 --> 00:42:48,560
ასე style, არსებობს რამდენიმე პირობა
რომ ვხედავ გამოიყენება საყოველთაოდ.

1047
00:42:48,560 --> 00:42:55,690
პირველი მყარი, მომდევნო ერთი
dotted, და ბოლო ერთი გაუცრუვდათ.

1048
00:42:55,690 --> 00:42:59,290
და აქ არის მოფენილი.

1049
00:42:59,290 --> 00:43:02,980
დაინახავთ, რომ ისინი
რამოდენიმე წერტილები, არა?

1050
00:43:02,980 --> 00:43:09,030
კარგი გზა ერთგვარი მიიღოს ლამაზი საზღვარზე
აპირებს, dashes ასევე საკმაოდ პოპულარულია.

1051
00:43:09,030 --> 00:43:11,580

1052
00:43:11,580 --> 00:43:13,600
>> ALLISON BUCHHOLTZ-AU:
და მაშინ, რა თქმა უნდა, მე ვარ

1053
00:43:13,600 --> 00:43:16,660
დარწმუნებული ვარ, არსებობს უამრავი სხვა
სტილის, რომ შეგიძლიათ მიიღოთ.

1054
00:43:16,660 --> 00:43:20,000
და ჩვენ გვაქვს დიდი ნაკრები
ბმულები დასასრულს თქვენ ბიჭები

1055
00:43:20,000 --> 00:43:23,470
სახის peruse და
შევხედოთ უფრო მაგარი CSS.

1056
00:43:23,470 --> 00:43:25,954
>> TOMAS Reimers: და მაშინ
ბოლო რამ, ჩვენ

1057
00:43:25,954 --> 00:43:27,870
ვაპირებ ვისაუბრო
ყუთი მოდელები რეალური სწრაფი.

1058
00:43:27,870 --> 00:43:30,070
ოჰ, და შემდეგ საზღვარი,
ზუსტად ისევე, როგორც padding,

1059
00:43:30,070 --> 00:43:33,270
თქვენ ასევე რამ, როგორიცაა
საზღვრის მარცხენა, სასაზღვრო-მარჯვენა, სასაზღვრო-ზედა,

1060
00:43:33,270 --> 00:43:37,590
საზღვრის ბოლოში, რომელიც საშუალებას გაძლევთ
მიიღოს კონკრეტული საზღვარი.

1061
00:43:37,590 --> 00:43:40,650
ასე რომ აქ უბრალოდ საზღვრის მარცხენა განსაზღვრული.

1062
00:43:40,650 --> 00:43:43,060
ამჯამად რომ აზრი?

1063
00:43:43,060 --> 00:43:46,170
>> ALLISON BUCHHOLTZ-AU: ეს არის მაგარი
ხაზგასმით რამ ან დაამატოთ

1064
00:43:46,170 --> 00:43:47,545
ხაზები სხვადასხვა ელემენტებს შორის.

1065
00:43:47,545 --> 00:43:48,670
TOMAS Reimers: რა თქმა უნდა.

1066
00:43:48,670 --> 00:43:50,940
ისე, რომ ჩვენი საზღვარი.

1067
00:43:50,940 --> 00:43:52,790
და ბოლო ერთი ზღვარი.

1068
00:43:52,790 --> 00:43:55,892
ზღვარი ს მოსწონს padding
გარდა ამისა, ეს არ within--

1069
00:43:55,892 --> 00:43:57,975
ALLISON BUCHHOLTZ-AU: ეს
არ არის გარშემო თქვენი ელემენტს

1070
00:43:57,975 --> 00:44:00,840
მაგრამ რეალურად მთელი
ყუთი, რომელიც ჩვენ უკვე ხედავს.

1071
00:44:00,840 --> 00:44:02,770
>> TOMAS Reimers: ჰო.

1072
00:44:02,770 --> 00:44:04,090
Allison განაცხადა, რომ ეს შესანიშნავად.

1073
00:44:04,090 --> 00:44:07,550
ეს არ არის, ისევე, შიგნით თქვენი
ელემენტს, ეს მთელი ყუთი.

1074
00:44:07,550 --> 00:44:10,900
ეს ნიშნავს, რომ რამ, როგორიცაა
ფონზე არ ვრცელდება იგი.

1075
00:44:10,900 --> 00:44:13,550
და ეს, ძირითადად, ამბობს,
მინდა, მე არ მინდა არაფერი

1076
00:44:13,550 --> 00:44:15,230
ამ ბევრი სივრცე ჩემთვის.

1077
00:44:15,230 --> 00:44:17,470
ისე, როგორც აქ ჩვენ გვაქვს
ზღვარი 10 პიქსელი.

1078
00:44:17,470 --> 00:44:23,100
ასე რომ არაფერი ფარგლებში 10 pixels
უნდა იყოს შემდეგი ჩემთვის.

1079
00:44:23,100 --> 00:44:26,210
რომ სახის მისი
სივრცეში, მაგრამ სახის არ არის.

1080
00:44:26,210 --> 00:44:29,215
ასე რომ, ძალიან
საფუძვლები ყუთი მოდელი.

1081
00:44:29,215 --> 00:44:30,090
ამჯამად რომ აზრი?

1082
00:44:30,090 --> 00:44:33,830

1083
00:44:33,830 --> 00:44:34,550
მაგარი, მაგარი.

1084
00:44:34,550 --> 00:44:35,800
ALLISON BUCHHOLTZ-AU: გასაოცარია.

1085
00:44:35,800 --> 00:44:37,890
ასე რომ, ახლა მე ვფიქრობ, რომ ჩვენ უბრალოდ
გვაქვს ჩვენი cool რესურსების

1086
00:44:37,890 --> 00:44:41,220
რომ ჩვენ გადაგიყვანთ ბიჭები
მეშვეობით ძალიან სწრაფად.

1087
00:44:41,220 --> 00:44:44,815
და ჩვენ რეალურად კარგად,
გვაქვს ინტერნეტში ჯერ?

1088
00:44:44,815 --> 00:44:47,860
>> TOMAS Reimers მოდით
თუ შემიძლია გახსნა up--

1089
00:44:47,860 --> 00:44:50,040
ნება მომეცით, თუ მე
შეგიძლიათ მიიღოთ ინტერნეტ სწრაფად

1090
00:44:50,040 --> 00:44:53,317
ხოლო Allison საუბრობს არაფერი
Allison სურს საუბარი.

1091
00:44:53,317 --> 00:44:55,150
ALLISON BUCHHOLTZ-AU:
ასე basically-- მე არ

1092
00:44:55,150 --> 00:44:57,930
ვიცი, რა შემიძლია ვთქვა, რომ ამ ეტაპზე.

1093
00:44:57,930 --> 00:45:01,340
არამედ ეს არის რამდენიმე
ნამდვილად კარგი რესურსი.

1094
00:45:01,340 --> 00:45:04,629
ეს არის პირობა, რომ
Tomas და მე არ გამოიყენება,

1095
00:45:04,629 --> 00:45:06,420
და რომ ჩვენ რეალურად
გამოიყენება მოსამზადებელი ამ.

1096
00:45:06,420 --> 00:45:09,940
W3Schools ერთი, რომ თქვენ
ბიჭები უნდა მინახავს ადრე.

1097
00:45:09,940 --> 00:45:12,440
ჩვენ გირჩევთ ეს
ბევრი რამ CSS.

1098
00:45:12,440 --> 00:45:15,060
მე ვიცი, მე გირჩევთ, რომ ის
ჩემი მონაკვეთზე ყველა დროის.

1099
00:45:15,060 --> 00:45:21,050
>> ერთი დიდი რამ არის ის, რომ
გაძლევთ საშუალებას სახის არეულობა CSS

1100
00:45:21,050 --> 00:45:23,830
და ვხედავ ცვლილებები
მომენტალურად ამ,

1101
00:45:23,830 --> 00:45:25,920
როგორიცაა, ორმაგი window ნახოთ, რომ მას აქვს.

1102
00:45:25,920 --> 00:45:29,980
ასე რომ თქვენ არ უნდა ფიქრი
შექმნის თქვენი საკუთარი ვებ-გვერდზე

1103
00:45:29,980 --> 00:45:33,090
ან შექმნის vhost თქვენი
ადგილობრივი ელექტრო და ადგილობრივი მასპინძელი,

1104
00:45:33,090 --> 00:45:34,980
და მიღების ყველა რომ პერსონალის სამუშაო.

1105
00:45:34,980 --> 00:45:36,830
იგი ჩართული მარჯვნივ ფარგლებში გვერდზე.

1106
00:45:36,830 --> 00:45:39,042
>> და მას აქვს ამ პატარა
გაკვეთილები რომ თქვენ შეგიძლიათ

1107
00:45:39,042 --> 00:45:40,750
გაიაროს, რათა ვისწავლოთ
უფრო მეტი სელექციონერები,

1108
00:45:40,750 --> 00:45:44,610
ან გაეცნობიან მანიპულირების თქვენი
შრიფტი, ან ფონზე, ან იმიჯი.

1109
00:45:44,610 --> 00:45:46,990
და თქვენ ამ
მყისიერ შედეგებს, რომ თქვენ

1110
00:45:46,990 --> 00:45:49,310
არ უნდა გავაკეთოთ ნებისმიერი
სხვა მოსამზადებელი სამუშაოები.

1111
00:45:49,310 --> 00:45:51,060
ასე რომ, მე მიყვარს W3Schools.

1112
00:45:51,060 --> 00:45:51,960
ეს ზღაპრული.

1113
00:45:51,960 --> 00:45:52,670
არის თუ არა სამუშაო?

1114
00:45:52,670 --> 00:45:52,950
>> TOMAS Reimers: ჰო.

1115
00:45:52,950 --> 00:45:53,720
არა, ეს ასე არ არის.

1116
00:45:53,720 --> 00:45:55,636
გსურთ ჩემთვის ცდილობენ
და გადატვირთეთ ჩემს კომპიუტერში?

1117
00:45:55,636 --> 00:45:56,410
ან გვინდა, რომელთა მიზანია:

1118
00:45:56,410 --> 00:46:01,490
>> ALLISON BUCHHOLTZ-AU: მე ვგულისხმობ,
ასევე, ეს იქნება ონლაინ რეჟიმში.

1119
00:46:01,490 --> 00:46:02,740
ყველა სლაიდები იქნება ონლაინ რეჟიმში.

1120
00:46:02,740 --> 00:46:05,470
ასე რომ მე უბრალოდ მაღალ რეკომენდაციას აკეთებს ეს.

1121
00:46:05,470 --> 00:46:07,880
>> ეს არის დიდი, როგორც მხოლოდ
როგორიცაა cheat ფურცელი.

1122
00:46:07,880 --> 00:46:10,690
ეს მხოლოდ ყველა ძირითადი
ბრძანებები, რომ თქვენ გაქვთ.

1123
00:46:10,690 --> 00:46:13,070
ეს არის დიდი, როდესაც თქვენ პირველი
დაწყებული out თქვენი ნახვა.

1124
00:46:13,070 --> 00:46:15,080
იმიტომ, რომ, შესაძლოა, თქვენ არ
გვინდა ყველა

1125
00:46:15,080 --> 00:46:17,355
უძრავი nitty gritty
დიზაინი მძიმე ნივთები.

1126
00:46:17,355 --> 00:46:20,230
თქვენ უბრალოდ უნდა დააფორმატოთ ის გზა
რომ ასეთი სახის აზრი და ნება

1127
00:46:20,230 --> 00:46:21,490
ნუ დროისათვის.

1128
00:46:21,490 --> 00:46:23,580
და თუ თქვენ ნამდვილად გსურთ
შეღწევას, მე ვიცი,

1129
00:46:23,580 --> 00:46:27,240
ეს არის, როგორც ერთ-ერთი
Tomas საყვარელი ცნობას.

1130
00:46:27,240 --> 00:46:30,130
ჩვენ გამოყენებით მას
მოსამზადებელი, და ეს ზღაპრული.

1131
00:46:30,130 --> 00:46:33,030
ის შემქმნელი from Mozilla.

1132
00:46:33,030 --> 00:46:36,490
>> TOMAS Reimers: So Mozilla არიან
ადამიანები, რომლებიც Firefox.

1133
00:46:36,490 --> 00:46:40,290
და ეს მხოლოდ საკუთარ დეველოპერი
მინიშნება, რომელიც მე ვფიქრობ, არის რა.

1134
00:46:40,290 --> 00:46:44,870
და მას აქვს შესანიშნავი
სიაში რესურსები.

1135
00:46:44,870 --> 00:46:45,530
ასე რომ, ჩვენ ფლობის

1136
00:46:45,530 --> 00:46:48,060
>> ALLISON BUCHHOLTZ-AU:
და შემდეგ ბოლო შენიშვნა

1137
00:46:48,060 --> 00:46:50,120
როდესაც თქვენ ცდილობთ
დიზაინი თქვენი ნახვა,

1138
00:46:50,120 --> 00:46:53,550
სულისკვეთება რამ
რომ ფიქრობთ, საკმაოდ.

1139
00:46:53,550 --> 00:46:56,340
შემოწმების ელემენტის,
შემოწმების კოდის

1140
00:46:56,340 --> 00:46:59,370
შეიძლება იყოს სუპერ გამოსადეგი
ცდილობს გაერკვნენ

1141
00:46:59,370 --> 00:47:02,080
როგორ სტილის თქვენი საკუთარი ნახვა.

1142
00:47:02,080 --> 00:47:04,540
>> ხშირად ვგრძნობ, როგორიცაა საუკეთესო
გზა, გარდა იმისა, ექსპერიმენტი,

1143
00:47:04,540 --> 00:47:06,290
უბრალოდ შევხედოთ
რამ, რაც საკმაოდ.

1144
00:47:06,290 --> 00:47:09,810
მე ეს მართლაც რთულია, უბრალოდ
სახის დიზაინის რამ საკუთარ,

1145
00:47:09,810 --> 00:47:11,090
განსაკუთრებით დასაწყისში.

1146
00:47:11,090 --> 00:47:14,740
ამიტომ გთხოვთ ნახოთ საიტები
რომ თქვენ ისარგებლოს ეძებს.

1147
00:47:14,740 --> 00:47:16,880
გაერკვნენ, რა ხდის
მათი მიმართვის თქვენ.

1148
00:47:16,880 --> 00:47:19,170
და მაშინ მოგერიდებათ
ცდილობენ და იმეორებს, რომ.

1149
00:47:19,170 --> 00:47:20,410
>> TOMAS Reimers: Right.

1150
00:47:20,410 --> 00:47:23,120
კი, როგორიცაა საიტები
ასე, თქვენ ხედავთ,

1151
00:47:23,120 --> 00:47:25,460
იქ ნამდვილად div ზედა.

1152
00:47:25,460 --> 00:47:29,920
და მაშინ თქვენ გაქვთ სხვა div ფარგლებში
აქ, რაც CSS Awesomeness.

1153
00:47:29,920 --> 00:47:32,480
და მაშინ თქვენ გაქვთ რამოდენიმე ბმულები აქ.

1154
00:47:32,480 --> 00:47:34,770
თუ მართლაც მხოლოდ შეამოწმოს
ელემენტები, თქვენ შეგიძლიათ დაალაგოთ

1155
00:47:34,770 --> 00:47:38,520
დაიწყოს დაინახოს, თუ რა გააკეთოს საიტები
ასე, და როგორ შემიძლია

1156
00:47:38,520 --> 00:47:40,493
ხელახლა რომ თუ მინდოდა.

1157
00:47:40,493 --> 00:47:41,890
ამჯამად რომ აზრი?

1158
00:47:41,890 --> 00:47:43,670
ასე რომ, ჩვენ მხოლოდ სამი წუთი დარჩა.

1159
00:47:43,670 --> 00:47:46,380
ასე კითხვები?

1160
00:47:46,380 --> 00:47:47,650
რომელიმე მათგანი?

1161
00:47:47,650 --> 00:47:48,350
დიახ.

1162
00:47:48,350 --> 00:47:50,780
>> აუდიტორია: For ფერი
მართკუთხედი, როგორ ფიქრობთ,

1163
00:47:50,780 --> 00:47:53,499
ფლობის თუ არ გვინდა, რომ ეს
გადის მთელი გვერდი, შეიძლება

1164
00:47:53,499 --> 00:47:56,400
თქვენ არ გახადა წასვლა მასშტაბით მხოლოდ
ნახევარი გვერდზე, ან უბრალოდ ტექსტი?

1165
00:47:56,400 --> 00:47:59,660
>> TOMAS Reimers: ჰო, აბსოლუტურად.

1166
00:47:59,660 --> 00:48:02,780
ნება მომეცით, რეალურად.

1167
00:48:02,780 --> 00:48:04,670
მე მაქვს ორი იდეები.

1168
00:48:04,670 --> 00:48:07,265
ასე რომ, პირველ რიგში, თქვენ
ასევე, შეგიძლიათ გამოიყენოთ პროცენტით.

1169
00:48:07,265 --> 00:48:08,140
>> აუდიტორია: მართლა?

1170
00:48:08,140 --> 00:48:11,260
>> ALLISON BUCHHOLTZ-AU: ასე რომ რაღაც
ეძებოთ ნათესავი წესი.

1171
00:48:11,260 --> 00:48:13,385
ის, რაც ჩვენ
არ გვაქვს დრო შეღწევას,

1172
00:48:13,385 --> 00:48:16,392
მაგრამ ეს რაღაც ნამდვილად
რეკომენდაცია თქვენ ბიჭები შემოწმების გარეთ.

1173
00:48:16,392 --> 00:48:17,580
>> TOMAS Reimers: So პროცენტით.

1174
00:48:17,580 --> 00:48:21,524
და ვნახოთ, როგორ ჩვენ ეს
მხოლოდ 50% სიგანე?

1175
00:48:21,524 --> 00:48:24,190
ALLISON BUCHHOLTZ-AU: თუ
ვიცი რეალურად ნომერი პიქსელი,

1176
00:48:24,190 --> 00:48:25,780
თქვენ შეიძლება უფრო ზუსტად, რომ გზა.

1177
00:48:25,780 --> 00:48:27,200
შეგიძლიათ fiddle გარშემო.

1178
00:48:27,200 --> 00:48:27,700
მაგრამ 50%.

1179
00:48:27,700 --> 00:48:31,970
თუ ჩვენ შეცვლის ჩვენი ბრაუზერის,
ეს გახდის მას პატარა.

1180
00:48:31,970 --> 00:48:35,250
>> TOMAS Reimers: ისე, ეს
ძირითადად 50% ახლა, ვფიქრობ.

1181
00:48:35,250 --> 00:48:38,820
ეს 50%, და მაშინ ზღვარი
დაემატა, რომ.

1182
00:48:38,820 --> 00:48:40,100
CSS აქვს ბევრი quirks.

1183
00:48:40,100 --> 00:48:43,195
ასე რომ, ახლა ეს არის
50% გვერდი სიგანე.

1184
00:48:43,195 --> 00:48:46,860
მაგრამ გახსოვდეთ, რომ თქვენ გაქვთ 10
pixels წაიყვანეს თითოეულ მხარეს.

1185
00:48:46,860 --> 00:48:49,700
ასე რომ, თუ თქვენ გადატანა, რომ წინააღმდეგ
მარცხენა კიდეზე ბრაუზერი,

1186
00:48:49,700 --> 00:48:51,550
მაშინ ის ჰგავს 50%.

1187
00:48:51,550 --> 00:48:53,884
კიდევ ერთხელ, როგორც ვთქვი, CSS საიტიდან
იქნება ბევრი ამოიცნობთ და შემოწმება.

1188
00:48:53,884 --> 00:48:56,049
როგორიცაა, თქვენ ფიქრობთ, რომ რაღაც
აპირებენ მოიქცევა ერთი გზა,

1189
00:48:56,049 --> 00:48:57,805
მაგრამ იქცევა სრულიად განსხვავებული გზა.

1190
00:48:57,805 --> 00:48:59,420
>> ALLISON BUCHHOLTZ-AU:
და თქვენ უბრალოდ ჭკვიანია,

1191
00:48:59,420 --> 00:49:02,020
და თქვენ უბრალოდ უკეთესი
ინტუიცია მას, როგორც თქვენ გადატანა ერთად.

1192
00:49:02,020 --> 00:49:02,730
>> TOMAS Reimers: ეს
იღებს უარესი და უარესი.

1193
00:49:02,730 --> 00:49:03,496
ასე რომ, ეს უბრალოდ რბოლა.

1194
00:49:03,496 --> 00:49:05,454
>> ALLISON BUCHHOLTZ-AU:
რომ სუპერ იმედისმომცემი.

1195
00:49:05,454 --> 00:49:07,070
ჩვენ გვინდა, რომ მათ მოსწონთ CSS.

1196
00:49:07,070 --> 00:49:08,810
>> TOMAS Reimers: CSS გასაოცარია.

1197
00:49:08,810 --> 00:49:10,354
გვახსოვდეს, რომ.

1198
00:49:10,354 --> 00:49:11,020
სხვა კითხვები?

1199
00:49:11,020 --> 00:49:14,297
>> ALLISON BUCHHOLTZ-AU: ერთი რამ.

1200
00:49:14,297 --> 00:49:14,880
არაფერი?

1201
00:49:14,880 --> 00:49:15,140
მაგარი.

1202
00:49:15,140 --> 00:49:15,690
>> TOMAS Reimers: გასაოცარია.

1203
00:49:15,690 --> 00:49:18,523
>> ALLISON BUCHHOLTZ-AU: ისე, თუ
ბიჭებს რაიმე კითხვა მოგვიანებით,

1204
00:49:18,523 --> 00:49:20,919
ჩვენ ყოველთვის ხელმისაწვდომია როგორც პოსტი ჩვეულებრივი.

1205
00:49:20,919 --> 00:49:22,960
თქვენ ალბათ ზოგიერთი
აშშ-ის საბოლოო პროექტები

1206
00:49:22,960 --> 00:49:24,280
და ნამდვილად დროს hackathon.

1207
00:49:24,280 --> 00:49:25,200
>> TOMAS Reimers: რა თქმა უნდა.

1208
00:49:25,200 --> 00:49:25,720
და სამართლიანი.

1209
00:49:25,720 --> 00:49:26,560
>> ALLISON BUCHHOLTZ-AU: და სამართლიანი.

1210
00:49:26,560 --> 00:49:26,840
Oh.

1211
00:49:26,840 --> 00:49:28,130
>> TOMAS Reimers: ველით
ხედავს ყველა თქვენი awesome--

1212
00:49:28,130 --> 00:49:29,420
>> ALLISON BUCHHOLTZ-AU: ჩვენ დავინახავთ,
ყველა თქვენი გასაოცარია საიტები

1213
00:49:29,420 --> 00:49:30,572
რომ იქნება ლამაზი.

1214
00:49:30,572 --> 00:49:32,780
TOMAS Reimers თქვენ ყოველთვის შეგიძლიათ
ვხედავ, როგორიცაა, საიტებზე

1215
00:49:32,780 --> 00:49:36,234
ვისაც ჰქონდა, როგორიცაა, კარგი CSS და შემდეგ
როგორიცაა, ვინც არ ვცდილობთ გავაკეთოთ CSS.

1216
00:49:36,234 --> 00:49:39,150
ALLISON BUCHHOLTZ-AU: ასევე, სხვა
რამ, კიდევ ერთი რამ უნდა გავერკვეთ

1217
00:49:39,150 --> 00:49:40,445
არის Bootstrapping.

1218
00:49:40,445 --> 00:49:41,805
ასე ჩატვირთვის არის დიდი.

1219
00:49:41,805 --> 00:49:42,240
>> TOMAS Reimers: Google, რომ თუ თქვენგანი

1220
00:49:42,240 --> 00:49:43,573
>> ALLISON BUCHHOLTZ-AU: Google იგი.

1221
00:49:43,573 --> 00:49:44,340
ეს ზღაპრული.

1222
00:49:44,340 --> 00:49:45,620
თქვენ მიყვარს ეს.

1223
00:49:45,620 --> 00:49:48,000
და ახლა, რომ თქვენ გაქვთ
ძირითადი გაგება CSS,

1224
00:49:48,000 --> 00:49:50,340
ეს თქვენ, რათა გაცილებით მეტი გრძნობა.

1225
00:49:50,340 --> 00:49:50,890
გასაოცარია.

1226
00:49:50,890 --> 00:49:51,480
მადლობა, ბიჭები.

1227
00:49:51,480 --> 00:49:53,330
>> TOMAS Reimers: დიდი მადლობა.

1228
00:49:53,330 --> 00:49:54,219