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
آلیسون BUCHHOLTZ-AU: پس
ما اساسا فقط رفتن

5
00:00:12,224 --> 00:00:14,629
به شما مختصر و مفید را
از 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
اگر می خواهید کاربران را به استفاده از آن، شما ممکن است
می خواهم آن را کمی [نامفهوم] را.

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
>> توماس REIMERS: آره.

16
00:00:47,240 --> 00:00:49,930
آلیسون آن گفت: بسیار خوب.

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
>> آلیسون BUCHHOLTZ-AU: این
نام سمینار ما.

21
00:00:58,320 --> 00:00:58,434
>> توماس 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 است
یک شیوه نامه، به این معنی

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
بنابراین چیزهایی مانند رنگ، پس زمینه
تصاویر، مرزها، مانند، بالشتک،

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
>> بنابراین ما فقط پیش رفته و
باز هر دو از کسانی که در جیادیت.

33
00:01:30,110 --> 00:01:32,680
پس این ها index.html است.

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
آلیسون BUCHHOLTZ-AU: بدون سبک تا کنون.

37
00:01:38,412 --> 00:01:39,245
توماس REIMERS: هیچ.

38
00:01:39,245 --> 00:01:42,577
و به عنوان شما خواهید دید، آن را
یک سایت واقعا زشت است.

39
00:01:42,577 --> 00:01:44,160
آلیسون BUCHHOLTZ-AU: این فقط ساده.

40
00:01:44,160 --> 00:01:45,820
توماس 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
و به این ترتیب برای سریع
روکش از HTML، آلیسون،

44
00:01:55,729 --> 00:01:57,270
شما می خواهید فقط در مورد صفحه بحث؟

45
00:01:57,270 --> 00:01:58,395
>> آلیسون BUCHHOLTZ-AU: آره.

46
00:01:58,395 --> 00:02:01,100
بنابراین بدیهی است، ما باید HTML ما
برچسب، که فقط نام فایل HTML.

47
00:02:01,100 --> 00:02:07,080
ما هدر ما در اینجا، با CSS
هیبت، which-- اگر شما برگردید.

48
00:02:07,080 --> 00:02:07,720
آن کجاست؟

49
00:02:07,720 --> 00:02:09,136
>> توماس REIMERS: اوه.

50
00:02:09,136 --> 00:02:10,301
بله، شما می توانید ببینید.

51
00:02:10,301 --> 00:02:12,092
آلیسون BUCHHOLTZ-AU:
و متوجه هدر

52
00:02:12,092 --> 00:02:14,120
این هدر تب سمت راست در اینجا است.

53
00:02:14,120 --> 00:02:17,130
و سپس "سلام جهان!" است
متن که ما فقط

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
کدام است فقط در بدن ما
here-- متن ساده.

57
00:02:24,287 --> 00:02:26,120
همچنین، یک چیز را به
توجه، اگر شما در اینجا نگاه کنید،

58
00:02:26,120 --> 00:02:29,410
توماس روشن کردن این
دو از اسلاید ما.

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
>> توماس REIMERS: دانلود.

63
00:02:40,340 --> 00:02:41,111
اضافه کردن یک نوع فیلم کارگردان تهیه کننده؟

64
00:02:41,111 --> 00:02:42,235
آلیسون BUCHHOLTZ-AU: آره.

65
00:02:42,235 --> 00:02:43,068
توماس REIMERS: آره.

66
00:02:43,068 --> 00:02:43,769
سرد.

67
00:02:43,769 --> 00:02:46,102
آلیسون BUCHHOLTZ-AU: ظاهرا،
میکروفون من من را دوست ندارد.

68
00:02:46,102 --> 00:02:49,650
توماس REIMERS: اوه، ما یک ثانیه فقط به من بدهید
در حالی که آلیسون سوئیچ کردن میکروفون او.

69
00:02:49,650 --> 00:02:50,500
بنابراین آره.

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
پس فقط لخت اندام
اجزای یک وب سایت.

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
آلیسون BUCHHOLTZ-AU:
بازگشت به اسلاید.

81
00:03:13,755 --> 00:03:15,200
توماس REIMERS: بازگشت به اسلاید.

82
00:03:15,200 --> 00:03:17,240
و آلیسون می تواند سر می برد.

83
00:03:17,240 --> 00:03:18,720
>> آلیسون BUCHHOLTZ-AU: وو.

84
00:03:18,720 --> 00:03:19,220
باشه.

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
بنابراین انتخاب.

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،
و یا هدر، یا هر چیز دیگری،

100
00:04:00,262 --> 00:04:02,000
هر آنچه می خواهید برچسب های HTML خود را به.

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
در هر تگ body از فایل 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
و این فقط یک انتخاب است.

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
>> توماس REIMERS: شماره

117
00:04:42,499 --> 00:04:43,500
آلیسون آن را کردم.

118
00:04:43,500 --> 00:04:46,144
ما فقط در حال رفتن به قطع کردن
به عنوان مثال در اینجا در مثال سایت ما.

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
و برخی از متن پررنگ.

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
>> آلیسون 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
>> توماس REIMERS: بنابراین اجازه دهید
نوع این تشریح.

139
00:05:41,930 --> 00:05:44,210
بنابراین شما می خواهید برای شروع
با انتخاب اینجا؟

140
00:05:44,210 --> 00:05:45,979
>> آلیسون BUCHHOLTZ-AU: آره.

141
00:05:45,979 --> 00:05:48,270
همانطور که قبلا گفته بود، بدن
فقط انتخاب ما در اینجا است.

142
00:05:48,270 --> 00:05:50,950
بنابراین اگر ما به عقب برویم به آه index-- ما.

143
00:05:50,950 --> 00:05:53,245
>> توماس 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
آلیسون BUCHHOLTZ-AU: دانلود.

147
00:05:59,410 --> 00:06:02,710
بنابراین اگر شما متوجه در اینجا، ما
این برچسب ها بدن، درست است؟

148
00:06:02,710 --> 00:06:06,270
بنابراین انتخاب فقط به مربوط
برچسب ها است که ما در حال صحبت کردن در مورد.

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
>> بنابراین هر چیزی در آن
برچسب ها بدن، که ما دیدم

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
که رفتن به در تگ body باشد.

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
اما هر چیزی در
از این دستورات بدن است که

163
00:06:40,900 --> 00:06:44,960
به این بدن تحت تاثیر قرار
انتخاب که ما ساخته شده است.

164
00:06:44,960 --> 00:06:47,405
بنابراین اگر شما به نوع
چیز دیگری there--

165
00:06:47,405 --> 00:06:49,400
>> توماس REIMERS: بیایید رانندگی که به خانه.

166
00:06:49,400 --> 00:06:55,330
بنابراین اگر ما تا به حال div-- به طوری که
فقط تگ دیگری می تواند داشته باشد.

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
>> آلیسون BUCHHOLTZ-AU:
پس این همه بدن است،

179
00:07:21,840 --> 00:07:24,450
اما در حال حاضر انتخاب ما فقط
مربوط به بند.

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
>> توماس REIMERS: آیا که معنی مرتب سازی بر
از چه کارهایی محفظهای قرار دادن چیزهای دیگر؟

183
00:07:35,349 --> 00:07:38,140
آلیسون 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
>> توماس REIMERS: کاملا
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
شما همچنین می توانید really-- دریافت کنم شما فکر می کنم
می تواند بسیار خلاق با این دریافت،

201
00:08:29,040 --> 00:08:29,540
نمی تواند شما؟

202
00:08:29,540 --> 00:08:31,170
>> آلیسون BUCHHOLTZ-AU: من
فکر می کنم شما می توانید سحر و جادو استفاده کنید.

203
00:08:31,170 --> 00:08:31,250
آیا می توانید نه؟

204
00:08:31,250 --> 00:08:32,083
>> توماس REIMERS: آره.

205
00:08:32,083 --> 00:08:32,969
بنابراین شما می توانید سحر و جادو استفاده کنید.

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
آلیسون BUCHHOLTZ-AU:
شما می توانید کاملا چند انجام دهد.

209
00:08:37,260 --> 00:08:43,350
تقریبا مثل اکثر رنگ است که شما
می تواند مانند name--، من فکر می کنم ماهی قزل آلا یکی است.

210
00:08:43,350 --> 00:08:45,322
>> توماس REIMERS: ما ماهی قزل آلا سعی خواهم هستید.

211
00:08:45,322 --> 00:08:47,530
آلیسون BUCHHOLTZ-AU: من
فکر می کنم chartreuse است در آن وجود دارد.

212
00:08:47,530 --> 00:08:48,050
توماس 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
>> آلیسون BUCHHOLTZ-AU: شما
می تواند بسیار خلاق دریافت کنید.

216
00:08:52,246 --> 00:08:55,750
مانند، اگر شما می توانید از فکر می کنم
نام رنگ، آن را احتمالا در آن وجود دارد.

217
00:08:55,750 --> 00:08:57,840
اگر شما واقعا می خواهید خوب
جزئیات، شما می توانید سحر و جادو بروید.

218
00:08:57,840 --> 00:08:58,673
>> توماس 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
شما بچه ها تا به حال به مقابله
با این ارزش ها سحر و جادو.

222
00:09:08,300 --> 00:09:15,280
و نوع به روکش آنچه که است،
سحر و جادو دارای سه ارزش ذخیره شده در آن.

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
و شناسایی واقع-شناخته شده
رنگ دسته کوچک موسیقی جاز طیف،

233
00:09:43,912 --> 00:09:45,130
و پس از آن ما می تواند آن را در قرار داده است؟

234
00:09:45,130 --> 00:09:46,380
آلیسون 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
>> توماس 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
می توانید گوگل چیزی
مانند "جمع کننده رنگ."

243
00:10:05,575 --> 00:10:07,200
آلیسون BUCHHOLTZ-AU: آه، آن را خیلی خوب است.

244
00:10:07,200 --> 00:10:09,090
من عاشق انتخاب رنگ.

245
00:10:09,090 --> 00:10:11,360
>> توماس REIMERS: colorpicker.com
یک مثال خوب است.

246
00:10:11,360 --> 00:10:14,580
و در اینجا، شما خواهید دید که شما
جمع کننده رنگ فتوشاپ مانند کامل.

247
00:10:14,580 --> 00:10:14,920
>> آلیسون 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
توماس REIMERS: و پس از آن
در اینجا ارزش سحر و جادو تا اینجا.

251
00:10:22,780 --> 00:10:27,800
بنابراین شما همیشه می توانید پیدا آنلاین اساسا
مکان ها برای بدست آوردن مقدار سحر و جادو از.

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
و سپس شماره تلفن را خراب کردن.

255
00:10:36,850 --> 00:10:39,590
از آنجا که این فقط یک واقعا آسان
راه برای مرجع چیز در CS.

256
00:10:39,590 --> 00:10:40,350
>> آلیسون BUCHHOLTZ-AU:
و پس از آن also-- وجود دارد

257
00:10:40,350 --> 00:10:41,630
من به نام دقیق سایت را فراموش کرده ام.

258
00:10:41,630 --> 00:10:43,838
اما قطعا وجود دارد، من
فکر می کنم، چیزی از ادوبی

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
آه، اگر من می خواهم به استفاده از این رنگ،
چه ممکن است یکی مفید دیگر

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
>> توماس REIMERS: در آلیسون صحبت کردن در مورد
یکی توسط ادوبی به نام Kuler، من فکر می کنم.

265
00:11:04,260 --> 00:11:04,885
این K-U-L-E-R است.

266
00:11:04,885 --> 00:11:06,259
آلیسون BUCHHOLTZ-AU: من فکر می کنم تا.

267
00:11:06,259 --> 00:11:07,610
من کاملا مطمئنم که که یکی هستم.

268
00:11:07,610 --> 00:11:11,050
>> توماس REIMERS: مورد علاقه من است
همیشه طرح رنگ طراح بوده است.

269
00:11:11,050 --> 00:11:13,998
>> آلیسون BUCHHOLTZ-AU: آه.

270
00:11:13,998 --> 00:11:16,010
>> توماس REIMERS: کدام است now--

271
00:11:16,010 --> 00:11:16,860
>> آلیسون BUCHHOLTZ-AU:
آه، این زیبا است.

272
00:11:16,860 --> 00:11:18,818
>> توماس 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
و پس از آن اگر شما نشانگر را روی هر یک از
آنها، آن را به شما می دهد ارزش سحر و جادو.

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
آلیسون BUCHHOLTZ-AU: اما بدیهی است، ما
می دانیم که این منابع ممکن است مفید باشد.

286
00:12:01,112 --> 00:12:03,195
توماس REIMERS: نه، آنها
قطعا می تواند مفید باشد.

287
00:12:03,195 --> 00:12:04,720
بنابراین قانون دوم، آلیسون؟

288
00:12:04,720 --> 00:12:05,844
>> آلیسون BUCHHOLTZ-AU: آره.

289
00:12:05,844 --> 00:12:08,280
قانون دوم است فقط
مربوط به فونت های ما.

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
توماس REIMERS: من واقعا نمی
می دانم که اگر یک نازک تر وجود دارد.

296
00:12:24,140 --> 00:12:24,680
آلیسون 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
آن را همیشه برای رفتن به،
مانند، فونت چیزی.

302
00:12:39,330 --> 00:12:43,450
بنابراین آن را مانند، فونت خانواده است اگر شما
تلاش برای تغییر نوع واقعی.

303
00:12:43,450 --> 00:12:47,390
این خواهید بود فونت به سبک اگر شما
می خواهم به آن را مانند خط شکسته،

304
00:12:47,390 --> 00:12:49,710
و یا کج (ایتالیک)، و یا فلان چیز.

305
00:12:49,710 --> 00:12:53,570
و یا حتی فونت رنگ، اگر
ما برای تغییر که می خواستم.

306
00:12:53,570 --> 00:12:55,621
>> توماس REIMERS: آره.

307
00:12:55,621 --> 00:12:56,925
بنابراین شما می توانید تغییر دهید.

308
00:12:56,925 --> 00:12:59,360
و نوع فقط به
روکش در حال حاضر، بنابراین شما می توانید

309
00:12:59,360 --> 00:13:01,400
ببینید که ما انتخاب تا اینجا.

310
00:13:01,400 --> 00:13:03,000
ما این آکولاد.

311
00:13:03,000 --> 00:13:06,735
و سپس ما قوانین
حد و مرز مشخصی با نقطه.

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
>> آلیسون BUCHHOLTZ-AU: بازگشت.

317
00:13:14,424 --> 00:13:17,590
توماس REIMERS: اجازه دهید به طور خاص صحبت
در مورد چه نوع انتخاب ما داشته باشد.

318
00:13:17,590 --> 00:13:19,790
چون در حال حاضر ما باید
مرتب کردن بر اساس فقط نشان داده شده است برچسب ها.

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
برچسب ها برای آنها سبک های مختلف می دهد.

324
00:13:33,410 --> 00:13:35,995
>> بنابراین ما باید سه پایه
نوع انتخاب.

325
00:13:35,995 --> 00:13:37,120
آلیسون BUCHHOLTZ-AU: آره.

326
00:13:37,120 --> 00:13:39,828
بنابراین ما باید تگ، که همان چیزی است
ما شده ایم صحبت کردن در مورد در حال حاضر.

327
00:13:39,828 --> 00:13:42,430
به طوری که نوع مانند بدن یا P کنید.

328
00:13:42,430 --> 00:13:46,280
و سپس ما کلاس، که
هنگامی که آن را در فایل CSS ما تعریف می کنیم،

329
00:13:46,280 --> 00:13:49,907
آن را همیشه به نقطه شود، هر چه
شما می خواهید نام کلاس خود است.

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
ما به شما یک نمونه از را
که در آن این در واقع نشان می دهد تا.

336
00:14:05,600 --> 00:14:11,030
اما اگر شما تا به حال شاید برخی از تگ
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
>> یکی دیگر ما
شناسه است، که ما معنی

342
00:14:27,270 --> 00:14:29,707
با یک رشته هش، و یا پوند، یا هشتگ.

343
00:14:29,707 --> 00:14:30,790
توماس REIMERS: Octothorpe.

344
00:14:30,790 --> 00:14:32,430
آلیسون BUCHHOLTZ-AU: Octothorpe.

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
و در راه همان است که ما فقط
می گویند، مانند، کلاس = "class2 class1،"

351
00:14:48,730 --> 00:14:51,577
این فقط می توانید شناسه از هر ما باشد.

352
00:14:51,577 --> 00:14:52,410
توماس 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
>> آلیسون BUCHHOLTZ-AU: دوم یک.

361
00:15:12,525 --> 00:15:13,540
توماس REIMERS: آره.

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
آلیسون BUCHHOLTZ-AU: آه.

366
00:15:24,150 --> 00:15:24,983
توماس REIMERS: آره.

367
00:15:24,983 --> 00:15:27,570
ما قصد داریم برای پیدا کردن یک "این است
متن 1، "و" این متن 2. است "

368
00:15:27,570 --> 00:15:28,650
>> آلیسون BUCHHOLTZ-AU: و
رنگ کردن دوست داشتنی زرد.

369
00:15:28,650 --> 00:15:31,066
>> توماس REIMERS: و شما خواهید دید
که انتخاب ما در حال حاضر،

370
00:15:31,066 --> 00:15:34,940
که شامل P، یا
پاراگراف، تاثیر می گذارد هر دو آنها را،

371
00:15:34,940 --> 00:15:38,700
چون هر دو آنها را ملاقات
شرایط که آنها هر دو یک برچسب P هستید.

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
بنابراین دقیقا مانند آلیسون گفت،
ما دو راه دیگر برای انجام این کار.

375
00:15:46,350 --> 00:15:47,320
من قصد دارم با شناسه شروع می شود.

376
00:15:47,320 --> 00:15:48,405
>> آلیسون BUCHHOLTZ-AU:
بیایید با شناسه شروع می شود.

377
00:15:48,405 --> 00:15:50,405
>> توماس 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
در داخل تگ است که
جدا از نام تگ.

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
>> آلیسون BUCHHOLTZ-AU: من فقط قرار بود
می گویند، از مثال خود را از PSET 7،

384
00:16:03,950 --> 00:16:06,650
اگر هر کدام از شما سعی می کنید به چین
همه چیز به مرکز،

385
00:16:06,650 --> 00:16:08,550
شما ممکن است مورد استفاده قرار
"متن چین = مرکز."

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
توماس REIMERS: یک دسته وجود دارد
از ویژگی های است که شما خواهید دید.

390
00:16:18,040 --> 00:16:18,539
آره.

391
00:16:18,539 --> 00:16:21,250
مانند مرجع خوبی برای PSET 7.

392
00:16:21,250 --> 00:16:23,150
ما شناسه.

393
00:16:23,150 --> 00:16:25,080
شما همچنین می توانید
کلاس، چیزهایی مثل این.

394
00:16:25,080 --> 00:16:27,250
برچسب می تواند بسیاری از ویژگی های داشته باشد.

395
00:16:27,250 --> 00:16:33,140
بنابراین با شناسه شروع، اجازه دهید ما وانمود
می خواهم به یک 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
آلیسون BUCHHOLTZ-AU: این
جاوا باشد فوق العاده.

399
00:16:39,950 --> 00:16:42,360
توماس REIMERS: پس این
یکی، ما باید شناسه خاص.

400
00:16:42,360 --> 00:16:48,140
بنابراین راه برای انتخاب که، پس از آن، است
در main.css، به جای یک تگ P،

401
00:16:48,140 --> 00:16:51,500
شما انجام #special، خوب؟

402
00:16:51,500 --> 00:16:55,538
و این انتخاب
چیزی که با شناسه خاص.

403
00:16:55,538 --> 00:16:57,295
آیا این را حس برای همه؟

404
00:16:57,295 --> 00:16:57,920
رسید آره.

405
00:16:57,920 --> 00:16:59,110
توماس REIMERS: دانلود.

406
00:16:59,110 --> 00:17:04,440
بنابراین در حال حاضر اگر ما به عقب برویم،
ما see-- اوه.

407
00:17:04,440 --> 00:17:06,240
آره.

408
00:17:06,240 --> 00:17:09,460
خواهیم دید که آن را تنها انتخاب
با یک شناسه خاص.

409
00:17:09,460 --> 00:17:10,622
آره؟

410
00:17:10,622 --> 00:17:11,900
برای تلفن های موبایل.

411
00:17:11,900 --> 00:17:12,570
بله.

412
00:17:12,570 --> 00:17:15,456
>> رسید می چیزی
ویژگی هر دو کلاس و شناسه؟

413
00:17:15,456 --> 00:17:16,359
>> توماس 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
توماس 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
خب، اول نظر شما ممکن است، خوب، من
می تواند فقط به یک ثانیه شناسه.

422
00:17:42,850 --> 00:17:45,590
اما شما نمی توانید، به دلیل ID،
دقیقا مانند آلیسون گفت،

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
و آنچه ما قصد داریم برای انجام آن است
ما قصد داریم به say-- به جای پوند،

429
00:18:06,500 --> 00:18:08,070
ما قصد استفاده از نقطه.

430
00:18:08,070 --> 00:18:08,740
باشه؟

431
00:18:08,740 --> 00:18:11,950
و توجه کنید که پوند و نقطه
تنها در فایل CSS وجود داشته باشد،

432
00:18:11,950 --> 00:18:12,797
نه در HTML.

433
00:18:12,797 --> 00:18:13,880
آلیسون BUCHHOLTZ-AU: بله.

434
00:18:13,880 --> 00:18:15,185
تمایز مهم است.

435
00:18:15,185 --> 00:18:17,510
>> توماس REIMERS: من
حال مبارزه بسیار،

436
00:18:17,510 --> 00:18:23,990
چون من هش در 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
باشه.

443
00:18:37,270 --> 00:18:39,735
من واقعا نمی دانم که چرا من می خواهم
می خواهید برای انجام این کار، اما من می توانم.

444
00:18:39,735 --> 00:18:42,401
>> آلیسون BUCHHOLTZ-AU: ممکن است
آن را برای وب سایت خود را توصیه می شود.

445
00:18:42,401 --> 00:18:43,880
اما برای اهداف ما، آن را انجام دهد.

446
00:18:43,880 --> 00:18:46,294
>> توماس REIMERS: این نمی
طرح رنگ خوب است.

447
00:18:46,294 --> 00:18:49,210
آلیسون BUCHHOLTZ-AU: خوب، زرد
و آبی رنگ دبیرستان من هستند.

448
00:18:49,210 --> 00:18:50,947
من نمی دانم، هر چند.

449
00:18:50,947 --> 00:18:53,530
توماس REIMERS: آلیسون بالا
مدرسه طرح رنگ بزرگ بود.

450
00:18:53,530 --> 00:18:54,520
[خنده حضار]

451
00:18:54,520 --> 00:18:59,120
پس آنچه که ما می توانید تماس بگیرید این است
بیایید تماس بگیرید this-- بنابراین ما باید ویژه

452
00:18:59,120 --> 00:19:00,030
و ما باید خیلی.

453
00:19:00,030 --> 00:19:02,405
من پیشنهاد می کنم، برای این، شما با استفاده از
نام بسیار بیشتر توصیفی.

454
00:19:02,405 --> 00:19:05,820
آلیسون BUCHHOLTZ-AU: آره، من
به این، مانند، زرد یا آبی رنگ است.

455
00:19:05,820 --> 00:19:08,314
>> توماس 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
ممکن است، مانند، هدر مقاله،
محتوای مقاله، اولین کلمه،

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
آنها باید در یک راه که در آن نام
شما می توانید، like-- آره، به این ترتیب.

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
و سپس ما در حال رفتن به say-- تا
راه برای تغییر رنگ فقط "رنگ" است.

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
یک بعدی رفتن به
باید "کلاس = بسیار."

469
00:19:45,972 --> 00:19:49,180
آلیسون BUCHHOLTZ-AU: و سپس شما
می خواهید برای اضافه کردن "بسیار" را به یکی از وسط.

470
00:19:49,180 --> 00:19:49,971
توماس REIMERS: آره.

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
باشه؟

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
>> آلیسون BUCHHOLTZ-AU: --has ضخیم
پس زمینه زرد با متن آبی.

485
00:20:26,160 --> 00:20:29,330
و آخرین ما فقط
متن آبی است که ما به آن اختصاص داده.

486
00:20:29,330 --> 00:20:30,870
>> توماس REIMERS: خنک؟

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
>> آلیسون BUCHHOLTZ-AU: آیا ما به خواهید
بحث در مورد جنگ در حال حاضر پس از آن؟

490
00:20:34,720 --> 00:20:35,780
>> توماس REIMERS: بنابراین آره.

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
بیایید یکی از اولین تظاهر
مجموعه تا چیزی like--

494
00:20:44,740 --> 00:20:47,240
آلیسون BUCHHOLTZ-AU: شاید
این یک پس زمینه را تغییر؟

495
00:20:47,240 --> 00:20:48,090
توماس REIMERS: آره.

496
00:20:48,090 --> 00:20:51,699
بنابراین ما در حال رفتن به "بسیار"
پس زمینه به ماهی قزل آلا را تغییر دهید.

497
00:20:51,699 --> 00:20:54,740
آلیسون BUCHHOLTZ-AU: شما فقط با هستی
تمام رنگ های بزرگ امروز، توماس.

498
00:20:54,740 --> 00:20:55,573
توماس 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
من هم فکر می کنم غروب یک رنگ واقعی است.

502
00:21:01,770 --> 00:21:03,103
رسید غروب یک رنگ واقعی است؟

503
00:21:03,103 --> 00:21:04,572
آلیسون BUCHHOLTZ-AU: اجازه دهید آن را امتحان کنید.

504
00:21:04,572 --> 00:21:07,735
توماس REIMERS: پس از این نسخه ی نمایشی
فقط به خاطر اینکه در مورد آن فاجعه تا،

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
>> آلیسون BUCHHOLTZ-AU: هر ایده؟

509
00:21:17,522 --> 00:21:20,002
>> رسید [نامفهوم].

510
00:21:20,002 --> 00:21:20,920
>> توماس 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
>> آلیسون BUCHHOLTZ-AU: پس این است
که در آن آبشاری را به اثر می آید.

514
00:21:27,860 --> 00:21:31,080
>> توماس REIMERS: پس به یاد داشته باشید که چگونه ما
حال که شیوه نامه آبشاری؟

515
00:21:31,080 --> 00:21:33,660
بنابراین با آن، ما نوع معنا
که ما یک دسته از قوانین

516
00:21:33,660 --> 00:21:37,115
که در بالای هر یک از دیگر اعمال می شود، و
آنها همچنین می توانند هر یک از دیگر لغو می کند.

517
00:21:37,115 --> 00:21:39,380
>> آلیسون BUCHHOLTZ-AU: پس
هر آنچه در پایین

518
00:21:39,380 --> 00:21:41,540
نادیده گرفتن خواهد شد هر آنچه در بالای صفحه.

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
>> توماس REIMERS: یا شاید شما
نمی خواهم به بازنویسی قوانین.

523
00:21:53,340 --> 00:21:53,920
>> آلیسون BUCHHOLTZ-AU: یا شاید شما انجام دهد.

524
00:21:53,920 --> 00:21:54,300
بله.

525
00:21:54,300 --> 00:21:57,175
>> توماس REIMERS: وانمود کند که
کلاس که شامل بسیاری از چیزها،

526
00:21:57,175 --> 00:22:01,220
اما اجازه دهید بگویم که شما می خواهید به تغییر
رنگ پس زمینه به رنگ قرمز و فونت

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
خواص، شما می توانید چیزی انجام
مانند "فونت وزن = عادی،"

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
باز هم، بهترین راه، من فکر می کنم
آلیسون گفت: آن، تنها تمرین.

533
00:22:17,250 --> 00:22:18,080
>> آلیسون BUCHHOLTZ-AU: آزمایش.

534
00:22:18,080 --> 00:22:20,090
>> توماس REIMERS: تمرین، تمرین،
عمل، و آزمایش.

535
00:22:20,090 --> 00:22:22,950
من می دانم که بسیاری از مردم که فکر می کنم
CSS تنها بسیاری از حدس و چک است

536
00:22:22,950 --> 00:22:25,580
در پایان روز، که در آن اگر
شما می خواهید به انجام something-- مانند،

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
>> توماس REIMERS: نه، نه در همه.

543
00:22:40,992 --> 00:22:45,764
>> آلیسون BUCHHOLTZ-AU: آنچه مهم است
نظم در شیوه نامه CSS خود را.

544
00:22:45,764 --> 00:22:47,430
رسید می توانید سوال را تکرار؟

545
00:22:47,430 --> 00:22:50,680
توماس REIMERS: اوه.

546
00:22:50,680 --> 00:22:53,990
آلیسون BUCHHOLTZ-AU: در
کلاس، کلاس زمانی که شما در حال دادن

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
>> توماس REIMERS: خوب صدا؟

552
00:23:06,982 --> 00:23:08,532
>> آلیسون BUCHHOLTZ-AU: دوست داشتنی.

553
00:23:08,532 --> 00:23:11,539
>> توماس REIMERS: و پس از آن
ما قصد داریم به ادامه to--

554
00:23:11,539 --> 00:23:13,330
آلیسون BUCHHOLTZ-AU:
چه ما آینده؟

555
00:23:13,330 --> 00:23:14,245
فراموش کردم.

556
00:23:14,245 --> 00:23:16,087
اوه، ما فقط نمونه داشته باشد.

557
00:23:16,087 --> 00:23:17,295
اما ما نوع آن انجام می شود.

558
00:23:17,295 --> 00:23:18,990
ما نمونه در پرواز انجام داده ام.

559
00:23:18,990 --> 00:23:20,540
>> توماس REIMERS: ما برای به دست آوردن
به زودی ترکیب انتخاب.

560
00:23:20,540 --> 00:23:22,790
>> آلیسون BUCHHOLTZ-AU: اوه،
ما را وادار به ترکیب انتخاب.

561
00:23:22,790 --> 00:23:25,260
توماس REIMERS: بنابراین برخی از
نمونه است ما

562
00:23:25,260 --> 00:23:29,630
# پوند dog--، یا هشتگ،
و یا octothorpe، یا هر چیز دیگری

563
00:23:29,630 --> 00:23:32,050
شما می خواهید به تماس that-- تیز.

564
00:23:32,050 --> 00:23:34,875
>> آلیسون BUCHHOLTZ-AU: سگ شارپ.

565
00:23:34,875 --> 00:23:36,470
>> توماس 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
چیزی دارای یک id از
گربه، فقط یک گربه وجود دارد.

569
00:23:43,870 --> 00:23:45,665
ممکن است حیوانات خانگی بسیاری را در صفحه وجود دارد.

570
00:23:45,665 --> 00:23:47,570
به همین دلیل ما به که کلاس.

571
00:23:47,570 --> 00:23:48,740
شما باید یک نمونه از P.

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-- آره.

577
00:24:02,950 --> 00:24:04,290
بنابراین به اینجا.

578
00:24:04,290 --> 00:24:04,850
>> آلیسون BUCHHOLTZ-AU: من
احساس می کنم مثل این really-- است

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
>> توماس REIMERS: بنابراین اجازه دهید ما وانمود
فقط می خواهید برای انتخاب متن 2، درست است؟

582
00:24:14,030 --> 00:24:16,530
بنابراین ما قطعا نمی تواند
انجام این کار با یک id.

583
00:24:16,530 --> 00:24:19,620
خب، ما می تواند که با انجام
شناسه، اما آن را نشانی از شناسه ندارد.

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
شما می توانید say-- اجازه دهید
وانمود من فقط می خواستم

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
بیایید وانمود کنیم که من تا به حال
چیزی بسیار در بدن تگ.

606
00:25:23,585 --> 00:25:25,850
باشه؟

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
آلیسون BUCHHOLTZ-AU: پس
این نوع از مفید تر است

613
00:25:41,770 --> 00:25:45,490
هنگامی که، توماس بود زودتر گفت، شاید
شما یک وب سایت بسیار پیچیده،

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
مانند به جای نوشتن یک کل
انتخاب های جدید و تغییر آن وجود دارد،

617
00:25:55,350 --> 00:25:58,592
شما می توانید فقط ترکیب
آنها که در آن همپوشانی.

618
00:25:58,592 --> 00:26:00,670
>> توماس 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
بنابراین شما ارسال نامه مورد خاص، که در آن،
like-- اما اگر آن را تا هر دو، آنچه شما

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
>> آلیسون BUCHHOLTZ-AU: خوب
برای کسانی که انواع استثنا.

627
00:26:17,955 --> 00:26:21,220
توماس 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
آلیسون BUCHHOLTZ-AU:
ما تقریبا وجود دارد.

632
00:26:31,400 --> 00:26:34,022
توماس REIMERS: و آن
اتصال متوقف شده است.

633
00:26:34,022 --> 00:26:36,494
آلیسون BUCHHOLTZ-AU: آه، نه.

634
00:26:36,494 --> 00:26:39,125
آلیسون BUCHHOLTZ-AU: CS در
دفتر، اینترنت پایین می رود.

635
00:26:39,125 --> 00:26:40,360
آه، طنز.

636
00:26:40,360 --> 00:26:45,620
>> توماس REIMERS: بنابراین خوشبختانه، ما می توانیم
ارائه بدون اینترنت، من حدس می زنم،

637
00:26:45,620 --> 00:26:47,380
چون ما همه اسلاید در اینجا.

638
00:26:47,380 --> 00:26:49,304
بنابراین اجازه دهید در مورد صحبت
رابطه برچسب ها.

639
00:26:49,304 --> 00:26:50,470
آلیسون BUCHHOLTZ-AU: راست.

640
00:26:50,470 --> 00:26:52,660
پس فقط نوع از رفتن
خاموش از آنچه توماس گفت،

641
00:26:52,660 --> 00:26:54,180
این تنها راهی دیگر برای انجام آن است.

642
00:26:54,180 --> 00:26:57,840
بنابراین ما برخی از پدر و مادر دارند
انتخاب با انتخاب کودک.

643
00:26:57,840 --> 00:27:02,815
بنابراین در این مثال در اینجا، ما باید برخی از
بدن با نوار پیمایش کلاس، دکمه کلاس.

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

645
00:27:03,315 --> 00:27:03,990
>> توماس REIMERS: اوه، ببخشید.

646
00:27:03,990 --> 00:27:06,180
>> آلیسون BUCHHOLTZ-AU: و
در واقع، این به چه معناست

647
00:27:06,180 --> 00:27:11,070
است انتخاب همه کودکان، مانند
همه این انواع انتخاب،

648
00:27:11,070 --> 00:27:13,040
در این انتخاب پدر و مادر.

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
توماس REIMERS: بنابراین من
حدس می زنم راه به فکر می کنم

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-- من می خواهم
شما برای پیدا کردن یک انتخاب.

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
و پس از آن ما باید یک لینک، خوب؟

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
آلیسون BUCHHOLTZ-AU: دانلود.

669
00:28:14,460 --> 00:28:16,420
توماس REIMERS: Coo-- اجازه دهید
به آن کلاس بسیار.

670
00:28:16,420 --> 00:28:16,930
چرا که نه؟

671
00:28:16,930 --> 00:28:17,971
>> آلیسون BUCHHOLTZ-AU: OK.

672
00:28:17,971 --> 00:28:23,040
توماس 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
و اگر ما this-- انجام

676
00:28:28,760 --> 00:28:29,620
>> آلیسون BUCHHOLTZ-AU:
آیا شما می خواهید برای اضافه کردن متن

677
00:28:29,620 --> 00:28:31,078
بنابراین لینک در واقع نشان می دهد تا؟

678
00:28:31,078 --> 00:28:35,088
توماس REIMERS: که
خواهد بود یک تماس خوب است.

679
00:28:35,088 --> 00:28:37,921
آلیسون BUCHHOLTZ-AU: "حق چون
در حال حاضر ما فقط جاوا هیچ چیز نیست.

680
00:28:37,921 --> 00:28:39,690
توماس REIMERS: پس این یک لینک است.

681
00:28:39,690 --> 00:28:42,202
"این یک لینک است."

682
00:28:42,202 --> 00:28:45,820
اوه، و این است که
به لینک دیگر.

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
در حال حاضر یکی در
برچسب های ویژه، و ما نیز

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
آلیسون BUCHHOLTZ-AU:
آیا ما می توانیم آن را بزرگتر؟

695
00:29:12,180 --> 00:29:13,800
توماس REIMERS: اجازه دهید آن را مرز می دهد.

696
00:29:13,800 --> 00:29:14,840
آلیسون BUCHHOLTZ-AU: ما می تواند مرز.

697
00:29:14,840 --> 00:29:15,673
توماس 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
برای now--

701
00:29:21,470 --> 00:29:24,592
>> آلیسون BUCHHOLTZ-AU: به مدل جعبه.

702
00:29:24,592 --> 00:29:27,300
توماس 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
>> آلیسون BUCHHOLTZ-AU:
وب سایت ما تا بسیار.

707
00:29:34,500 --> 00:29:35,333
>> توماس 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
خوب، من همه چیز را پیدا
که منطبق ویژه.

719
00:30:19,530 --> 00:30:24,104
سپس در آن برچسب ها، پیدا کردن
من همه چیز را که سرد.

720
00:30:24,104 --> 00:30:27,270
آلیسون BUCHHOLTZ-AU: بنابراین راه دیگری
که ممکن است خوب در مورد این فکر می کنم،

721
00:30:27,270 --> 00:30:29,810
آوردن آن به C است،
درست مثل این ایده از دامنه.

722
00:30:29,810 --> 00:30:34,020
بنابراین، هنگامی که شما باید برخی از
انتخاب، مانند آنهایی که

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
آلیسون BUCHHOLTZ-AU: منظور؟

731
00:30:56,423 --> 00:30:59,320
رسید --The کلاس در CSS
به .cool، فضا، .special؟

732
00:30:59,320 --> 00:31:01,153
آلیسون 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
>> توماس REIMERS: اگر ما گفته بود چه؟

737
00:31:10,318 --> 00:31:10,906
متأسفم.

738
00:31:10,906 --> 00:31:12,660
>> آلیسون BUCHHOLTZ-AU: اگر ما
دامنه آن را به سرد و پس از آن

739
00:31:12,660 --> 00:31:14,550
برای چیزهایی نگاه از خاص،
این امر می تواند همان، در واقع.

740
00:31:14,550 --> 00:31:16,260
>> توماس REIMERS: بنابراین آن را نمی خواهد.

741
00:31:16,260 --> 00:31:16,590
>> آلیسون 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
>> توماس REIMERS: پس دلیل
آن 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
دو تگ در اینجا وجود دارد، درست است؟

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
در این برچسب ها، چه خاص است؟

754
00:31:48,824 --> 00:31:49,865
آلیسون 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
>> توماس REIMERS: پس از آن انتخاب هیچ چیز نیست.

758
00:31:53,310 --> 00:31:56,530
>> آلیسون BUCHHOLTZ-AU: در حالی که با
خاص، ما در این برچسب ها در اینجا.

759
00:31:56,530 --> 00:31:57,971
>> توماس REIMERS: کسانی و کسانی که.

760
00:31:57,971 --> 00:31:58,512
رسید OK.

761
00:31:58,512 --> 00:31:58,920
بنابراین کسانی که برچسب از جلو بریده بریده؟

762
00:31:58,920 --> 00:31:59,740
>> توماس 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
آلیسون BUCHHOLTZ-AU: آره.

766
00:32:04,810 --> 00:32:06,870
من فکر می کنم که احتمالا
ساده ترین راه برای در مورد آن فکر می کنم.

767
00:32:06,870 --> 00:32:09,270
>> توماس 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
پس این تنها تگ که باقی می ماند.

772
00:32:16,250 --> 00:32:20,112
>> آلیسون BUCHHOLTZ-AU: در حالی که سرد
فقط در این برچسب ها وجود دارد.

773
00:32:20,112 --> 00:32:21,070
توماس 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
توماس 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
بنابراین با در نظر گرفتن then--

791
00:33:00,426 --> 00:33:01,800
>> آلیسون BUCHHOLTZ-AU: من فکر می کنم آخرین ما
چیزی است (در خیال BRITISH ACCENT)

792
00:33:01,800 --> 00:33:02,510
مدل جعبه.

793
00:33:02,510 --> 00:33:05,992
>> توماس REIMERS: box-- [خنده]
من عاشق راه آلیسون می گوید که.

794
00:33:05,992 --> 00:33:06,950
بنابراین چیزی که جعبه مدل.

795
00:33:06,950 --> 00:33:09,644
>> آلیسون BUCHHOLTZ-AU: فقط باید
یک جعبه، من مدل جعبه خود را.

796
00:33:09,644 --> 00:33:11,310
توماس 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
ما زمان زیادی صرف کرده ام
صحبت کردن در مورد، چه برچسب شده است،

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
>> توماس REIMERS: این یک مستطیل است، درست است؟

810
00:33:49,040 --> 00:33:50,956
>> آلیسون BUCHHOLTZ-AU:
یک سوال نکته این نیست.

811
00:33:50,956 --> 00:33:51,870
[خنده حضار]

812
00:33:51,870 --> 00:33:54,670
>> توماس REIMERS: تلاش
به شما فریب بچه ها این اواخر.

813
00:33:54,670 --> 00:33:57,510
بنابراین ما باید این مستطیل.

814
00:33:57,510 --> 00:33:59,140
و تگ P است، درست است؟

815
00:33:59,140 --> 00:34:02,280
به طوری که به ما می دهد خوب
اعتقاد به این که بند

816
00:34:02,280 --> 00:34:07,440
به عنوان یک مستطیل نشان داده، در
حداقل در ذهن مرورگر، که

817
00:34:07,440 --> 00:34:08,715
آن هست.

818
00:34:08,715 --> 00:34:11,423
>> آلیسون BUCHHOLTZ-AU: منظور من،
مرورگرهای معمولا مستطیل شکل،

819
00:34:11,423 --> 00:34:13,440
پس از آن را حس می کند.

820
00:34:13,440 --> 00:34:18,750
>> توماس REIMERS: ایده در اینجا این است
که همه از برچسب در CSS

821
00:34:18,750 --> 00:34:21,790
به عنوان یک مستطیل نمایش داده شود.

822
00:34:21,790 --> 00:34:25,699
و هر مستطیل دارای چهار
قطعات با توجه به CSS، خوب؟

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
>> آلیسون BUCHHOLTZ-AU:
شاید عکس خود.

826
00:34:30,470 --> 00:34:31,303
>> توماس REIMERS: آره.

827
00:34:31,303 --> 00:34:33,860
شما باید بالشتک، که
فقط نوعی از فضای سفید.

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، خوب؟

833
00:34:47,570 --> 00:34:48,420
ببخشید در حالی که I--

834
00:34:48,420 --> 00:34:51,506
>> آلیسون BUCHHOLTZ-AU: من احساس می کنم دوست
ما باید یک عکس زیبا در قرار داده است.

835
00:34:51,506 --> 00:34:52,520
>> توماس REIMERS: ما قطعا باید.

836
00:34:52,520 --> 00:34:53,389
>> آلیسون BUCHHOLTZ-AU:
من مثل همه احساس

837
00:34:53,389 --> 00:34:54,870
می تواند از بهره مند
عکس ناز، است تمام.

838
00:34:54,870 --> 00:34:56,774
>> توماس REIMERS: آیا ما می توانیم
همه بهره مندی از a--

839
00:34:56,774 --> 00:34:57,648
>> رسید آره، مطمئن شوید.

840
00:34:57,648 --> 00:34:58,790
توماس REIMERS: OK، سرد.

841
00:34:58,790 --> 00:35:02,254
بنابراین ما باید ناز قرار داده
تصویر در جایی.

842
00:35:02,254 --> 00:35:05,295
آلیسون BUCHHOLTZ-AU: من مثل یک احساس
اسم حیوان دست اموز ناز ممکن است مفید باشد در حال حاضر.

843
00:35:05,295 --> 00:35:06,190
توماس REIMERS: مطمئنا.

844
00:35:06,190 --> 00:35:06,950
آلیسون BUCHHOLTZ-AU: پایان هفته.

845
00:35:06,950 --> 00:35:07,390
آیا چیزی adorab--

846
00:35:07,390 --> 00:35:08,520
>> توماس REIMERS: چگونه تقلا یک بچه گربه؟

847
00:35:08,520 --> 00:35:09,220
>> آلیسون BUCHHOLTZ-AU:
بچه گربه کار می کند، بیش از حد.

848
00:35:09,220 --> 00:35:11,300
>> توماس REIMERS: دانلود، زیرا
یک سایت برای آن وجود دارد.

849
00:35:11,300 --> 00:35:12,300
آن را به نام PlaceKitten.

850
00:35:12,300 --> 00:35:14,719
آلیسون BUCHHOLTZ-AU: بسیار عالی.

851
00:35:14,719 --> 00:35:15,510
توماس REIMERS: بله.

852
00:35:15,510 --> 00:35:18,040
آلیسون BUCHHOLTZ-AU: فقط برای، مانند،
تصاویر حفره یا سوراخ در وب سایت شما.

853
00:35:18,040 --> 00:35:18,914
توماس 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
>> آلیسون BUCHHOLTZ-AU: PlaceBacon؟

857
00:35:24,340 --> 00:35:25,350
واقعا؟

858
00:35:25,350 --> 00:35:28,190
>> توماس REIMERS: اوه، ما نمی
دسترسی به اینترنت را در اینجا.

859
00:35:28,190 --> 00:35:29,875
>> آلیسون BUCHHOLTZ-AU: [ناله]

860
00:35:29,875 --> 00:35:30,375
غم انگیز است.

861
00:35:30,375 --> 00:35:32,333
توماس REIMERS: در غیر این صورت،
من به شما بچه ها را نشان می دهد

862
00:35:32,333 --> 00:35:33,870
چگونه برای قرار دادن تصاویر در وب سایت شما.

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
>> آلیسون BUCHHOLTZ-AU: ما انجام داد.

867
00:35:40,210 --> 00:35:43,110
>> توماس 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
بنابراین شناسه = "برای اولین بار."

872
00:36:01,184 --> 00:36:02,850
و ما قصد داریم به آنها دو رنگ می دهد.

873
00:36:02,850 --> 00:36:08,424
پس چگونه چیزی است که ما را انتخاب کنید
با شماره "برای اولین بار"؟

874
00:36:08,424 --> 00:36:09,840
آلیسون BUCHHOLTZ-AU: نقطه و یا هش؟

875
00:36:09,840 --> 00:36:10,730
رسید شارپ.

876
00:36:10,730 --> 00:36:12,940
توماس REIMERS: شارپ، کامل است.

877
00:36:12,940 --> 00:36:14,950
شارپ، هش، هر we--

878
00:36:14,950 --> 00:36:15,680
>> آلیسون BUCHHOLTZ-AU:
بسیاری از چیزهایی به آن تماس بگیرید.

879
00:36:15,680 --> 00:36:16,430
>> توماس REIMERS: OK.

880
00:36:16,430 --> 00:36:19,800
ما قصد داریم به حل و فصل در هشتگ، و
این چیزی است که ما قصد داریم تا با.

881
00:36:19,800 --> 00:36:20,300
باشه؟

882
00:36:20,300 --> 00:36:20,735
>> آلیسون BUCHHOLTZ-AU: هشتگ.

883
00:36:20,735 --> 00:36:22,340
>> توماس REIMERS: پس هشتگ برای اولین بار.

884
00:36:22,340 --> 00:36:24,506
>> آلیسون BUCHHOLTZ-AU: پس
شما می توانید seminar-- صدای جیر جیر

885
00:36:24,506 --> 00:36:27,582
CSS هشتگ، هشتگ سرد.

886
00:36:27,582 --> 00:36:29,040
توماس REIMERS: هشتگ بد.

887
00:36:29,040 --> 00:36:30,730
آلیسون BUCHHOLTZ-AU:
هشتگ بد، بله.

888
00:36:30,730 --> 00:36:31,480
توماس 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
آلیسون BUCHHOLTZ-AU: آه، روده بزرگ است.

892
00:36:39,030 --> 00:36:40,281
توماس REIMERS: آره.

893
00:36:40,281 --> 00:36:42,281
آلیسون BUCHHOLTZ-AU:
من خود نقطه جستجوگر.

894
00:36:42,281 --> 00:36:43,960
توماس REIMERS: آلیسون را من کردم.

895
00:36:43,960 --> 00:36:45,830
رنگ پس زمینه از blue--

896
00:36:45,830 --> 00:36:46,810
>> توماس REIMERS: بنفش!

897
00:36:46,810 --> 00:36:47,726
>> توماس REIMERS: بنفش.

898
00:36:47,726 --> 00:36:48,830
آلیسون BUCHHOLTZ-AU: بله.

899
00:36:48,830 --> 00:36:50,630
رنگ مورد علاقه من بنفش است،
و ما آن را مورد استفاده قرار نگرفته است.

900
00:36:50,630 --> 00:36:51,546
>> توماس REIMERS: بنفش.

901
00:36:51,546 --> 00:36:53,361
آلیسون BUCHHOLTZ-AU: بنفش.

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
>> توماس 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
بنابراین "برای اولین بار" خواهد بود "سلام."

909
00:37:09,815 --> 00:37:10,940
و "دوم" say-- خواهد

910
00:37:10,940 --> 00:37:11,110
>> آلیسون BUCHHOLTZ-AU: خداحافظ.

911
00:37:11,110 --> 00:37:12,514
>> رسید - "جهان است."

912
00:37:12,514 --> 00:37:14,122
سلام، خداحافظ.

913
00:37:14,122 --> 00:37:16,580
آلیسون BUCHHOLTZ-AU: من تو را دیدم
آنها را در کنسرت هفته دیگر.

914
00:37:16,580 --> 00:37:17,705
توماس REIMERS: بیتلز؟

915
00:37:17,705 --> 00:37:20,242
آلیسون BUCHHOLTZ-AU: برای 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
>> توماس 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
>> آلیسون BUCHHOLTZ-AU: آنها وجود داشته باشد.

924
00:37:35,130 --> 00:37:39,560
>> توماس REIMERS: پس CSS من فکر می کنم دارد
255 کلمات در مورد رنگ صحبت کنید.

925
00:37:39,560 --> 00:37:42,986
اگر شما می توانید از یک رنگ خارج فکر می کنم
کسانی که 255، مانند، من تحت تاثیر قرار است.

926
00:37:42,986 --> 00:37:44,110
آلیسون BUCHHOLTZ-AU: آره.

927
00:37:44,110 --> 00:37:45,560
من فکر می کنم شما بچه ها ممکن است
فقط در سمت راست پس از آمده است.

928
00:37:45,560 --> 00:37:47,727
>> توماس REIMERS: بنابراین در اینجا،
شما خواهید دید ما دو جعبه

929
00:37:47,727 --> 00:37:49,143
سمت راست در بالای هر یک دیگر، درست است؟

930
00:37:49,143 --> 00:37:50,200
سلام و خداحافظ.

931
00:37:50,200 --> 00:37:51,460
>> آلیسون BUCHHOLTZ-AU:
هیچ فاصله در بین وجود دارد.

932
00:37:51,460 --> 00:37:53,390
آنها فقط smooshed
سمت راست در بالای هر یک از دیگر.

933
00:37:53,390 --> 00:37:55,973
>> توماس REIMERS: پس اولین کاری که
من حدس می زنم ما باید صحبت در مورد

934
00:37:55,973 --> 00:38:02,960
است اجازه دهید همچنین say-- آره.

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 یا خداحافظی و که این.

938
00:38:14,540 --> 00:38:15,040
باشه؟

939
00:38:15,040 --> 00:38:19,790
>> بنابراین یکی از چیزهایی که برای اولین بار از شما
می توانید انجام دهید این است شما می توانید بالشتک اضافه کنید.

940
00:38:19,790 --> 00:38:25,610
پد می گوید فضا چقدر
آن را باید در هر طرف ترک.

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
آلیسون BUCHHOLTZ-AU:
همه از این چیزها در اینجا

944
00:38:33,150 --> 00:38:36,980
در حال رفتن به بیشتر در پیکسل
برای بقیه سمینار.

945
00:38:36,980 --> 00:38:40,980
شما در حال رفتن برای دیدن آن است
برخی از فضای اطراف آن، درست است؟

946
00:38:40,980 --> 00:38:46,360
پس چه شما در اینجا نمی بینم است وجود دارد
این نوع نامرئی پد

947
00:38:46,360 --> 00:38:49,600
در هر طرف، که می گوید، مانند،
خوب، شما باید جعبه خود را از content--

948
00:38:49,600 --> 00:38:51,680
>> آلیسون BUCHHOLTZ-AU: آیا شما می خواهید
فقط بالا بکشد عنصر بازرسی؟

949
00:38:51,680 --> 00:38:53,659
>> توماس REIMERS: آره، که ایده خوبی است.

950
00:38:53,659 --> 00:38:56,700
آلیسون BUCHHOLTZ-AU: همچنین، پیدا کنم
که عنصر بازرسی یک راه خوب است

951
00:38:56,700 --> 00:39:01,280
به شکل اگر چیزی رفتن
اشتباه است، چیزی غیر منتظره اتفاق می افتد،

952
00:39:01,280 --> 00:39:04,570
بازرسی برچسب ها و دیدن آنچه
آن را مانند رونویسی مفید است.

953
00:39:04,570 --> 00:39:05,940
>> توماس REIMERS: بنابراین من مطمئن نیستم
اگر شما بچه ها می توانید این رنگ را ببینید.

954
00:39:05,940 --> 00:39:06,470
میتوانی؟

955
00:39:06,470 --> 00:39:10,120
شما این پد را ببینید
در نوع لبه.

956
00:39:10,120 --> 00:39:13,410
و سپس می بینید واقعی
محتوای رنگ آبی، درست است؟

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
سپس شما باید بالشتک.

960
00:39:18,590 --> 00:39:20,440
>> رسید: چرا شما نه فقط
استفاده از جعبه در داخل the--

961
00:39:20,440 --> 00:39:21,606
>> آلیسون BUCHHOLTZ-AU: راست.

962
00:39:21,606 --> 00:39:24,745
از آنجا که آن را فقط انتخاب
عنصر در حال حاضر.

963
00:39:24,745 --> 00:39:26,050
>> توماس REIMERS: آره.

964
00:39:26,050 --> 00:39:27,060
چیزهای دیگر.

965
00:39:27,060 --> 00:39:29,780
بنابراین اجازه دهید در مورد آن صحبت
دستور بالشتک برای یک ثانیه.

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
و سپس یک بعدی
ما گفته ام پیکسل، پیکسل است.

970
00:39:44,780 --> 00:39:49,160
آنهایی که دیگر شما ممکن است داشته باشد
چیزهایی مانند سانتی متر، اینچ.

971
00:39:49,160 --> 00:39:51,367
شما می توانید انجام کارهایی مانند،
10 اینچ همان چیزی است؟

972
00:39:51,367 --> 00:39:52,700
و آن را به مسخره.

973
00:39:52,700 --> 00:39:52,990
>> آلیسون BUCHHOLTZ-AU: اوه، پسر.

974
00:39:52,990 --> 00:39:53,460
>> رسید ایست.

975
00:39:53,460 --> 00:39:54,460
>> توماس و آلیسون: آره.

976
00:39:54,460 --> 00:39:57,840
توماس REIMERS: به طوری که تمام لایه است.

977
00:39:57,840 --> 00:39:59,255
من قصد دارم برای رفتن به پیکسل.

978
00:39:59,255 --> 00:40:01,754
>> آلیسون BUCHHOLTZ-AU: پیکسل
تمایل به مانند، استاندارد.

979
00:40:01,754 --> 00:40:04,589
هنگامی که شما در بسیاری از وب سایت های نگاه کنید،
آنها اکثرا در پیکسل کار می کنند.

980
00:40:04,589 --> 00:40:07,755
توماس REIMERS: پس شما به ببینید
یا pixels-- دیگر آنهایی که می بینید

981
00:40:07,755 --> 00:40:13,952
EM است، که یکی EM است
به ارتفاع فونت برابر

982
00:40:13,952 --> 00:40:15,160
که شما در حال استفاده از.

983
00:40:15,160 --> 00:40:16,201
>> آلیسون BUCHHOLTZ-AU: MM.

984
00:40:16,201 --> 00:40:17,574

985
00:40:17,574 --> 00:40:20,740
توماس REIMERS: این یک راه خوب برای گفتن است،
مانند، من می خواهم به عنوان فضای آنجا به عنوان فونت من

986
00:40:20,740 --> 00:40:21,514
است در نظر گرفتن.

987
00:40:21,514 --> 00:40:23,180
آلیسون BUCHHOLTZ-AU: چه دانی که نیست که.

988
00:40:23,180 --> 00:40:25,747
شما چیزی جدید هر روز یاد بگیرند.

989
00:40:25,747 --> 00:40:27,955
توماس REIMERS: وجود دارد
بسیاری از اندازه گیری در CS.

990
00:40:27,955 --> 00:40:29,260
من پیشنهاد می کنم که شما آنها را نگاه کردن.

991
00:40:29,260 --> 00:40:32,122
برای همه موارد خود را، من فکر می کنم
پیکسل باید کافی باشد.

992
00:40:32,122 --> 00:40:33,830
و آنها نیز هستید چه
شما در حال رفتن به

993
00:40:33,830 --> 00:40:36,520
در اکثر نمونه های انجام آنلاین.

994
00:40:36,520 --> 00:40:38,320
بنابراین ما آن را در پیکسل ترک.

995
00:40:38,320 --> 00:40:42,420
>> شما همچنین می توانید، من باید تا say--
مجموعه بالشتک همه از واشر.

996
00:40:42,420 --> 00:40:49,789
شما همچنین می توانید چیزی شبیه به انجام
"لایه گذاری بالا" فقط set--

997
00:40:49,789 --> 00:40:52,080
آلیسون BUCHHOLTZ-AU: شاید
ما ما "سلام" به عقب بر گردیم.

998
00:40:52,080 --> 00:40:55,480
توماس REIMERS: --to فقط مجموعه ای از
پد در بالا و هیچ چیز دیگری.

999
00:40:55,480 --> 00:40:59,560
بنابراین چهار دستورات لایه گذاری بالا،
لایه گذاری پایین، بالشتک چپ،

1000
00:40:59,560 --> 00:41:00,310
و padding-راست.

1001
00:41:00,310 --> 00:41:02,470
>> آلیسون BUCHHOLTZ-AU: درست مثل
شما می توانید برای یک جعبه انتظار می رود.

1002
00:41:02,470 --> 00:41:03,530
>> توماس 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
به طوری که لایه است.

1006
00:41:11,990 --> 00:41:14,110
من قصد دارم به مجموعه تمام
واشر بازگشت به 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
باز هم، من فقط با استفاده از پیکسل.

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 در سراسر اینچ،
پیکسل، سانتی متر، هر آنچه.

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
و این همه چیزهایی که ما ام
در حال حاضر قبل از دیده می شود، به جز سبک،

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
>> رسید آره.

1029
00:42:12,760 --> 00:42:14,850
>> توماس REIMERS: دانلود.

1030
00:42:14,850 --> 00:42:17,370
پس چه است؟

1031
00:42:17,370 --> 00:42:19,160
بنابراین اول از همه، آن را یکی پیکسل است.

1032
00:42:19,160 --> 00:42:20,880
که بدیهی است به اندازه کافی، درست است؟

1033
00:42:20,880 --> 00:42:23,254
مانند، آن را یک پیکسل ضخامت دارد.

1034
00:42:23,254 --> 00:42:26,170
و یا این امر می تواند یک پیکسل، اما من هستم
زوم در، پس از آن کمی بیشتر

1035
00:42:26,170 --> 00:42:26,490
از آن.

1036
00:42:26,490 --> 00:42:27,967
>> آلیسون BUCHHOLTZ-AU: و ما
این تلویزیون با وضوح مضحک است.

1037
00:42:27,967 --> 00:42:29,460
>> توماس REIMERS: آره.

1038
00:42:29,460 --> 00:42:33,640
شما می توانید آن را بزرگتر را،
کوچکتر، هر آنچه.

1039
00:42:33,640 --> 00:42:35,630
بنابراین در اینجا یک مرز دو پیکسل است.

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
>> آلیسون BUCHHOLTZ-AU: اما سبک
ممکن است فقط یک کمی جالب است.

1045
00:42:45,110 --> 00:42:45,980
>> توماس REIMERS: آره.

1046
00:42:45,980 --> 00:42:48,560
بنابراین سبک هستند، آنهایی چند وجود دارد
که من می بینم که معمولا استفاده می شود.

1047
00:42:48,560 --> 00:42:55,690
یکی اول جامد، یک آینده
نقطه چین، و نقش برآب آخرین فرد.

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
یک راه خوب برای مرتب کردن بر اساس دریافت مرز زیبا
رفتن، خط تیره نیز بسیار محبوب است.

1051
00:43:09,030 --> 00:43:11,580

1052
00:43:11,580 --> 00:43:13,600
>> آلیسون 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
به نوع مطالعه کردن و
در CSS خنک تر نگاه کنید.

1056
00:43:23,470 --> 00:43:25,954
>> توماس REIMERS: و پس از آن
آخرین چیزی، ما هستیم

1057
00:43:25,954 --> 00:43:27,870
رفتن به مورد بحث
مدل جعبه های واقعی سریع است.

1058
00:43:27,870 --> 00:43:30,070
اوه، و پس از آن مرز،
دقیقا مانند بالشتک،

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
>> آلیسون BUCHHOLTZ-AU: این یک خنک است
راه برای تاکید چیز و یا اضافه کردن

1064
00:43:46,170 --> 00:43:47,545
خطوط بین عناصر مختلف.

1065
00:43:47,545 --> 00:43:48,670
توماس 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
مانند بالشتک حاشیه را
به جز آن within-- نمی

1069
00:43:55,892 --> 00:43:57,975
آلیسون BUCHHOLTZ-AU: این
در اطراف عنصر شما

1070
00:43:57,975 --> 00:44:00,840
اما در واقع در سراسر کل
جعبه است که ما از دیدن شده است.

1071
00:44:00,840 --> 00:44:02,770
>> توماس REIMERS: آره.

1072
00:44:02,770 --> 00:44:04,090
آلیسون آن گفت: کاملا.

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 پیکسل
باید در کنار من باشد.

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
آلیسون BUCHHOLTZ-AU: عالی.

1085
00:44:35,800 --> 00:44:37,890
بنابراین در حال حاضر من فکر می کنم ما فقط
منابع سرد ما

1086
00:44:37,890 --> 00:44:41,220
که ما به شما بچه ها را
از طریق بسیار به سرعت.

1087
00:44:41,220 --> 00:44:44,815
و ما به خوبی خواهید actually--،
ما اینترنت هنوز؟

1088
00:44:44,815 --> 00:44:47,860
>> توماس REIMERS: اجازه دهید
ببینید اگر من می توانم باز up--

1089
00:44:47,860 --> 00:44:50,040
اجازه دهید فقط به من اگر ببینید من
می تواند اینترنت به سرعت

1090
00:44:50,040 --> 00:44:53,317
در حالی که آلیسون مذاکرات در مورد هر چیزی
آلیسون می خواهد در مورد صحبت کنید.

1091
00:44:53,317 --> 00:44:55,150
آلیسون 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
این هستند که
توماس و من استفاده کرده اند

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
مانند، مشاهده و دو پنجره است که آن را دارد.

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
>> توماس 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
و یا ما می خواهیم to--

1118
00:45:56,410 --> 00:46:01,490
>> آلیسون 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
>> این فوق العاده است فقط به عنوان
مثل یک بازی ورق.

1122
00:46:07,880 --> 00:46:10,690
این فقط تمام پایه است
دستورات که شما داشته باشد.

1123
00:46:10,690 --> 00:46:13,070
این فوق العاده است زمانی که شما برای اولین بار هستید
با شروع کردن وب سایت شما.

1124
00:46:13,070 --> 00:46:15,080
از آنجا که شاید شما نمی
می خواهم به تمام دریافت

1125
00:46:15,080 --> 00:46:17,355
nitty واقعی ریگ
طراحی سنگین مسائل.

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
این است، مانند، یکی از
مراجع مورد علاقه توماس.

1130
00:46:27,240 --> 00:46:30,130
ما شد آن را به استفاده از
آمادگی، و آن را افسانه.

1131
00:46:30,130 --> 00:46:33,030
این برنامه از موزیلا است.

1132
00:46:33,030 --> 00:46:36,490
>> توماس REIMERS: بنابراین موزیلا می باشد
کسانی که فایرفاکس.

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
بنابراین ما have--

1136
00:46:45,530 --> 00:46:48,060
>> آلیسون 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
>> توماس REIMERS: راست.

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 است.

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
>> رسید برای رنگ
مستطیل، چگونه می خواهید

1163
00:47:50,780 --> 00:47:53,499
have-- اگر شما آن را می خواهم نه
رفتن در سراسر تمام صفحه، می تواند

1164
00:47:53,499 --> 00:47:56,400
شما را ساخته اند آن را در سراسر تنها به
نیمی از صفحه و یا فقط متن؟

1165
00:47:56,400 --> 00:47:59,660
>> توماس 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
>> آلیسون 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
>> توماس REIMERS: درصد پس.

1174
00:48:17,580 --> 00:48:21,524
و ببینید که چگونه ما آن را ساخته شده
فقط 50٪ از عرض؟

1175
00:48:21,524 --> 00:48:24,190
آلیسون BUCHHOLTZ-AU: اگر
در واقع می دانیم که تعداد پیکسل،

1176
00:48:24,190 --> 00:48:25,780
شما می توانید دقیق تر که راه.

1177
00:48:25,780 --> 00:48:27,200
شما می توانید با آن کمانچه در اطراف.

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
>> توماس REIMERS: خوب، آن را
اساسا 50 درصد در حال حاضر، من فکر می کنم.

1181
00:48:35,250 --> 00:48:38,820
این 50٪ حاشیه است، و پس از آن
شده است که اضافه شده است.

1182
00:48:38,820 --> 00:48:40,100
CSS است بسیاری از خصلت.

1183
00:48:40,100 --> 00:48:43,195
بنابراین در حال حاضر این است
50٪ از عرض صفحه.

1184
00:48:43,195 --> 00:48:46,860
اما به یاد داشته باشید که شما باید 10
پیکسل از هر طرف گرفته شده است.

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
>> آلیسون BUCHHOLTZ-AU:
و شما فقط گرفتن دقیق،

1191
00:48:59,420 --> 00:49:02,020
و شما فقط دریافت بهتر
شهود برای آن شما به عنوان حرکت در امتداد.

1192
00:49:02,020 --> 00:49:02,730
>> توماس REIMERS: و آن
بدتر و بدتر می شود.

1193
00:49:02,730 --> 00:49:03,496
بنابراین واقعا فقط یک مسابقه.

1194
00:49:03,496 --> 00:49:05,454
>> آلیسون BUCHHOLTZ-AU:
این فوق العاده تشویق.

1195
00:49:05,454 --> 00:49:07,070
ما می خواهیم آنها را به دوست CSS.

1196
00:49:07,070 --> 00:49:08,810
>> توماس 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
>> آلیسون 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
>> توماس REIMERS: عالی.

1203
00:49:15,690 --> 00:49:18,523
>> آلیسون 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
و قطعا در هکاتون.

1207
00:49:24,280 --> 00:49:25,200
>> توماس REIMERS: کاملا.

1208
00:49:25,200 --> 00:49:25,720
و در این نمایشگاه.

1209
00:49:25,720 --> 00:49:26,560
>> آلیسون BUCHHOLTZ-AU: و در این نمایشگاه.

1210
00:49:26,560 --> 00:49:26,840
اوه.

1211
00:49:26,840 --> 00:49:28,130
>> توماس REIMERS: نگاه به جلو به
دیدن همه awesome-- شما

1212
00:49:28,130 --> 00:49:29,420
>> آلیسون BUCHHOLTZ-AU: خواهیم دید
همه وب سایت های عالی خود را

1213
00:49:29,420 --> 00:49:30,572
که زیبا خواهد بود.

1214
00:49:30,572 --> 00:49:32,780
توماس REIMERS: شما همیشه می توانید
ببینید، مانند، وب سایت

1215
00:49:32,780 --> 00:49:36,234
که به مانند، CSS خوب و سپس
مانند کسانی که سعی به انجام CSS.

1216
00:49:36,234 --> 00:49:39,150
آلیسون BUCHHOLTZ-AU: همچنین، یکی دیگر از
چیز، یک چیز بیشتر به نگاه

1217
00:49:39,150 --> 00:49:40,445
راه اندازی است.

1218
00:49:40,445 --> 00:49:41,805
بنابراین بوت استرپ بزرگ است.

1219
00:49:41,805 --> 00:49:42,240
>> توماس REIMERS: گوگل که اگر you--

1220
00:49:42,240 --> 00:49:43,573
>> آلیسون BUCHHOLTZ-AU: گوگل آن را.

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
>> توماس REIMERS: از شما بسیار سپاسگزارم.

1228
00:49:53,330 --> 00:49:54,219