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

2
00:00:00,500 --> 00:00:04,500
>> [เล่นเพลง]

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

4
00:00:10,099 --> 00:00:12,224
ALLISON Buchholtz-AU: ดังนั้น
เรากำลังจะเป็นเพียง

5
00:00:12,224 --> 00:00:14,629
เพื่อให้คุณได้บทสรุป
ของ 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
>> TOMAS 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
>> ALLISON Buchholtz-AU: นั่น
ชื่อของการสัมมนาของเรา

21
00:00:58,320 --> 00:00:58,434
>> TOMAS REIMERS: ใช่

22
00:00:58,434 --> 00:01:00,130
มันเป็นสิ่งสำคัญมากที่
คุณเข้าใจว่าด้วยแล้ว

23
00:01:00,130 --> 00:01:03,090
ถ้าคุณจะใช้เวลาไปหนึ่ง
สิ่งที่มันเป็น CSS ถ้ากลัวว่า

24
00:01:03,090 --> 00:01:06,180
สองคือ CSS ย่อมาจาก
การ Cascading Style Sheets

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
ดังนั้นสิ่งที่ต้องการสีพื้นหลัง
ภาพเส้นขอบเหมือน padding,

30
00:01:24,350 --> 00:01:25,040
อัตรากำไรขั้นต้น

31
00:01:25,040 --> 00:01:27,310
เราจะพูดคุยเกี่ยวกับสิ่งที่
ทั้งหมดนั่นหมายความว่าในบิต

32
00:01:27,310 --> 00:01:30,110
>> ดังนั้นเราจึงได้ไปเพียงแค่ข้างหน้าและ
เปิดทั้งสองของผู้ที่ขึ้นมาใน Gedit

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
ALLISON Buchholtz-AU: สไตล์ไม่เพื่อให้ห่างไกล

37
00:01:38,412 --> 00:01:39,245
TOMAS REIMERS: ไม่มี

38
00:01:39,245 --> 00:01:42,577
และในขณะที่คุณจะเห็นมัน
เว็บไซต์ที่น่าเกลียดจริงๆ

39
00:01:42,577 --> 00:01:44,160
ALLISON Buchholtz-AU: มันเป็นธรรมดาเพียง

40
00:01:44,160 --> 00:01:45,820
TOMAS REIMERS: ใช่

41
00:01:45,820 --> 00:01:49,150
ใช่มันไม่ได้น่าเกลียด
มันเป็นเพียงเรียบง่าย

42
00:01:49,150 --> 00:01:53,430
และแล้วที่นี่เรามี index.html

43
00:01:53,430 --> 00:01:55,729
และเพื่อให้ได้อย่างรวดเร็ว
สรุปของ HTM​​L, แอลลิสัน

44
00:01:55,729 --> 00:01:57,270
คุณต้องการเพียงแค่พูดคุยเกี่ยวกับหน้า?

45
00:01:57,270 --> 00:01:58,395
>> ALLISON Buchholtz-AU: ใช่

46
00:01:58,395 --> 00:02:01,100
ดังนั้นเห็นได้ชัดว่าเรามี HTML ของเรา
แท็กซึ่งเพียงแค่ชื่อไฟล์ HTML

47
00:02:01,100 --> 00:02:07,080
เรามีส่วนหัวของเราที่นี่ด้วย CSS
Awesomeness, which-- ถ้าคุณกลับไป

48
00:02:07,080 --> 00:02:07,720
ที่ว่าคืออะไร?

49
00:02:07,720 --> 00:02:09,136
>> TOMAS REIMERS: โอ้

50
00:02:09,136 --> 00:02:10,301
ใช่คุณสามารถดู

51
00:02:10,301 --> 00:02:12,092
ALLISON 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
การแสดงบนเว็บ
หน้าซึ่งเป็นเท่าไหร่กลับไป

55
00:02:19,620 --> 00:02:21,290
กลับ

56
00:02:21,290 --> 00:02:24,287
ซึ่งเป็นเพียงในร่างกายของเรา
ตรงนี้ข้อความธรรมดา

57
00:02:24,287 --> 00:02:26,120
นอกจากนี้สิ่งหนึ่งที่
แจ้งให้ทราบถ้าคุณดูที่นี่

58
00:02:26,120 --> 00:02:29,410
โทมัสเปลี่ยนขึ้นเหล่านี้
สองจากสไลด์ของเรา

59
00:02:29,410 --> 00:02:32,035
ดังนั้นตราบใดที่คุณมีทั้งหมด
สามเหล่านี้คุณจะสบายดี

60
00:02:32,035 --> 00:02:34,044
พวกเขาสามารถเป็นในสิ่งที่พวกเขาต้องการเพื่อ

61
00:02:34,044 --> 00:02:39,368
สิ่งที่สำคัญที่สุดก็คือ
คุณมีแต่ละคนสามสิ่ง

62
00:02:39,368 --> 00:02:40,340
>> TOMAS REIMERS: โทน

63
00:02:40,340 --> 00:02:41,111
เพิ่มประเภทเอกสาร?

64
00:02:41,111 --> 00:02:42,235
ALLISON Buchholtz-AU: ใช่

65
00:02:42,235 --> 00:02:43,068
TOMAS REIMERS: ใช่

66
00:02:43,068 --> 00:02:43,769
เย็น

67
00:02:43,769 --> 00:02:46,102
ALLISON Buchholtz-AU: เห็นได้ชัดว่า
ไมโครโฟนของฉันไม่ชอบฉัน

68
00:02:46,102 --> 00:02:49,650
TOMAS 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
ALLISON Buchholtz-AU:
กลับไปที่ภาพนิ่ง

81
00:03:13,755 --> 00:03:15,200
TOMAS REIMERS กลับไปยังสไลด์

82
00:03:15,200 --> 00:03:17,240
และอัลลิสันสามารถใช้เวลามากกว่า

83
00:03:17,240 --> 00:03:18,720
>> ALLISON 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
สิ่งที่คุณต้องการแท็กของคุณจะ

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
ภายในแท็กร่างกายใด ๆ ของไฟล์ 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
>> TOMAS 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
>> ALLISON Buchholtz-AU: เห็นได้ชัดว่ามี
CSS, ทุกอย่างที่สร้างขึ้นเอง

135
00:05:31,930 --> 00:05:34,107
ดังนั้นหากสิ่งหนึ่งที่ไม่ได้
ทำให้ความรู้สึกตอนนี้เรา

136
00:05:34,107 --> 00:05:35,690
ไม่ต้องการที่จะชะงักลงในภายหลัง

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

138
00:05:38,390 --> 00:05:41,930
>> TOMAS REIMERS: งั้นเรามา
ชนิดของการผ่านี้

139
00:05:41,930 --> 00:05:44,210
ดังนั้นคุณต้องการที่จะเริ่มต้น
ด้วยตัวเลือกที่นี่?

140
00:05:44,210 --> 00:05:45,979
>> ALLISON 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
>> TOMAS REIMERS: ซึ่งผมเพิ่งปิด

144
00:05:53,245 --> 00:05:54,530
ให้ฉันที่สอง

145
00:05:54,530 --> 00:05:58,286
ดังนั้นไฟล์, เปิด, index.html

146
00:05:58,286 --> 00:05:59,410
ALLISON Buchholtz-AU: โทน

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
ที่เป็นไปได้ในแท็กร่างกาย

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
ดังนั้นถ้าคุณมีการพิมพ์
อย่างอื่นตรงนี้

165
00:06:47,405 --> 00:06:49,400
>> TOMAS 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
>> ALLISON 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
เพราะนี่คือสิ่งเดียว
ที่ถูกปิดล้อมอยู่ในแท็กพี

182
00:07:30,760 --> 00:07:35,349
>> TOMAS REIMERS: ที่ทำให้รู้สึกการจัดเรียง
ว่าสิ่งห่อหุ้มสิ่งอื่น ๆ ?

183
00:07:35,349 --> 00:07:38,140
ALLISON Buchholtz-AU: นอกจากนี้เพียงแค่
ที่จะบอกว่าเหมือนเป็นหนึ่งในวิธีที่ดีที่สุด

184
00:07:38,140 --> 00:07:40,889
จริงๆได้รับความสะดวกสบายกับ CSS
คือการทำสิ่งที่ต้องการนี​​้

185
00:07:40,889 --> 00:07:42,050
เพียงแค่พยายามที่จะออก

186
00:07:42,050 --> 00:07:46,700
มันง่ายมากที่จะพิมพ์อะไรบางอย่าง
ออกตีรีเฟรชและดูสิ่งที่เกิดขึ้น

187
00:07:46,700 --> 00:07:48,940
และเช่นเดียวกับซีมากที่สุด
การทดลองมักจะสามารถ

188
00:07:48,940 --> 00:07:51,790
นำไปสู่​​การที่ดีมาก
เข้าใจง่าย

189
00:07:51,790 --> 00:07:54,432
มากยิ่งขึ้นดังนั้นกว่าเราเพียง
ชอบพูดคุยกับคุณ

190
00:07:54,432 --> 00:07:58,350
>> TOMAS REIMERS: แน่นอน
100% เห็นด้วยกับประเด็นที่

191
00:07:58,350 --> 00:08:02,430
ดังนั้นหากเรากลับไปที่นี้ขอเริ่มต้น
ผ่าว่าสิ่งที่ทั้งสองทำ

192
00:08:02,430 --> 00:08:04,550
ดังนั้นเราจึงมีสองกฎเกี่ยวกับเรื่องนี้

193
00:08:04,550 --> 00:08:07,420
ดังนั้นคนแรกเป็นสีพื้นหลัง

194
00:08:07,420 --> 00:08:10,590
และคุณจะเห็นว่าเราได้ตั้งค่า
เท่ากับค่า, สีฟ้าอ่อน

195
00:08:10,590 --> 00:08:15,009
>> ดังนั้นใน CSS, CSS คือการจัดเรียง
หลวมมากเกี่ยวกับวิธีการ

196
00:08:15,009 --> 00:08:16,300
คุณได้รับอนุญาตในการกำหนดสี

197
00:08:16,300 --> 00:08:17,800
ดังนั้นคุณสามารถกำหนดให้พวกเขาโดยใช้ชื่อ

198
00:08:17,800 --> 00:08:20,650
นอกจากนี้คุณยังสามารถทำบางสิ่งบางอย่างเช่น "สีแดง".

199
00:08:20,650 --> 00:08:25,270
แล้วถ้าเรากลับไปนี้
คุณจะเห็นว่าพื้นหลังเป็นสีแดง

200
00:08:25,270 --> 00:08:29,040
นอกจากนี้คุณยังจะได้รับนะฉันคิดว่าคุณ
จะได้รับความรักความคิดสร้างสรรค์กับนี้

201
00:08:29,040 --> 00:08:29,540
คุณไม่สามารถ?

202
00:08:29,540 --> 00:08:31,170
>> ALLISON Buchholtz-AU: ผม
คิดว่าคุณสามารถใช้ฐานสิบหก

203
00:08:31,170 --> 00:08:31,250
คุณไม่สามารถ?

204
00:08:31,250 --> 00:08:32,083
>> TOMAS REIMERS: ใช่

205
00:08:32,083 --> 00:08:32,969
ดังนั้นคุณจึงสามารถใช้ฐานสิบหก

206
00:08:32,969 --> 00:08:34,490
แต่ฉันคิดว่าชื่อที่ชาญฉลาด

207
00:08:34,490 --> 00:08:35,385
ไม่ได้มี?

208
00:08:35,385 --> 00:08:37,260
ALLISON Buchholtz-AU:
ที่คุณสามารถทำได้ค่อนข้างน้อย

209
00:08:37,260 --> 00:08:43,350
สวยมากเช่นสีที่มากที่สุดที่คุณ
สามารถ name-- เช่นผมคิดว่าเป็นหนึ่งในปลาแซลมอน

210
00:08:43,350 --> 00:08:45,322
>> TOMAS REIMERS: พวกเราจะลองปลาแซลมอน

211
00:08:45,322 --> 00:08:47,530
ALLISON Buchholtz-AU: ผม
คิดโศกอยู่ในนั้น

212
00:08:47,530 --> 00:08:48,050
TOMAS REIMERS: ใช่

213
00:08:48,050 --> 00:08:48,550
ดู?

214
00:08:48,550 --> 00:08:50,080
เพื่อให้คุณสามารถได้รับการสร้างสรรค์สวย

215
00:08:50,080 --> 00:08:52,246
>> ALLISON Buchholtz-AU: คุณ
อาจได้รับการสร้างสรรค์สวย

216
00:08:52,246 --> 00:08:55,750
เช่นถ้าคุณสามารถคิด
ชื่อสีก็อาจจะอยู่ในนั้น

217
00:08:55,750 --> 00:08:57,840
ถ้าคุณอยากปรับ
รายละเอียดคุ​​ณสามารถไปฐานสิบหก

218
00:08:57,840 --> 00:08:58,673
>> TOMAS REIMERS: ใช่

219
00:08:58,673 --> 00:08:59,390
ดังนั้นเลขฐานสิบหก

220
00:08:59,390 --> 00:09:05,280
ถ้าพวกคุณจำกลับนี้
จาก PSET เก่าของคุณภาพการกู้คืน

221
00:09:05,280 --> 00:09:08,300
พวกคุณมีการจัดการ
ที่มีค่าฐานสิบหกเหล่านี้

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
ALLISON Buchholtz-AU: แน่นอน

235
00:09:46,380 --> 00:09:52,900
เพื่อให้คุณมีการควบคุมที่สมบูรณ์สวยมาก
กว่าสีที่คุณต้องการภายใน CSS

236
00:09:52,900 --> 00:09:55,069
เราจะพูดคุยเกี่ยวกับ
ภาพพื้นหลังภายหลังได้หรือไม่

237
00:09:55,069 --> 00:09:56,110
หรือทำเราต้องการที่จะทำเช่นนั้น?

238
00:09:56,110 --> 00:09:56,240
>> TOMAS REIMERS: ใช่

239
00:09:56,240 --> 00:09:57,010
อย่างแน่นอน

240
00:09:57,010 --> 00:10:00,830
ดังนั้นก่อนเพียงเพื่อแสดงให้เห็นว่า
สีแดงและสีเขียวเป็นสีเหลือง

241
00:10:00,830 --> 00:10:03,120
และถ้าคุณต้องการบางอย่าง
ช่วยหานี้คุณ

242
00:10:03,120 --> 00:10:05,575
บางสิ่งบางอย่างสามารถของ Google
เช่น "เลือกสี".

243
00:10:05,575 --> 00:10:07,200
ALLISON Buchholtz-AU: โอ้มันเป็นสิ่งที่ดีดังนั้น

244
00:10:07,200 --> 00:10:09,090
ฉันรักตัวเลือกสี

245
00:10:09,090 --> 00:10:11,360
>> TOMAS REIMERS: colorpicker.com
เป็นตัวอย่างที่ดี

246
00:10:11,360 --> 00:10:14,580
และที่นี่คุณจะเห็นว่าคุณมี
เต็มรูปแบบเลือกสี Photoshop เหมือน

247
00:10:14,580 --> 00:10:14,920
>> ALLISON Buchholtz-AU: MM-HM

248
00:10:14,920 --> 00:10:16,980
นอกจากนี้สิ่งดีๆที่คุณ
สามารถสร้างรูปแบบสี

249
00:10:16,980 --> 00:10:18,896
เพื่อที่คุณจะได้มี
เช่นการปะทะกันสี

250
00:10:18,896 --> 00:10:22,780
TOMAS REIMERS: แล้ว
นี่เป็นค่า hex ขึ้นที่นี่

251
00:10:22,780 --> 00:10:27,800
เพื่อให้คุณสามารถค้นหาออนไลน์โดยทั่วไป
สถานที่ที่จะได้รับค่าฐานสิบหกจาก

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
>> ALLISON Buchholtz-AU:
แล้วมี also--

257
00:10:40,350 --> 00:10:41,630
ลืมชื่อที่แน่นอนของเว็บไซต์

258
00:10:41,630 --> 00:10:43,838
แต่มีแน่นอนผม
คิดว่าบางสิ่งบางอย่างจาก Adob​​e

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
>> TOMAS REIMERS: อัลลิสันพูดคุยเกี่ยวกับ
หนึ่งโดย Adob​​e Kuler เรียกว่าผมคิดว่า

265
00:11:04,260 --> 00:11:04,885
มันเป็น K-U-L-E-R

266
00:11:04,885 --> 00:11:06,259
ALLISON Buchholtz-AU: ผมคิดอย่างนั้น

267
00:11:06,259 --> 00:11:07,610
ผมค่อนข้างแน่ใจว่าเป็นอย่างใดอย่างหนึ่ง

268
00:11:07,610 --> 00:11:11,050
>> TOMAS REIMERS: ที่ชื่นชอบของฉันมี
รับเสมอดีไซน์แบบสี

269
00:11:11,050 --> 00:11:13,998
>> ALLISON Buchholtz-AU: โอ

270
00:11:13,998 --> 00:11:16,010
>> TOMAS REIMERS: ซึ่งเป็น now--

271
00:11:16,010 --> 00:11:16,860
>> ALLISON Buchholtz-AU:
Ah นี้เป็นสิ่งที่สวยงาม

272
00:11:16,860 --> 00:11:18,818
>> TOMAS REIMERS: และคุณ
โดยทั่วไปสามารถพูดได้เช่น

273
00:11:18,818 --> 00:11:21,700
ฉันต้องการสามสีติดกัน

274
00:11:21,700 --> 00:11:25,030
แล้วให้ทำสิ่งที่ดี

275
00:11:25,030 --> 00:11:29,210
แล้วคุณจะได้รับตัวอย่างเช่น
ของสิ่งที่อาจมีลักษณะเหมือน

276
00:11:29,210 --> 00:11:32,470
แล้วถ้าคุณเลื่อนเมาส์ไปใด ๆ ของ
พวกเขาก็จะช่วยให้คุณค่า hex

277
00:11:32,470 --> 00:11:35,010
>> ดังนั้นเพียงแค่เป็นวิธีที่ดีที่จะเริ่ม
คิดเกี่ยวกับรูปแบบสี

278
00:11:35,010 --> 00:11:39,570
หรือสิ่งที่สีที่มีในเว็บไซต์
อาจจะไปด้วยกันได้ดี

279
00:11:39,570 --> 00:11:45,655
เพราะนั่นอาจจะเป็นที่น่าแปลกใจ
ไม่ได้เป็นเรื่องง่ายที่จะเลือกอย่างที่คุณคิด

280
00:11:45,655 --> 00:11:48,280
และแล้วสิ่งดีๆอื่น ๆ
ฉันได้พบเสมอเกี่ยวกับเว็บไซต์นี้

281
00:11:48,280 --> 00:11:51,480
คือถ้าคุณตีตัวอย่างก็จะ
แสดงสิ่งเช่นเว็บไซต์

282
00:11:51,480 --> 00:11:54,800
อาจมีลักษณะเหมือนกับการใช้โทนสีที่

283
00:11:54,800 --> 00:11:56,270
ยังไงก็ตาม

284
00:11:56,270 --> 00:11:57,863
>> กลับไปที่ CSS ที่เกิดขึ้นจริง

285
00:11:57,863 --> 00:12:01,112
ALLISON Buchholtz-AU: แต่เห็นได้ชัดว่าเรา
รู้ว่าการอ้างอิงเหล่านี้อาจจะมีประโยชน์

286
00:12:01,112 --> 00:12:03,195
TOMAS REIMERS: ไม่มีพวกเขา
แน่นอนจะมีประโยชน์

287
00:12:03,195 --> 00:12:04,720
ดังนั้นกฎข้อที่สองแอลลิสัน?

288
00:12:04,720 --> 00:12:05,844
>> ALLISON Buchholtz-AU: ใช่

289
00:12:05,844 --> 00:12:08,280
กฎข้อที่สองเป็นเพียง
สอดคล้องกับตัวอักษรของเรา

290
00:12:08,280 --> 00:12:11,520
น้ำหนักตัวอักษรดังนั้นเป็นชนิดเพียง
เเล้ดังนั้นน้ำหนักจะ

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
อะไรถ้าคุณอยากพูดไปจะมี
หนึ่งบางกว่าเพียงแค่เหมือนปกติ?

295
00:12:21,557 --> 00:12:24,140
TOMAS REIMERS: ฉันทำไม่ได้จริง
ทราบว่ามีหนึ่งทินเนอร์

296
00:12:24,140 --> 00:12:24,680
ALLISON Buchholtz-AU: ผมลืม

297
00:12:24,680 --> 00:12:26,300
น้ำหนักตัวอักษรดังนั้นเราจึงมักจะ
เพียงแค่ใช้สำหรับเป็นตัวหนา

298
00:12:26,300 --> 00:12:29,010
ถ้าคุณต้องการที่จะได้รับจริงๆเป็น
มันเราจะแสดงให้คุณ

299
00:12:29,010 --> 00:12:34,317
W3Schools มีทั้งหมดที่แตกต่างกัน
สิ่งที่คุณสามารถทำได้สำหรับแบบอักษร

300
00:12:34,317 --> 00:12:36,900
แต่โดยทั่วไปหากคุณเคยต้องการ
ที่จะเปลี่ยนอะไรเกี่ยวกับตัวอักษร

301
00:12:36,900 --> 00:12:39,330
มันเป็นไปได้เสมอ
เหมือนตัวอักษรบางสิ่งบางอย่าง

302
00:12:39,330 --> 00:12:43,450
ดังนั้นมันจะเป็นเหมือนครอบครัว font ถ้าคุณ
พยายามที่จะเปลี่ยนชนิดที่เกิดขึ้นจริง

303
00:12:43,450 --> 00:12:47,390
มันจะเป็นตัวอักษรแบบถ้าคุณ
ต้องการที่จะให้มันเหมือนเล่นหาง

304
00:12:47,390 --> 00:12:49,710
หรือตัวเอียงหรือ whatnot

305
00:12:49,710 --> 00:12:53,570
หรือแม้แต่ตัวอักษรสีถ้า
เราต้องการที่จะเปลี่ยนที่

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

307
00:12:55,621 --> 00:12:56,925
ดังนั้นคุณสามารถเปลี่ยนที่

308
00:12:56,925 --> 00:12:59,360
และการจัดเรียงของเพียงเพื่อ
สรุปตอนนี้เพื่อให้คุณสามารถ

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
>> ALLISON Buchholtz-AU กลับ

317
00:13:14,424 --> 00:13:17,590
TOMAS 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
ALLISON Buchholtz-AU: ใช่

326
00:13:37,120 --> 00:13:39,828
ดังนั้นเราจึงมีแท็กซึ่งเป็นสิ่งที่
เราได้รับการพูดถึงในขณะนี้

327
00:13:39,828 --> 00:13:42,430
นั่นคือชนิดเช่นร่างกายหรือพีของคุณ

328
00:13:42,430 --> 00:13:46,280
แล้วเราได้เรียนซึ่งเป็น
เมื่อเรากำหนดไว้ในไฟล์ CSS ของเรา

329
00:13:46,280 --> 00:13:49,907
ก็มักจะได้รับการจุดใด
คุณต้องการให้ชื่อของชั้นเรียนของคุณจะเป็น

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
>> คนอื่น ๆ ที่เรามี
เป็น id ที่เราแสดง

342
00:14:27,270 --> 00:14:29,707
กับกัญชาหรือปอนด์หรือ hashtag

343
00:14:29,707 --> 00:14:30,790
TOMAS REIMERS: Octothorpe

344
00:14:30,790 --> 00:14:32,430
ALLISON 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
และในทางเดียวกันว่าเราเพียงแค่
พูดเหมือน class = "Class1 class2"

351
00:14:48,730 --> 00:14:51,577
เพียงแค่นี้อาจจะเป็น id ของสิ่งที่เรามี

352
00:14:51,577 --> 00:14:52,410
TOMAS REIMERS: ใช่

353
00:14:52,410 --> 00:14:54,330
ดังนั้นเรามาพูดคุยแน่นอน
เกี่ยวกับตัวอย่างที่นี่

354
00:14:54,330 --> 00:14:58,170
และฉันก็จะไปดำน้ำ
ตรงกลับเป็นรหัส

355
00:14:58,170 --> 00:15:02,090
ดังนั้นให้ดูที่ HTML ของเรา

356
00:15:02,090 --> 00:15:03,960
และเพื่อให้เราตอนนี้มีวรรคหนึ่ง

357
00:15:03,960 --> 00:15:05,510
นี่คือข้อความ

358
00:15:05,510 --> 00:15:09,151
ฉันแค่ไปที่จะปรับเปลี่ยน
มัน "นี่คือข้อความที่ 1"

359
00:15:09,151 --> 00:15:11,150
และจากนั้นเรากำลังจะไป
มี "นี่คือข้อความ 2"

360
00:15:11,150 --> 00:15:12,525
>> ALLISON Buchholtz-AU: สองหนึ่ง

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

362
00:15:13,540 --> 00:15:16,810
ดังนั้นตอนนี้เรามี "นี่คือข้อความที่ 2" ใช่มั้ย?

363
00:15:16,810 --> 00:15:21,560
และเรากำลังจะไปดูว่าถ้าเราโหลด
หน้าสิ่งที่เรากำลังจะไปหา

364
00:15:21,560 --> 00:15:23,067
คือเราจะ find--

365
00:15:23,067 --> 00:15:24,150
ALLISON Buchholtz-AU: โอ

366
00:15:24,150 --> 00:15:24,983
TOMAS REIMERS: ใช่

367
00:15:24,983 --> 00:15:27,570
เรากำลังจะไปหา "นี่คือ
ข้อความที่ 1 "และ" นี่คือข้อความ 2 "

368
00:15:27,570 --> 00:15:28,650
>> ALLISON Buchholtz-AU: และ
สีน่ารักออกสีเหลือง

369
00:15:28,650 --> 00:15:31,066
>> TOMAS REIMERS: และคุณจะเห็น
ที่เลือกของเราในขณะนี้

370
00:15:31,066 --> 00:15:34,940
ซึ่งจะนำไปใช้ต่อหรือ
ย่อหน้าส่งผลกระทบต่อทั้งสองของพวกเขา

371
00:15:34,940 --> 00:15:38,700
เนื่องจากทั้งสองของพวกเขาตอบสนองความ
เงื่อนไขที่ว่าพวกเขาทั้งสองแท็กพี

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
ฉันจะเริ่มต้นด้วย id

376
00:15:47,320 --> 00:15:48,405
>> ALLISON Buchholtz-AU:
เริ่มต้นให้กับ id

377
00:15:48,405 --> 00:15:50,405
>> TOMAS REIMERS: และทั้งสอง
เหล่านี้เป็นคุณลักษณะ

378
00:15:50,405 --> 00:15:53,200
ดังนั้นคุณลักษณะที่มีอยู่ในรูปแบบ HTML

379
00:15:53,200 --> 00:15:55,600
และสิ่งที่พวกเขาเป็น
บางสิ่งบางอย่างที่คุณเพิ่ม

380
00:15:55,600 --> 00:15:58,840
ในแท็กซึ่งเป็น
แยกออกจากชื่อแท็ก

381
00:15:58,840 --> 00:16:01,301
ดังนั้นคุณจึงสามารถมีแอตทริบิวต์หลาย

382
00:16:01,301 --> 00:16:01,800
ใช่?

383
00:16:01,800 --> 00:16:03,950
>> ALLISON Buchholtz-AU: ผมก็แค่ไป
ที่จะบอกว่าจากตัวอย่างของคุณจาก PSET 7

384
00:16:03,950 --> 00:16:06,650
ถ้าใด ๆ ของคุณพยายามที่จะจัด
สิ่งที่ศูนย์

385
00:16:06,650 --> 00:16:08,550
คุณอาจได้ใช้
"ข้อความ align = center."

386
00:16:08,550 --> 00:16:10,550
และคุณอาจจะสังเกตเห็นมัน
ควรจะเป็นศูนย์กลาง

387
00:16:10,550 --> 00:16:12,650
ข้อความหรือแถบนำทางของคุณ

388
00:16:12,650 --> 00:16:15,499
เพื่อให้เป็นเพียงแค่ยังแอตทริบิวต์
ที่คุณอาจจะคุ้นเคยกับ

389
00:16:15,499 --> 00:16:18,040
TOMAS REIMERS: มีพวงของ
ของแอตทริบิวต์ที่คุณจะเห็น

390
00:16:18,040 --> 00:16:18,539
ใช่

391
00:16:18,539 --> 00:16:21,250
เช่นเดียวกับการอ้างอิงที่ดีที่จะ PSET 7

392
00:16:21,250 --> 00:16:23,150
เรามี id

393
00:16:23,150 --> 00:16:25,080
นอกจากนี้คุณยังสามารถมี
ระดับสิ่งเช่นนี้

394
00:16:25,080 --> 00:16:27,250
แท็กเดียวสามารถมีหลายลักษณะ

395
00:16:27,250 --> 00:16:33,140
ดังนั้นเริ่มต้นด้วย id ให้แกล้งเรา
ต้องการที่จะมี id เเล้ผมไม่ทราบ

396
00:16:33,140 --> 00:16:35,140
เราจะเรียกมันพิเศษ
เพราะอันนี้เราไม่

397
00:16:35,140 --> 00:16:37,867
จะทำให้ตัวหนาและ
ขีดเส้นใต้และสิ่ง

398
00:16:37,867 --> 00:16:39,950
ALLISON Buchholtz-AU: มัน
จะเป็นพิเศษสุด

399
00:16:39,950 --> 00:16:42,360
TOMAS REIMERS: ดังนั้นนี่
หนึ่งเรามี id พิเศษ

400
00:16:42,360 --> 00:16:48,140
ดังนั้นวิธีการที่จะเลือกว่าก็คือ
ใน main.css มากกว่ามีแท็กพี,

401
00:16:48,140 --> 00:16:51,500
คุณทำ #special, OK?

402
00:16:51,500 --> 00:16:55,538
และที่เลือก
สิ่งที่มี id พิเศษ

403
00:16:55,538 --> 00:16:57,295
นี้ไม่ได้ทำให้ความรู้สึกที่ทุกคนหรือไม่

404
00:16:57,295 --> 00:16:57,920
ผู้ชม: ใช่

405
00:16:57,920 --> 00:16:59,110
TOMAS REIMERS: โทน

406
00:16:59,110 --> 00:17:04,440
ดังนั้นตอนนี้ถ้าเรากลับไป
เราจะดูหน่อยขออภัย

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
>> ผู้ชม: สิ่งที่สามารถมี
แอตทริบิวต์ของทั้งสองเรียนและ id?

413
00:17:15,456 --> 00:17:16,359
>> TOMAS REIMERS: ใช่

414
00:17:16,359 --> 00:17:16,900
ผู้ชม: ตกลง

415
00:17:16,900 --> 00:17:20,887
และแล้วสิ่งที่เกิดขึ้นถ้าคุณแล้วให้
มันบางกฎใน CSS ความขัดแย้งที่?

416
00:17:20,887 --> 00:17:21,970
TOMAS REIMERS: แน่นอน

417
00:17:21,970 --> 00:17:23,940
เรากำลังจะไปแน่นอน
ที่จะพูดคุยเกี่ยวกับการที่

418
00:17:23,940 --> 00:17:31,890
ดังนั้นสิ่งที่คุณได้รับ
ที่คุณยังสามารถมีชั้นเรียน

419
00:17:31,890 --> 00:17:36,380
ดังนั้นเรามาแกล้งผมมี
วรรคสามและฉัน

420
00:17:36,380 --> 00:17:38,730
ต้องการที่จะรูปแบบเป็นครั้งแรก
สอง แต่ไม่สาม

421
00:17:38,730 --> 00:17:42,850
ดีความคิดแรกของคุณอาจจะดีฉัน
ก็สามารถให้คนที่สอง id

422
00:17:42,850 --> 00:17:45,590
แต่คุณไม่สามารถเพราะ id,
เหมือนแอลลิสันได้รับการกล่าวว่า

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
OK?

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
ALLISON Buchholtz-AU: ใช่

434
00:18:13,880 --> 00:18:15,185
แตกต่างที่สำคัญ

435
00:18:15,185 --> 00:18:17,510
>> TOMAS REIMERS: ฉันมี
มีการต่อสู้มาก

436
00:18:17,510 --> 00:18:23,990
เพราะผมใส่กัญชาใน 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
>> ALLISON Buchholtz-AU: อาจจะไม่
แนะนำสำหรับเว็บไซต์ของคุณ

445
00:18:42,401 --> 00:18:43,880
แต่สำหรับวัตถุประสงค์ของเราก็จะทำ

446
00:18:43,880 --> 00:18:46,294
>> TOMAS REIMERS: มันไม่ได้
โทนสีที่ดี

447
00:18:46,294 --> 00:18:49,210
ALLISON Buchholtz-AU: ดี, สีเหลือง
และสีฟ้าเป็นสีที่โรงเรียนมัธยมของฉัน

448
00:18:49,210 --> 00:18:50,947
ผมไม่ทราบว่าแม้ว่า

449
00:18:50,947 --> 00:18:53,530
TOMAS REIMERS: อัลลิสันสูง
โรงเรียนมีโทนสีที่ดี

450
00:18:53,530 --> 00:18:54,520
[หัวเราะ]

451
00:18:54,520 --> 00:18:59,120
ดังนั้นแล้วสิ่งที่เราสามารถเรียกสิ่งนี้ว่าเป็น
ขอเรียกเจ้านี่เพื่อให้เรามีพิเศษ

452
00:18:59,120 --> 00:19:00,030
และเรามีพริตตี้

453
00:19:00,030 --> 00:19:02,405
ผมขอแนะนำสำหรับนี้คุณใช้
ชื่อพรรณนามากขึ้น

454
00:19:02,405 --> 00:19:05,820
ALLISON Buchholtz-AU: ใช่ฉันจะ
เรียกสิ่งนี้เช่นสีเหลืองหรือสีฟ้า

455
00:19:05,820 --> 00:19:08,314
>> TOMAS REIMERS: เราไม่ได้
จริงๆการทำเว็บไซต์จริง

456
00:19:08,314 --> 00:19:09,730
ซึ่งเป็นเหตุผลที่เราไม่ได้ทำอย่างนั้น

457
00:19:09,730 --> 00:19:11,521
แต่ถ้าคุณจริง
มีเว็บไซต์ที่จริงคุณ

458
00:19:11,521 --> 00:19:16,220
อาจจะมีเช่นหัวบทความ
บทความเนื้อหาคำแรก

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
อย่างใดอย่างหนึ่งต่อไปจะ
มี "class = สวย."

469
00:19:45,972 --> 00:19:49,180
ALLISON Buchholtz-AU: แล้วคุณจะ
ต้องการเพิ่ม "สวย" เพื่อตรงกลางหนึ่ง

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

471
00:19:49,971 --> 00:19:52,970
และจากนั้นไปที่ตรงกลางหนึ่ง
เพื่อเพิ่ม "สวย" สิ่งที่เกิดขึ้น

472
00:19:52,970 --> 00:19:56,880
คือคุณเพียงมีพื้นที่ว่าง

473
00:19:56,880 --> 00:19:59,800
ดังนั้นแอตทริบิวต์คลาส
เป็นรายการพื้นที่แยก

474
00:19:59,800 --> 00:20:02,450
ของทุกชั้นเรียน
ที่ใช้กับแท็กที่

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

476
00:20:02,959 --> 00:20:05,750
มันไม่ได้เป็นเช่นนี้เป็นของ
ชนิดของการเรียนพิเศษบางอย่างที่เรียกว่า

477
00:20:05,750 --> 00:20:07,180
"พิเศษ, พื้นที่, สวย."

478
00:20:07,180 --> 00:20:10,870
มันเป็นสอง classes--
พิเศษและสวย

479
00:20:10,870 --> 00:20:12,492
ใช่?

480
00:20:12,492 --> 00:20:14,360
เย็น

481
00:20:14,360 --> 00:20:17,010
>> แล้วถ้าเรามอง
ที่สิ่งที่เกิดขึ้นเราไม่

482
00:20:17,010 --> 00:20:21,850
จะเห็นว่าคนแรกที่มี
พื้นหลังสีเหลืองตัวอักษรสีดำ

483
00:20:21,850 --> 00:20:22,450
one-- สอง

484
00:20:22,450 --> 00:20:26,160
>> ALLISON Buchholtz-AU: --has ตัวหนา
พื้นหลังสีเหลืองที่มีข้อความสีฟ้า

485
00:20:26,160 --> 00:20:29,330
และสุดท้ายเราก็มี
ข้อความสีฟ้าที่เรากำหนดให้มัน

486
00:20:29,330 --> 00:20:30,870
>> TOMAS REIMERS: เย็น?

487
00:20:30,870 --> 00:20:32,491
วิธีการทำงานเตอร์?

488
00:20:32,491 --> 00:20:32,990
น่ากลัว

489
00:20:32,990 --> 00:20:34,720
>> ALLISON Buchholtz-AU: เราต้องการที่จะ
พูดคุยเกี่ยวกับความขัดแย้งในขณะนี้แล้ว?

490
00:20:34,720 --> 00:20:35,780
>> TOMAS REIMERS: เพื่อใช่

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
ALLISON Buchholtz-AU: บางที
นี้การเปลี่ยนแปลงพื้นหลัง?

495
00:20:47,240 --> 00:20:48,090
TOMAS REIMERS: ใช่

496
00:20:48,090 --> 00:20:51,699
ดังนั้นเรากำลังจะทำให้ "สวย"
เปลี่ยนพื้นหลังให้กับปลาแซลมอน

497
00:20:51,699 --> 00:20:54,740
ALLISON Buchholtz-AU: คุณเพียงกับ
ทุกสีที่ดีในวันนี้โทมัส

498
00:20:54,740 --> 00:20:55,573
TOMAS REIMERS: ใช่

499
00:20:55,573 --> 00:20:58,200
เพราะผมพบว่าฉันสามารถ
ใช้ปลาแซลมอนเป็นสีจริง

500
00:20:58,200 --> 00:21:00,270
ดังนั้นเราเท่านั้นจะทำอย่างนั้น

501
00:21:00,270 --> 00:21:01,770
ผมยังคิดว่าซันเซ็ทเป็นสีจริง

502
00:21:01,770 --> 00:21:03,103
ผู้ชม: Sunset เป็นสีจริง?

503
00:21:03,103 --> 00:21:04,572
ALLISON Buchholtz-AU: ลองมัน

504
00:21:04,572 --> 00:21:07,735
TOMAS REIMERS: หลังจากการสาธิตนี้
เพียงเพราะในกรณีที่มัน messes ขึ้น

505
00:21:07,735 --> 00:21:08,943
ฉันไม่ต้องการที่จะแก้จุดบกพร่อง

506
00:21:08,943 --> 00:21:11,580
ดังนั้นเราจึงรู้ว่าปลาแซลมอนเป็นสีจริง

507
00:21:11,580 --> 00:21:15,626
ดังนั้นคาดเดาใด ๆ
สิ่งที่จะเกิดขึ้น?

508
00:21:15,626 --> 00:21:17,522
>> ALLISON Buchholtz-AU: ความคิดใด?

509
00:21:17,522 --> 00:21:20,002
>> ผู้ชม: [ไม่ได้ยิน]

510
00:21:20,002 --> 00:21:20,920
>> TOMAS REIMERS: ใช่

511
00:21:20,920 --> 00:21:22,150
เพื่อให้คุณได้รับมันตรงขวา

512
00:21:22,150 --> 00:21:24,930
โดยทั่วไปจะใช้เวลา
กฎสุดท้ายที่มันได้รับ

513
00:21:24,930 --> 00:21:27,860
>> ALLISON Buchholtz-AU: ดังนั้นนี่คือ
ที่ซ้อนมีผลบังคับใช้

514
00:21:27,860 --> 00:21:31,080
>> TOMAS REIMERS: ดังนั้นจำไว้ว่าเรา
มีที่สไตล์ชีท?

515
00:21:31,080 --> 00:21:33,660
ดังนั้นโดยที่เราหมายถึงชนิดของ
ที่เรามีพวงของกฎระเบียบ

516
00:21:33,660 --> 00:21:37,115
ซึ่งใช้ด้านบนของแต่ละอื่น ๆ และ
พวกเขายังสามารถแทนที่กัน

517
00:21:37,115 --> 00:21:39,380
>> ALLISON 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
>> TOMAS REIMERS: หรือบางทีคุณอาจ
ไม่ต้องการที่จะเขียนทับกฎ

523
00:21:53,340 --> 00:21:53,920
>> ALLISON Buchholtz-AU: หรือบางทีคุณอาจจะทำ

524
00:21:53,920 --> 00:21:54,300
ใช่

525
00:21:54,300 --> 00:21:57,175
>> TOMAS REIMERS: แกล้งคุณมี
ชั้นที่นำไปใช้กับสิ่งที่ส่วนใหญ่

526
00:21:57,175 --> 00:22:01,220
แต่สมมติว่าคุณต้องการที่จะเปลี่ยน
สีพื้นหลังเป็นสีแดงและตัวอักษร

527
00:22:01,220 --> 00:22:03,140
น้ำหนักตัวหนามากที่สุด
สิ่ง แต่สำหรับหนึ่ง

528
00:22:03,140 --> 00:22:06,098
คุณเพียงต้องการสีพื้นหลัง
จะเป็นสีแดง แต่คุณต้องการอื่น ๆ ทั้งหมด

529
00:22:06,098 --> 00:22:09,990
คุณสมบัติที่คุณสามารถทำบางสิ่งบางอย่าง
เช่น "font-size = น้ำหนักปกติ"

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
>> ALLISON Buchholtz-AU: การทดลอง

534
00:22:18,080 --> 00:22:20,090
>> TOMAS REIMERS: ฝึกปฏิบัติ
การปฏิบัติและการทดลอง

535
00:22:20,090 --> 00:22:22,950
ฉันรู้ว่าคนจำนวนมากที่คิดว่า
CSS เป็นเพียงมากของการคาดเดาและตรวจสอบ

536
00:22:22,950 --> 00:22:25,580
ในตอนท้ายของวันที่ถ้า
คุณต้องการที่จะทำบางสิ่งบางอย่างเช่น,

537
00:22:25,580 --> 00:22:27,663
คุณมีความคิดที่หยาบ แต่
คุณยังอาจจำเป็นต้องมี

538
00:22:27,663 --> 00:22:31,390
เพื่อพยายามที่จะออกเพื่อให้แน่ใจว่า
คุณรู้ว่าสิ่งที่ดูเหมือนว่า

539
00:22:31,390 --> 00:22:34,482
>> ผู้ชม: เมื่อคุณใช้
เรียนมากกว่าหนึ่ง

540
00:22:34,482 --> 00:22:37,339
วรรคเดียวกัน
หรือส่วนไม่ได้

541
00:22:37,339 --> 00:22:39,505
ว่าสิ่งที่คุณสามารถทำได้เพื่อ
พิมพ์พวกเขาเป็นคำพูดหรือไม่

542
00:22:39,505 --> 00:22:40,992
>> TOMAS REIMERS: ไม่มีไม่ได้ทั้งหมด

543
00:22:40,992 --> 00:22:45,764
>> ALLISON Buchholtz-AU: อะไรคือสิ่งที่สำคัญ
สินค้าได้ภายในแผ่นลักษณะ CSS ของคุณ

544
00:22:45,764 --> 00:22:47,430
ผู้ชม: คุณสามารถทำซ้ำคำถาม?

545
00:22:47,430 --> 00:22:50,680
TOMAS REIMERS: โอ้

546
00:22:50,680 --> 00:22:53,990
ALLISON 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
>> TOMAS REIMERS: เสียงดีหรือไม่?

552
00:23:06,982 --> 00:23:08,532
>> ALLISON Buchholtz-AU: น่ารัก

553
00:23:08,532 --> 00:23:11,539
>> TOMAS REIMERS: แล้ว
เรากำลังจะดำเนินการต่อไป to--

554
00:23:11,539 --> 00:23:13,330
ALLISON Buchholtz-AU:
เรามีอะไรต่อไป?

555
00:23:13,330 --> 00:23:14,245
ฉันลืม

556
00:23:14,245 --> 00:23:16,087
โอ้เราก็มีตัวอย่าง

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
>> TOMAS REIMERS: เราจะได้รับการ
รวมเตอร์เร็ว ๆ นี้

560
00:23:20,540 --> 00:23:22,790
>> ALLISON Buchholtz-AU: โอ้
เราได้รับที่จะรวมเตอร์

561
00:23:22,790 --> 00:23:25,260
TOMAS REIMERS: ดังนั้นบาง
ตัวอย่างก็คือเรามี

562
00:23:25,260 --> 00:23:29,630
# ปอนด์ dog-- หรือ hashtag,
หรือ octothorpe หรืออะไรก็ตาม

563
00:23:29,630 --> 00:23:32,050
คุณต้องการโทรคม that--

564
00:23:32,050 --> 00:23:34,875
>> ALLISON Buchholtz-AU: สุนัขคม

565
00:23:34,875 --> 00:23:36,470
>> TOMAS REIMERS: แล้วคุณมี .pets

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

567
00:23:39,059 --> 00:23:41,600
อะไรบางอย่างที่มี id ของสุนัข,
มีเพียงหนึ่งสุนัขบนหน้าเว็บ

568
00:23:41,600 --> 00:23:43,870
อะไรบางอย่างที่มี 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
คุณมีตัวอย่างของพี

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
>> ALLISON Buchholtz-AU: ผม
รู้สึกเช่นนี้เป็นนะ

579
00:24:04,850 --> 00:24:08,105
เช่นเพียงแค่มองผ่านตัวอย่าง
จริงๆวิธีการเรียนรู้นี้

580
00:24:08,105 --> 00:24:09,360
นั่นคือสิ่งที่เรากำลังทำ

581
00:24:09,360 --> 00:24:14,030
>> TOMAS REIMERS: งั้นเรามาหลอกเรา
เพียง แต่ต้องการที่จะเลือกข้อความ 2 ใช่มั้ย?

582
00:24:14,030 --> 00:24:16,530
ดังนั้นเราจึงไม่สามารถแน่นอน
ทำที่มี id

583
00:24:16,530 --> 00:24:19,620
ดีที่เราสามารถดำเนินการได้ด้วย
id แต่มันไม่ได้มี id

584
00:24:19,620 --> 00:24:22,490
ฉันสามารถเพิ่มหนึ่ง แต่ขอแกล้ง
ว่าผมไม่ได้ต้องการที่จะเพิ่มอีกหนึ่ง

585
00:24:22,490 --> 00:24:24,910
หรือมันมีอยู่แล้วเป็นอย่างอื่น

586
00:24:24,910 --> 00:24:26,516
ฉันไม่สามารถทำอย่างนั้นกับที่

587
00:24:26,516 --> 00:24:28,870
แท็กแน่นอนไม่ซ้ำกันใช่มั้ย?

588
00:24:28,870 --> 00:24:30,670
และไม่เป็นชั้น

589
00:24:30,670 --> 00:24:32,314
แต่คุณสามารถรวมสิ่งเหล่านี้

590
00:24:32,314 --> 00:24:35,230
สมมุติว่าเราอยากจะทำอะไร
ซึ่งจะนำไปใช้กับสิ่งที่

591
00:24:35,230 --> 00:24:39,420
มีเรียนพิเศษและ
ที่มีชั้นสวย

592
00:24:39,420 --> 00:24:48,150
>> ดังนั้นสิ่งที่คุณสามารถทำได้คือใน main.css,
คุณสามารถพูดให้เป็นครั้งแรกลบ

593
00:24:48,150 --> 00:24:50,240
คุณสามารถรวมเหล่านี้

594
00:24:50,240 --> 00:24:51,430
ดังนั้นคุณสามารถทำ .special

595
00:24:51,430 --> 00:24:52,110
ไม่มีช่องว่าง

596
00:24:52,110 --> 00:24:54,770
เพียงแค่ .special.pretty

597
00:24:54,770 --> 00:25:00,550
สิ่งที่หมายถึงบางสิ่งบางอย่าง
ซึ่งเป็นทั้งพิเศษและสวย

598
00:25:00,550 --> 00:25:01,900
ไม่ว่าทำให้รู้สึก?

599
00:25:01,900 --> 00:25:04,190
และถ้าเราไปที่นี่สิ่งที่
คุณกำลังจะไปดู

600
00:25:04,190 --> 00:25:09,734
กฎนี้ใช้เฉพาะกับ
คนที่สองซึ่งมีทั้งของผู้ที่

601
00:25:09,734 --> 00:25:11,400
และคุณสามารถทำที่สำหรับสิ่งต่างๆมากมาย

602
00:25:11,400 --> 00:25:13,270
คุณสามารถ 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
OK?

607
00:25:25,850 --> 00:25:28,490
ผมสามารถทำงานนี้และฉัน
จะเห็นว่ามันเป็นเพียง

608
00:25:28,490 --> 00:25:32,720
จะนำไปใช้กับสิ่งที่
ย่อหน้ากับชั้นสวย

609
00:25:32,720 --> 00:25:35,650
และคุณสามารถรวมเหล่านี้
โดยทั่วไปมากเท่าที่คุณต้องการ

610
00:25:35,650 --> 00:25:38,580
ดังนั้นคุณก็สามารถเอามารวมกัน

611
00:25:38,580 --> 00:25:39,604
ไม่ว่าทำให้รู้สึก?

612
00:25:39,604 --> 00:25:41,770
ALLISON Buchholtz-AU: ดังนั้น
นี้เป็นชนิดของมีประโยชน์มากขึ้น

613
00:25:41,770 --> 00:25:45,490
เมื่อโทมัสบอกว่าก่อนหน้านี้อาจจะ
คุณมีเว็บไซต์ที่มีความซับซ้อนมาก

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
>> TOMAS REIMERS: หรือคุณ
อาจพบว่าบางครั้งแทนดู

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
>> ALLISON Buchholtz-AU: ดี
สำหรับชนิดของข้อยกเว้น

627
00:26:17,955 --> 00:26:21,220
TOMAS REIMERS: ดังนั้นเพื่อ
คิดเกี่ยวกับปัญหาที่เกิดขึ้น

628
00:26:21,220 --> 00:26:25,000
ที่อาจเกิดขึ้นเมื่อคุณรวมพวกเขา

629
00:26:25,000 --> 00:26:27,020
เย็น

630
00:26:27,020 --> 00:26:29,692
เพื่อกลับไปนำเสนอ

631
00:26:29,692 --> 00:26:31,400
ALLISON Buchholtz-AU:
เราเกือบจะมี

632
00:26:31,400 --> 00:26:34,022
TOMAS REIMERS: และมัน
ได้หยุดการเชื่อมต่อ

633
00:26:34,022 --> 00:26:36,494
ALLISON Buchholtz-AU: โอ้ไม่

634
00:26:36,494 --> 00:26:39,125
ALLISON Buchholtz-AU: CS ที่
สำนักงานอินเทอร์เน็ตไปลง

635
00:26:39,125 --> 00:26:40,360
โอ้ประชด

636
00:26:40,360 --> 00:26:45,620
>> TOMAS REIMERS: ดังนั้นโชคดีที่เราสามารถทำได้
นำเสนอโดยไม่ต้องอินเทอร์เน็ตผมเดาว่า

637
00:26:45,620 --> 00:26:47,380
เพราะเรามีภาพนิ่งทั้งหมดที่นี่

638
00:26:47,380 --> 00:26:49,304
ดังนั้นเรามาพูดคุยเกี่ยวกับ
ความสัมพันธ์ของแท็ก

639
00:26:49,304 --> 00:26:50,470
ALLISON 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
ดังนั้นในตัวอย่างนี้ที่นี่เรามีบางส่วน
ร่างกายกับ navbar ชั้นปุ่มชั้น

644
00:27:02,815 --> 00:27:03,315
อา

645
00:27:03,315 --> 00:27:03,990
>> TOMAS REIMERS: โอ้ขอโทษ

646
00:27:03,990 --> 00:27:06,180
>> ALLISON Buchholtz-AU: และ
โดยทั่วไปสิ่งนี้หมายความว่า

647
00:27:06,180 --> 00:27:11,070
คือเลือกทั้งหมดของเด็กเช่น
ทุกประเภทนี้เตอร์,

648
00:27:11,070 --> 00:27:13,040
ภายในตัวเลือกหลักนี้

649
00:27:13,040 --> 00:27:16,004
และผู้ที่เป็นคนเดียว
ก็เคยไปใช้กับ

650
00:27:16,004 --> 00:27:17,755
ผมไม่ทราบว่าคุณ
มีวิธีที่ดีกว่าเเล้

651
00:27:17,755 --> 00:27:19,504
TOMAS 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
แล้วเรามีการเชื่อมโยง, OK?

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

664
00:27:59,780 --> 00:28:02,370
ดังนั้นจำคือการเชื่อมโยง

665
00:28:02,370 --> 00:28:03,900
มันไม่ได้เป็นไปได้ทุกที่

666
00:28:03,900 --> 00:28:11,500
และเราจะให้มัน
การเชื่อมโยงการเรียนฉันเดา

667
00:28:11,500 --> 00:28:13,335
ขอให้มัน
class-- ให้ฉันคิด

668
00:28:13,335 --> 00:28:14,460
ALLISON Buchholtz-AU: โทน

669
00:28:14,460 --> 00:28:16,420
TOMAS REIMERS: Coo-- ขอ
ไปคนชั้นสวย

670
00:28:16,420 --> 00:28:16,930
ทำไมไม่?

671
00:28:16,930 --> 00:28:17,971
>> ALLISON Buchholtz-AU: ตกลง

672
00:28:17,971 --> 00:28:23,040
TOMAS REIMERS: ดังนั้น
ตอนนี้สิ่งที่สวย

673
00:28:23,040 --> 00:28:26,000
กำลังจะทำให้พื้นหลัง
สีฟ้า, สีพื้นหลังของปลาแซลมอน

674
00:28:26,000 --> 00:28:27,969
ที่ทำให้รู้สึก

675
00:28:27,969 --> 00:28:28,760
และถ้าเราทำเจ้านี่

676
00:28:28,760 --> 00:28:29,620
>> ALLISON Buchholtz-AU:
คุณต้องการที่จะเพิ่มข้อความ

677
00:28:29,620 --> 00:28:31,078
เพื่อเชื่อมโยงหลายมิติจริงแสดงขึ้นมา?

678
00:28:31,078 --> 00:28:35,088
TOMAS REIMERS: นั่น
จะเป็นสายที่ดี

679
00:28:35,088 --> 00:28:37,921
ALLISON Buchholtz-AU: 'สาเหตุขวา
ตอนนี้เรากำลังเพียง gonna ได้รับอะไร

680
00:28:37,921 --> 00:28:39,690
TOMAS REIMERS: ดังนั้นนี่คือการเชื่อมโยง

681
00:28:39,690 --> 00:28:42,202
"นี่คือการเชื่อมโยง".

682
00:28:42,202 --> 00:28:45,820
อ้อและนี้เป็นไป
จะต้องมีการเชื่อมโยงอื่น

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
ALLISON Buchholtz-AU:
เราสามารถทำให้มันใหญ่?

695
00:29:12,180 --> 00:29:13,800
TOMAS REIMERS: ขอให้มันชายแดน

696
00:29:13,800 --> 00:29:14,840
ALLISON Buchholtz-AU: เราสามารถชายแดน

697
00:29:14,840 --> 00:29:15,673
TOMAS REIMERS: ใช่

698
00:29:15,673 --> 00:29:18,560
ดังนั้นเรากำลังจะทำบางสิ่งบางอย่าง
เหมือนเป็นเท่าไหร่ชายแดนและเรา

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
>> ALLISON Buchholtz-AU: เพื่อรูปแบบกล่อง

702
00:29:24,592 --> 00:29:27,300
TOMAS REIMERS: แต่ตอนนี้เราไม่
เพียงแค่จะให้มันชายแดน

703
00:29:27,300 --> 00:29:29,580
ดังนั้นสิ่งที่หมายถึงคือคุณ
จะไปดูการเชื่อมโยงเหล่านี้

704
00:29:29,580 --> 00:29:32,788
และคุณจะเห็นว่าพวกเขามี
เหล่านี้เช่นเดียวกับเส้นขอบสีดำน่าเกลียดซึ่​​ง

705
00:29:32,788 --> 00:29:33,820
มีอากาศเย็นสบาย

706
00:29:33,820 --> 00:29:34,500
>> ALLISON Buchholtz-AU:
เว็บไซต์ของเราเพื่อให้สวย

707
00:29:34,500 --> 00:29:35,333
>> TOMAS REIMERS: ใช่

708
00:29:35,333 --> 00:29:38,930
เว็บไซต์ของเราเป็นที่น่ากลัว

709
00:29:38,930 --> 00:29:41,585
ดังนั้นทั้งสองมีการเชื่อมโยงและพวกเขาจะปรากฏ

710
00:29:41,585 --> 00:29:44,160
ตอนนี้ขอแกล้งฉัน
ต้องการเพียงเพื่อที่จะทำเช่นนี้

711
00:29:44,160 --> 00:29:50,072
ถ้ามันเป็นสิ่งที่ไม่ได้อยู่ใน
ซึ่งมีพื้นหลังของปลาแซลมอน

712
00:29:50,072 --> 00:29:52,280
ดังนั้นจำไว้ว่าคนนี้
มีพื้นหลังของปลาแซลมอน,

713
00:29:52,280 --> 00:29:54,000
เพราะมันเป็นเรื่องของชั้นสวย

714
00:29:54,000 --> 00:29:59,777
>> แต่เราอยากจะบอกว่ามีเพียงเย็น
ที่อยู่ในชั้นเรียนพิเศษไม่ได้อยู่ในชั้นเรียน

715
00:29:59,777 --> 00:30:02,890
สวยควรมีชายแดนที่

716
00:30:02,890 --> 00:30:12,549
ดีสิ่งที่คุณสามารถทำได้คือคุณ
สามารถพูด .special พื้นที่ .cool

717
00:30:12,549 --> 00:30:15,590
และสิ่งที่ทำเมื่อคุณคิดว่า
เกี่ยวกับเรื่องนี้คือมันเป็นพื้นพูดว่า

718
00:30:15,590 --> 00:30:19,530
ตกลงหาฉันทุกอย่าง
ที่ตรงกับความพิเศษ

719
00:30:19,530 --> 00:30:24,104
จากนั้นภายในแท็กเหล่านั้นพบว่า
ฉันทุกอย่างที่เย็น

720
00:30:24,104 --> 00:30:27,270
ALLISON Buchholtz-AU: ดังนั้นวิธีอื่น
ที่อาจจะมีดีที่จะคิดเกี่ยวกับเรื่องนี้

721
00:30:27,270 --> 00:30:29,810
นำมันกลับไปที่ C คือ
เช่นเดียวกับความคิดของขอบเขต

722
00:30:29,810 --> 00:30:34,020
ดังนั้นเมื่อคุณมีบาง
ตัวเลือกเช่นเดียวกับคน

723
00:30:34,020 --> 00:30:38,460
ที่เราได้รับการทำงานก่อนหน้านี้
หน้าเว็บทั้งหมดของคุณทั้งหมดของ HTM​​L ของคุณ

724
00:30:38,460 --> 00:30:40,180
อยู่ในขอบเขตของคุณใช่ไหม?

725
00:30:40,180 --> 00:30:43,090
แต่เมื่อเราได้เหล่านี้
ความสัมพันธ์กับผู้ปกครองเด็ก

726
00:30:43,090 --> 00:30:47,130
มันเหมือนกับว่าคุณกำลังแคบลงที่
คุณกำลังมองหาสถานที่ที่เฉพาะเจาะจง

727
00:30:47,130 --> 00:30:50,540
ราวกับว่าเหมือนเรากำลังมองหาภายใน
ฟังก์ชั่นที่เฉพาะเจาะจงแทน

728
00:30:50,540 --> 00:30:52,007
ของไฟล์ทั้งหมดของเรา

729
00:30:52,007 --> 00:30:55,090
ผู้ชม: ดังนั้นด้วยที่ในใจก็จะ
มันมีความสำคัญถ้าเรามี changed--

730
00:30:55,090 --> 00:30:56,423
ALLISON Buchholtz-AU: เพื่อ?

731
00:30:56,423 --> 00:30:59,320
ผู้ชม: ชั้น --The ใน CSS
เพื่อ .cool พื้นที่ .special?

732
00:30:59,320 --> 00:31:01,153
ALLISON Buchholtz-AU:
ใช่แล้วเพราะว่า

733
00:31:01,153 --> 00:31:04,420
จะพูดว่าขอบเขตมันไป
ทุกอย่างที่มีอากาศเย็น

734
00:31:04,420 --> 00:31:07,235
แล้วมองสิ่งที่ has--
ผมหมายถึงเช่นในกรณีนี้

735
00:31:07,235 --> 00:31:08,860
ฉันไม่คิดว่ามันจะมีการเปลี่ยนแปลงมัน

736
00:31:08,860 --> 00:31:10,318
>> TOMAS REIMERS: ถ้าเราได้กล่าวว่าสิ่งที่?

737
00:31:10,318 --> 00:31:10,906
ขอโทษ

738
00:31:10,906 --> 00:31:12,660
>> ALLISON Buchholtz-AU: ถ้าเรา
ขอบเขตให้เย็นแล้ว

739
00:31:12,660 --> 00:31:14,550
มองหาสิ่งที่ออกจากพิเศษ
มันจะเหมือนกันจริง

740
00:31:14,550 --> 00:31:16,260
>> TOMAS REIMERS: ดังนั้นมันจะไม่เป็น

741
00:31:16,260 --> 00:31:16,590
>> ALLISON Buchholtz-AU: มันจะไม่?

742
00:31:16,590 --> 00:31:17,590
โอ้โอ้ดี

743
00:31:17,590 --> 00:31:18,090
ฉันผิด

744
00:31:18,090 --> 00:31:21,480
>> TOMAS REIMERS: ดังนั้นเหตุผล
มันต่างออก 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
ALLISON Buchholtz-AU: Hm

755
00:31:49,865 --> 00:31:51,800
นั่นคือสิ่งที่พูดไปขวา

756
00:31:51,800 --> 00:31:52,310
เพราะมันเป็นเหมือนสิ่งที่เพียงที่นี่

757
00:31:52,310 --> 00:31:53,310
>> TOMAS REIMERS: ดังนั้นจะเลือกอะไร

758
00:31:53,310 --> 00:31:56,530
>> ALLISON Buchholtz-AU: ในขณะที่มี
พิเศษเราไม่ภายในแท็กเหล่านี้ที่นี่

759
00:31:56,530 --> 00:31:57,971
>> TOMAS REIMERS: ผู้และผู้ที่

760
00:31:57,971 --> 00:31:58,512
ผู้ชม: ตกลง

761
00:31:58,512 --> 00:31:58,920
ดังนั้นผู้ที่มาจากแท็กทับ?

762
00:31:58,920 --> 00:31:59,740
>> TOMAS REIMERS: ใช่

763
00:31:59,740 --> 00:32:01,150
ไม่ว่าทำให้รู้สึก?

764
00:32:01,150 --> 00:32:03,685
วิธีการที่จะเป็นพื้น
พยายามที่จะ จำกัด ขอบเขต

765
00:32:03,685 --> 00:32:04,810
ALLISON Buchholtz-AU: ใช่

766
00:32:04,810 --> 00:32:06,870
ผมคิดว่าน่าจะเป็น
วิธีที่ง่ายที่สุดที่จะคิดเกี่ยวกับมัน

767
00:32:06,870 --> 00:32:09,270
>> TOMAS REIMERS: ดังนั้นเราจึงพบนี้และ
เราพบว่าการจับคู่นี้ทั้งสองพิเศษ

768
00:32:09,270 --> 00:32:11,400
และจากนั้นเรากำลังขอภายใน
คนเหล่านี้คือสิ่งที่เย็น?

769
00:32:11,400 --> 00:32:12,941
และภายในหนึ่งนี้ของเย็นนี้

770
00:32:12,941 --> 00:32:14,500
ภายในหนึ่งนี้ไม่มีอะไรเย็น

771
00:32:14,500 --> 00:32:16,250
ดังนั้นนี่คือแท็กเท่านั้นที่ยังคงอยู่

772
00:32:16,250 --> 00:32:20,112
>> ALLISON Buchholtz-AU: ในขณะที่เย็น
เป็นเพียงภายในแท็กเหล่านี้มี

773
00:32:20,112 --> 00:32:21,070
TOMAS REIMERS: แน่นอน

774
00:32:21,070 --> 00:32:22,403
และสิ่งที่พิเศษภายในเหล่านั้นหรือไม่

775
00:32:22,403 --> 00:32:22,930
ไม่มีอะไร

776
00:32:22,930 --> 00:32:25,270
ตอนนี้สิ่งที่ผมจะบอกก็คือ
ถ้ามีพื้นที่ไม่มี

777
00:32:25,270 --> 00:32:29,880
คุณถามว่ามีอะไรเย็นและ special--
หรือสิ่งที่สวยและพิเศษใช่ไหม?

778
00:32:29,880 --> 00:32:35,370
ถ้าคุณบอกว่า .special.pretty ที่
เช่นเดียวกับ .pretty.special

779
00:32:35,370 --> 00:32:39,220
>> เพราะสิ่งที่เอาพื้นที่เป็น
ถามคือเมื่อคุณพูด ​​.special,

780
00:32:39,220 --> 00:32:40,970
คุณกำลังถามตกลง
คนที่เป็นพิเศษ?

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
ผู้ชม: ตกลง

787
00:32:53,640 --> 00:32:54,473
TOMAS REIMERS: ใช่

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

789
00:32:56,670 --> 00:32:58,030
น่ากลัว

790
00:32:58,030 --> 00:33:00,426
ดังนั้นด้วยที่ในใจ then--

791
00:33:00,426 --> 00:33:01,800
>> ALLISON Buchholtz-AU: ผมคิดว่าที่ผ่านมาของเรา
สิ่ง (IN FANCY BRITISH สำเนียง)

792
00:33:01,800 --> 00:33:02,510
รูปแบบกล่อง

793
00:33:02,510 --> 00:33:05,992
>> TOMAS REIMERS: box-- [หัวเราะเบา ๆ ]
ฉันรักวิธีที่อัลลิสันกล่าวว่า

794
00:33:05,992 --> 00:33:06,950
ดังนั้นสิ่งที่รูปแบบกล่อง

795
00:33:06,950 --> 00:33:09,644
>> ALLISON Buchholtz-AU: เพียงแค่มี
กล่องผมจะเป็นรูปแบบกล่องของคุณ

796
00:33:09,644 --> 00:33:11,310
TOMAS REIMERS: ดังนั้นขอพูดคุยเกี่ยวกับการที่

797
00:33:11,310 --> 00:33:14,070
ดังนั้นตอนนี้เราได้ใช้เวลามาก
เวลาพูดคุยเกี่ยวกับเตอร์

798
00:33:14,070 --> 00:33:16,944
โดยตอนนี้พวกคุณอาจจะชอบ
ต้นแบบของ selectors-- คุณรู้ว่า

799
00:33:16,944 --> 00:33:21,510
วิธีการเลือกว่าเนื้อหาที่
คุณต้องการที่จะจัดการบนหน้าจอของคุณ

800
00:33:21,510 --> 00:33:24,740
>> ดังนั้นตอนนี้คำถามคือวิธี
ว่าคุณสามารถจัดการมันได้หรือไม่

801
00:33:24,740 --> 00:33:27,010
ดังนั้นผมคิดว่าพื้นฐานที่สุด
วิธีการที่จะคิดเกี่ยวกับการที่

802
00:33:27,010 --> 00:33:30,294
คือดีว่าสิ่งที่
เป็นองค์ประกอบใน CSS?

803
00:33:30,294 --> 00:33:32,585
เราได้ใช้เวลามาก
พูดคุยเกี่ยวกับสิ่งที่เป็นแท็ก

804
00:33:32,585 --> 00:33:36,140
หรือสิ่งที่เป็นพื้นฐานที่สุด
การเป็นตัวแทนของแท็ก?

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

806
00:33:39,870 --> 00:33:45,170
>> วิธีที่ดีที่จะคิดเกี่ยวกับ
นั่นคือสิ่งที่รูปร่างเป็นปลาแซลมอน?

807
00:33:45,170 --> 00:33:47,295
อะไรคือสิ่งที่รูปร่างเหมือน
พื้นหลังสีปลาแซลมอน?

808
00:33:47,295 --> 00:33:47,880
>> ผู้ชม: มันเป็นรูปสี่เหลี่ยมผืนผ้า

809
00:33:47,880 --> 00:33:49,040
>> TOMAS REIMERS: มันเป็นรูปสี่เหลี่ยมผืนผ้าใช่มั้ย?

810
00:33:49,040 --> 00:33:50,956
>> ALLISON Buchholtz-AU:
ไม่ได้คำถามเคล็ดลับ

811
00:33:50,956 --> 00:33:51,870
[หัวเราะ]

812
00:33:51,870 --> 00:33:54,670
>> TOMAS REIMERS: ไม่ได้พยายาม
เพื่อหลอกลวงให้พวกคุณปลายนี้

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
>> ALLISON Buchholtz-AU: ผมหมายถึง
เบราว์เซอร์มักจะเป็นรูปสี่เหลี่ยมผืนผ้า

819
00:34:11,423 --> 00:34:13,440
จึงทำให้รู้สึก

820
00:34:13,440 --> 00:34:18,750
>> TOMAS REIMERS: คิดที่นี่คือ
ว่าทั้งหมดของแท็กภายใน CSS

821
00:34:18,750 --> 00:34:21,790
จะแสดงเป็นรูปสี่เหลี่ยมผืนผ้า

822
00:34:21,790 --> 00:34:25,699
และสี่เหลี่ยมทุกคนมีสี่
ส่วนตาม CSS, OK?

823
00:34:25,699 --> 00:34:27,830
คุณมีเนื้อหาที่เกิดขึ้นจริง

824
00:34:27,830 --> 00:34:29,644
นั่นคือสิ่งที่ข้อความอยู่

825
00:34:29,644 --> 00:34:30,470
>> ALLISON Buchholtz-AU:
บางทีภาพของคุณ

826
00:34:30,470 --> 00:34:31,303
>> TOMAS REIMERS: ใช่

827
00:34:31,303 --> 00:34:33,860
คุณมีช่องว่างภายในซึ่งเป็น
เพียงบางชนิดของพื้นที่สีขาว

828
00:34:33,860 --> 00:34:35,085
แล้วคุณมีชายแดน

829
00:34:35,085 --> 00:34:37,710
แล้วคุณจะมีอัตรากำไรขั้นต้นที่
เป็นพื้นที่สีขาวที่ด้านนอกของ

830
00:34:37,710 --> 00:34:39,460
เพื่อที่จะทำให้รู้สึกไม่
กับทุกคนดังนั้นเรา

831
00:34:39,460 --> 00:34:42,500
จะพูดคุยเกี่ยวกับว่าเป็นครั้งที่สอง

832
00:34:42,500 --> 00:34:47,570
ดังนั้นที่นี่สิ่งที่เรากำลังจะทำ
คือเรากำลังจะสร้าง divs บาง OK?

833
00:34:47,570 --> 00:34:48,420
ขอโทษนะในขณะที่ I--

834
00:34:48,420 --> 00:34:51,506
>> ALLISON Buchholtz-AU: ฉันรู้สึกเหมือน
เราควรจะนำภาพที่น่ารักใน

835
00:34:51,506 --> 00:34:52,520
>> TOMAS REIMERS: แน่นอนเราควร

836
00:34:52,520 --> 00:34:53,389
>> ALLISON Buchholtz-AU:
ฉันรู้สึกเหมือนทุกคน

837
00:34:53,389 --> 00:34:54,870
จะได้ประโยชน์จาก
ภาพที่น่ารักคือทั้งหมด

838
00:34:54,870 --> 00:34:56,774
>> TOMAS REIMERS: เราสามารถ
ได้รับประโยชน์จากเเรก

839
00:34:56,774 --> 00:34:57,648
>> ผู้ชม: ใช่แน่ใจว่า

840
00:34:57,648 --> 00:34:58,790
TOMAS REIMERS: ตกลงเย็น

841
00:34:58,790 --> 00:35:02,254
ดังนั้นเราจึงควรใส่น่ารัก
ภาพในที่ใดที่หนึ่ง

842
00:35:02,254 --> 00:35:05,295
ALLISON Buchholtz-AU: ฉันรู้สึกเหมือน
กระต่ายน่ารักอาจจะมีประโยชน์ในขณะนี้

843
00:35:05,295 --> 00:35:06,190
TOMAS REIMERS: แน่นอน

844
00:35:06,190 --> 00:35:06,950
ALLISON Buchholtz-AU: ปลายสัปดาห์

845
00:35:06,950 --> 00:35:07,390
มีบางสิ่งบางอย่าง adorab--

846
00:35:07,390 --> 00:35:08,520
>> TOMAS REIMERS: การแข่งขันลูกแมวได้อย่างไร?

847
00:35:08,520 --> 00:35:09,220
>> ALLISON Buchholtz-AU:
ลูกแมวทำงานมากเกินไป

848
00:35:09,220 --> 00:35:11,300
>> TOMAS REIMERS: โทนเพราะ
มีเว็บไซต์ที่

849
00:35:11,300 --> 00:35:12,300
มันเรียกว่า PlaceKitten

850
00:35:12,300 --> 00:35:14,719
ALLISON Buchholtz-AU: ที่ดี

851
00:35:14,719 --> 00:35:15,510
TOMAS REIMERS: ใช่

852
00:35:15,510 --> 00:35:18,040
ALLISON Buchholtz-AU: เพียงแค่ชอบ,
ภาพตัวยึดในเว็บไซต์ของคุณ

853
00:35:18,040 --> 00:35:18,914
TOMAS REIMERS: MM-HM

854
00:35:18,914 --> 00:35:21,520
นอกจากนี้ยังมี PlacePuppy

855
00:35:21,520 --> 00:35:22,832
และมี PlaceBacon

856
00:35:22,832 --> 00:35:24,340
>> ALLISON Buchholtz-AU: PlaceBacon?

857
00:35:24,340 --> 00:35:25,350
จริงเหรอ?

858
00:35:25,350 --> 00:35:28,190
>> TOMAS REIMERS: โอ้ที่เราทำไม่ได้
มีการเข้าถึงอินเทอร์เน็ตที่นี่

859
00:35:28,190 --> 00:35:29,875
>> ALLISON Buchholtz-AU: [groans]

860
00:35:29,875 --> 00:35:30,375
อนาถ

861
00:35:30,375 --> 00:35:32,333
TOMAS REIMERS: มิฉะนั้น
ผมจะแสดงให้พวกคุณ

862
00:35:32,333 --> 00:35:33,870
วิธีที่จะนำภาพในเว็บไซต์ของคุณ

863
00:35:33,870 --> 00:35:36,370
เราจะพยายามที่จะได้รับนี้
การทำงานก่อนที่เราจะต้องไป

864
00:35:36,370 --> 00:35:38,660
แต่ตอนนี้เราไม่เพียง
จะพูดคุยในสีแล้ว

865
00:35:38,660 --> 00:35:39,820
เราต้องการที่จะนำภาพของ kittens--

866
00:35:39,820 --> 00:35:40,210
>> ALLISON Buchholtz-AU: เราได้

867
00:35:40,210 --> 00:35:43,110
>> TOMAS REIMERS: อินเทอร์เน็ต --The
ลงสำหรับช่วงเวลาที่เป็น

868
00:35:43,110 --> 00:35:47,820
ดังนั้นเราจึงมีสอง divs และเรา
จะให้พวกเขาสองรหัส

869
00:35:47,820 --> 00:35:51,380

870
00:35:51,380 --> 00:35:56,760
เราจะเรียกมันว่า
"ครั้งแรก" และ "สอง".

871
00:35:56,760 --> 00:36:01,184
ดังนั้น id = "ครั้งแรก".

872
00:36:01,184 --> 00:36:02,850
และเราจะให้พวกเขาสองสี

873
00:36:02,850 --> 00:36:08,424
ดังนั้นเราจะเลือกบางสิ่งบางอย่าง
มี id ของ "ครั้งแรก"?

874
00:36:08,424 --> 00:36:09,840
ALLISON Buchholtz-AU: Dot หรือกัญชา?

875
00:36:09,840 --> 00:36:10,730
ผู้ชม: ชาร์ป

876
00:36:10,730 --> 00:36:12,940
TOMAS REIMERS: ชาร์ปที่สมบูรณ์แบบ

877
00:36:12,940 --> 00:36:14,950
ชาร์ป, กัญชา, สิ่ง we--

878
00:36:14,950 --> 00:36:15,680
>> ALLISON Buchholtz-AU:
จำนวนมากของสิ่งที่เรียกว่า

879
00:36:15,680 --> 00:36:16,430
>> TOMAS REIMERS: ตกลง

880
00:36:16,430 --> 00:36:19,800
เรากำลังจะไปตั้งถิ่นฐานอยู่บน hashtag และ
นั่นคือสิ่งที่เรากำลังจะไปกับ

881
00:36:19,800 --> 00:36:20,300
OK?

882
00:36:20,300 --> 00:36:20,735
>> ALLISON Buchholtz-AU: แฮชแท็ก

883
00:36:20,735 --> 00:36:22,340
>> TOMAS REIMERS: ดังนั้น hashtag เป็นครั้งแรก

884
00:36:22,340 --> 00:36:24,506
>> ALLISON Buchholtz-AU: ดังนั้น
คุณสามารถ tweet seminar--

885
00:36:24,506 --> 00:36:27,582
CSS hashtag, hashtag เย็น

886
00:36:27,582 --> 00:36:29,040
TOMAS REIMERS: Hashtag Awesomeness

887
00:36:29,040 --> 00:36:30,730
ALLISON Buchholtz-AU:
hashtag Awesomeness ใช่

888
00:36:30,730 --> 00:36:31,480
TOMAS REIMERS: ตกลง

889
00:36:31,480 --> 00:36:33,660
ดังนั้นเราจึงมี "ครั้งแรก" และ "สอง".

890
00:36:33,660 --> 00:36:37,697
ครั้งแรกดังนั้นเรากำลังจะมี
สีพื้นหลังของสีแดง

891
00:36:37,697 --> 00:36:39,030
ALLISON Buchholtz-AU: เอ่อ, ลำไส้ใหญ่

892
00:36:39,030 --> 00:36:40,281
TOMAS REIMERS: Yup

893
00:36:40,281 --> 00:36:42,281
ALLISON Buchholtz-AU:
ฉันจะเป็นจุดตรวจของคุณ

894
00:36:42,281 --> 00:36:43,960
TOMAS REIMERS: อัลลิสันมีฉัน

895
00:36:43,960 --> 00:36:45,830
background-color ของ blue--

896
00:36:45,830 --> 00:36:46,810
>> TOMAS REIMERS ม่วง!

897
00:36:46,810 --> 00:36:47,726
>> TOMAS REIMERS ม่วง

898
00:36:47,726 --> 00:36:48,830
ALLISON Buchholtz-AU: ใช่

899
00:36:48,830 --> 00:36:50,630
สีม่วงสีที่ชื่นชอบ
และเราไม่ได้ใช้มันเลย

900
00:36:50,630 --> 00:36:51,546
>> TOMAS REIMERS: สีม่วง

901
00:36:51,546 --> 00:36:53,361
ALLISON 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
>> TOMAS REIMERS: ดังนั้นเรา
จะมีสอง divs

905
00:36:59,880 --> 00:37:01,654
พวกเขากำลังจะเป็นที่ว่างเปล่าโดยสิ้นเชิง

906
00:37:01,654 --> 00:37:03,070
เราอาจจะมีข้อความบางส่วน

907
00:37:03,070 --> 00:37:05,580

908
00:37:05,580 --> 00:37:09,815
ดังนั้น "ครั้งแรก" เป็นไปได้ "สวัสดี".

909
00:37:09,815 --> 00:37:10,940
และ "สอง" จะ say--

910
00:37:10,940 --> 00:37:11,110
>> ALLISON 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
ALLISON Buchholtz-AU: ผมเห็น
พวกเขาในคอนเสิร์ตสัปดาห์

914
00:37:16,580 --> 00:37:17,705
TOMAS REIMERS: The Beatles?

915
00:37:17,705 --> 00:37:20,242
ALLISON Buchholtz-AU: สำหรับจำนวนจริง

916
00:37:20,242 --> 00:37:21,200
พวกเขากำลังไม่ว่าดี

917
00:37:21,200 --> 00:37:24,084

918
00:37:24,084 --> 00:37:24,750
ฉันไม่ชอบมัน

919
00:37:24,750 --> 00:37:26,060
>> TOMAS REIMERS: เรามี
"สวัสดี" และ "ลาก่อน".

920
00:37:26,060 --> 00:37:29,102
และอีกครั้ง, CSS จะน่ากลัวเพียง
เพราะตระหนักถึงสีของเรา

921
00:37:29,102 --> 00:37:30,810
ไม่จำเป็นต้องที่จะได้
กังวลว่าพวกเขามีอยู่

922
00:37:30,810 --> 00:37:33,194
พวกเขาทำ

923
00:37:33,194 --> 00:37:35,130
>> ALLISON Buchholtz-AU: พวกเขาอยู่

924
00:37:35,130 --> 00:37:39,560
>> TOMAS REIMERS: ดังนั้น CSS ผมคิดว่ามี
255 คำที่จะพูดคุยเกี่ยวกับสี

925
00:37:39,560 --> 00:37:42,986
ถ้าคุณสามารถคิดของสีภายนอก
ผู้ที่ 255 เช่นเดียวกับผมจะต้องประทับใจ

926
00:37:42,986 --> 00:37:44,110
ALLISON Buchholtz-AU: ใช่

927
00:37:44,110 --> 00:37:45,560
ผมคิดว่าพวกคุณอาจจะมี
มาเพียงแค่ในทันทีหลังจากที่

928
00:37:45,560 --> 00:37:47,727
>> TOMAS REIMERS: ดังนั้นที่นี่
คุณจะเห็นเรามีสองกล่อง

929
00:37:47,727 --> 00:37:49,143
ขวาด้านบนของแต่ละอื่น ๆ ใช่มั้ย?

930
00:37:49,143 --> 00:37:50,200
สวัสดีและ GOODBYE

931
00:37:50,200 --> 00:37:51,460
>> ALLISON Buchholtz-AU:
มีพื้นที่ในระหว่างไม่ได้

932
00:37:51,460 --> 00:37:53,390
พวกเขากำลัง smooshed เพียง
ขวาด้านบนของแต่ละอื่น ๆ

933
00:37:53,390 --> 00:37:55,973
>> TOMAS REIMERS: ดังนั้นสิ่งแรกที่
ผมคิดว่าเราควรจะพูดคุยเกี่ยวกับ

934
00:37:55,973 --> 00:38:02,960
จะขอยัง 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
และเนื้อหาที่เหมาะสมในขณะนี้คือการจัดเรียงของ
สวัสดีหรือ GOODBYE และที่มัน

938
00:38:14,540 --> 00:38:15,040
OK?

939
00:38:15,040 --> 00:38:19,790
>> ดังนั้นหนึ่งในสิ่งแรกที่คุณ
สามารถทำได้คือคุณสามารถเพิ่มขยาย

940
00:38:19,790 --> 00:38:25,610
padding กล่าวว่าพื้นที่เท่าใด
มันควรจะออกในแต่ละด้าน

941
00:38:25,610 --> 00:38:29,200
ดังนั้นสมมติว่าฉันต้องการจะบอก
10 พิกเซลในแต่ละด้าน

942
00:38:29,200 --> 00:38:31,234
และผมจะผ่าว่าในครั้งที่สอง

943
00:38:31,234 --> 00:38:33,150
ALLISON Buchholtz-AU:
ทุกสิ่งเหล่านี้ที่นี่

944
00:38:33,150 --> 00:38:36,980
จะไปเป็นส่วนใหญ่ในพิกเซล
สำหรับส่วนที่เหลือของการสัมมนา

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
>> ALLISON Buchholtz-AU: คุณต้องการ
เพียงแค่ดึงองค์ประกอบตรวจสอบ?

949
00:38:51,680 --> 00:38:53,659
>> TOMAS REIMERS: ใช่ว่าเป็นความคิดที่ดี

950
00:38:53,659 --> 00:38:56,700
ALLISON Buchholtz-AU: นอกจากนี้ผมพบว่า
ว่าองค์ประกอบการตรวจสอบเป็นวิธีที่ดี

951
00:38:56,700 --> 00:39:01,280
คิดว่าบางสิ่งบางอย่างไป
ผิดบางสิ่งบางอย่างที่ไม่คาดคิดเกิดขึ้น

952
00:39:01,280 --> 00:39:04,570
การตรวจสอบแท็กและเห็นสิ่งที่
มันก็เหมือนการเขียนทับจะเป็นประโยชน์

953
00:39:04,570 --> 00:39:05,940
>> TOMAS REIMERS: ดังนั้นผมไม่แน่ใจว่า
ถ้าพวกคุณจะได้เห็นสีนี้

954
00:39:05,940 --> 00:39:06,470
คุณสามารถ?

955
00:39:06,470 --> 00:39:10,120
คุณจะเห็นช่องว่างนี้
ในการจัดเรียงของขอบ

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
>> ผู้ชม: ทำไมคุณไม่เพียง
ใช้กล่องภายในยกกำลัง

961
00:39:20,440 --> 00:39:21,606
>> ALLISON Buchholtz-AU: ขวา

962
00:39:21,606 --> 00:39:24,745
เพราะมันเป็นเพียงแค่การเลือก
องค์ประกอบในขณะนี้

963
00:39:24,745 --> 00:39:26,050
>> TOMAS REIMERS: Yup

964
00:39:26,050 --> 00:39:27,060
สิ่งอื่น ๆ

965
00:39:27,060 --> 00:39:29,780
ดังนั้นขอพูดคุยเกี่ยวกับการที่
คำสั่ง padding เป็นครั้งที่สอง

966
00:39:29,780 --> 00:39:36,380
ดังนั้นใน CSS วัด
จำเป็นที่จะต้องมีหน่วย

967
00:39:36,380 --> 00:39:39,740
ดังนั้นก่อนที่คุณมีจำนวนเงินที่

968
00:39:39,740 --> 00:39:41,460
ดังนั้นในกรณีนี้เราได้กล่าวว่า 10

969
00:39:41,460 --> 00:39:44,780
และจากนั้นต่อไป
เราได้กล่าวว่าเป็นพิกเซล, พิกเซล

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
>> ALLISON Buchholtz-AU: โอ้เด็ก

974
00:39:52,990 --> 00:39:53,460
>> ผู้ชม: ว้าว

975
00:39:53,460 --> 00:39:54,460
>> โทมัสและ ALLISON: ใช่

976
00:39:54,460 --> 00:39:57,840
TOMAS REIMERS: เพื่อให้เป็นช่องว่างทั้งหมด

977
00:39:57,840 --> 00:39:59,255
ฉันจะกลับไปพิกเซล

978
00:39:59,255 --> 00:40:01,754
>> ALLISON Buchholtz-AU: พิกเซล
มีแนวโน้มที่จะเป็นเหมือนมาตรฐาน

979
00:40:01,754 --> 00:40:04,589
เมื่อคุณดูที่เว็บไซต์จำนวนมาก,
พวกเขาส่วนใหญ่ทำงานในพิกเซล

980
00:40:04,589 --> 00:40:07,755
TOMAS 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
>> ALLISON Buchholtz-AU: mm

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

985
00:40:17,574 --> 00:40:20,740
TOMAS REIMERS: มันเป็นวิธีที่ดีที่จะบอกว่า
เช่นผมต้องการพื้นที่มากที่สุดเท่าที่ตัวอักษรของฉัน

986
00:40:20,740 --> 00:40:21,514
คือการ

987
00:40:21,514 --> 00:40:23,180
ALLISON Buchholtz-AU: ไม่ทราบว่า

988
00:40:23,180 --> 00:40:25,747
คุณเรียนรู้สิ่งใหม่ทุกวัน

989
00:40:25,747 --> 00:40:27,955
TOMAS REIMERS: มีอยู่
จำนวนมากของการวัดใน CS

990
00:40:27,955 --> 00:40:29,260
ผมแนะนำให้คุณดูพวกเขา

991
00:40:29,260 --> 00:40:32,122
สำหรับกรณีของคุณผมคิดว่า
พิกเซลควรจะเพียงพอ

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-- ดังนั้น
ชุด padding ทุก paddings

996
00:40:42,420 --> 00:40:49,789
นอกจากนี้คุณยังสามารถทำสิ่งที่ชอบ
"padding-top" เพียงแค่ถึงตรง

997
00:40:49,789 --> 00:40:52,080
ALLISON Buchholtz-AU: บางที
เราจะได้รับ "Hello" ของเรากลับมา

998
00:40:52,080 --> 00:40:55,480
TOMAS REIMERS: --to เพิ่งตั้ง
padding ด้านบนและไม่มีอะไรอื่น

999
00:40:55,480 --> 00:40:59,560
ดังนั้นคำสั่งที่สี่ padding-top,
padding ด้านล่าง padding ซ้าย

1000
00:40:59,560 --> 00:41:00,310
และ padding ขวา

1001
00:41:00,310 --> 00:41:02,470
>> ALLISON Buchholtz-AU: เช่นเดียวกับ
คุณจะคาดหวังสำหรับกล่อง

1002
00:41:02,470 --> 00:41:03,530
>> TOMAS REIMERS: ใช่

1003
00:41:03,530 --> 00:41:05,240
ไม่มีอะไรเกินไปบ้ามี

1004
00:41:05,240 --> 00:41:08,230
ไม่ว่าทำให้รู้สึก?

1005
00:41:08,230 --> 00:41:11,990
เพื่อให้เป็นช่องว่าง

1006
00:41:11,990 --> 00:41:14,110
ฉันจะตั้งค่าทั้งหมด
paddings กลับไปที่ 10

1007
00:41:14,110 --> 00:41:17,010
และจากนั้นผมจะย้ายไปยังชายแดน

1008
00:41:17,010 --> 00:41:21,130
>> ดังนั้นสิ่งที่ชายแดนเป็น
ชายแดนเป็นคำสั่งแปลก ๆ

1009
00:41:21,130 --> 00:41:24,450
มันต้องใช้การเรียงลำดับของสามสิ่งในครั้งเดียว

1010
00:41:24,450 --> 00:41:28,930
ดังนั้นก่อนที่เป็นวิธีใหญ่คุณ
ต้องการที่จะเป็นวัด

1011
00:41:28,930 --> 00:41:30,662
อีกครั้งฉันก็แค่ใช้พิกเซล

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
>> TOMAS 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
>> ALLISON Buchholtz-AU: และเรามี
นี้ความละเอียดของทีวีไร้สาระ

1037
00:42:27,967 --> 00:42:29,460
>> TOMAS REIMERS: ใช่

1038
00:42:29,460 --> 00:42:33,640
คุณสามารถทำให้มันใหญ่ขึ้น
ขนาดเล็กสิ่งที่

1039
00:42:33,640 --> 00:42:35,630
ดังนั้นนี่คือชายแดนสองพิกเซล

1040
00:42:35,630 --> 00:42:38,810
คุณจะเห็นว่ามันเป็นสองเท่าของความหนา

1041
00:42:38,810 --> 00:42:40,172
สิ่งต่อไปที่คุณต้องเป็นสี

1042
00:42:40,172 --> 00:42:41,130
ที่ไม่น่าสนใจ

1043
00:42:41,130 --> 00:42:42,710
ผมไม่อยากจะพูดคุย
เกี่ยวกับที่จริงๆ

1044
00:42:42,710 --> 00:42:45,110
>> ALLISON Buchholtz-AU: แต่สไตล์
อาจจะมีเพียงเล็ก ๆ น้อย ๆ ที่น่าสนใจ

1045
00:42:45,110 --> 00:42:45,980
>> TOMAS REIMERS: ใช่

1046
00:42:45,980 --> 00:42:48,560
ดังนั้นรูปแบบที่มีคนไม่กี่
ที่ผมเห็นที่ใช้กันทั่วไป

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
>> ALLISON Buchholtz-AU:
และแน่นอนผม

1053
00:43:13,600 --> 00:43:16,660
แน่ใจว่ามีมากมายอื่น ๆ
รูปแบบที่คุณจะได้รับ

1054
00:43:16,660 --> 00:43:20,000
และเรามีชุดที่ดีของ
การเชื่อมโยงที่ตอนท้ายสำหรับคุณผู้ชาย

1055
00:43:20,000 --> 00:43:23,470
ชนิดของการอ่านและ
ดู CSS เย็นมากขึ้น

1056
00:43:23,470 --> 00:43:25,954
>> TOMAS REIMERS: แล้ว
สิ่งสุดท้ายที่เราไม่

1057
00:43:25,954 --> 00:43:27,870
จะพูดคุยเกี่ยวกับ
กล่องรุ่นจริงอย่างรวดเร็ว

1058
00:43:27,870 --> 00:43:30,070
โอ้แล้วชายแดน
เหมือน padding,

1059
00:43:30,070 --> 00:43:33,270
คุณยังมีสิ่งที่ต้องการ
ขอบซ้ายขอบขวา, ขอบด้านบน

1060
00:43:33,270 --> 00:43:37,590
ขอบล่างซึ่งช่วยให้คุณ
ที่จะได้รับที่ชายแดนที่เฉพาะเจาะจง

1061
00:43:37,590 --> 00:43:40,650
ดังนั้นนี่เป็นเพียงชายแดนซ้ายที่กำหนดไว้

1062
00:43:40,650 --> 00:43:43,060
ไม่ว่าจะทำให้ความรู้สึก?

1063
00:43:43,060 --> 00:43:46,170
>> ALLISON Buchholtz-AU: มันเป็นเย็น
วิธีที่จะเน้นสิ่งที่หรือเพิ่ม

1064
00:43:46,170 --> 00:43:47,545
เส้นแบ่งระหว่างองค์ประกอบที่แตกต่างกัน

1065
00:43:47,545 --> 00:43:48,670
TOMAS REIMERS: แน่นอน

1066
00:43:48,670 --> 00:43:50,940
เพื่อให้เป็นชายแดนของเรา

1067
00:43:50,940 --> 00:43:52,790
และอัตรากำไรขั้นต้นหนึ่งที่ผ่านมา

1068
00:43:52,790 --> 00:43:55,892
padding เช่น Margin ของ
ยกเว้นว่ามันจะไม่ within--

1069
00:43:55,892 --> 00:43:57,975
ALLISON Buchholtz-AU: มัน
ไม่รอบองค์ประกอบของคุณ

1070
00:43:57,975 --> 00:44:00,840
แต่ที่จริงรอบทั้งหมด
กล่องที่เราเคยเห็น

1071
00:44:00,840 --> 00:44:02,770
>> TOMAS REIMERS: ใช่

1072
00:44:02,770 --> 00:44:04,090
แอลลิสันกล่าวว่ามันได้อย่างสมบูรณ์แบบ

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
ALLISON 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
และเราจะที่จริงดี
เราจะมีอินเตอร์เน็ตยัง?

1088
00:44:44,815 --> 00:44:47,860
>> TOMAS REIMERS: Let 's
ดูว่าฉันสามารถเปิด 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
ALLISON Buchholtz-AU:
basically-- ดังนั้นผมจึงทำไม่ได้

1092
00:44:55,150 --> 00:44:57,930
รู้ว่าอะไรที่ผมสามารถพูดได้ที่จุดนี้

1093
00:44:57,930 --> 00:45:01,340
แต่เหล่านี้เป็นบางส่วน
ทรัพยากรที่ดีจริงๆ

1094
00:45:01,340 --> 00:45:04,629
เหล่านี้เป็นคนที่
โทมัสและฉันได้ใช้

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
ผ่านการเรียนรู้
เรื่องเกี่ยวกับ selector

1108
00:45:40,750 --> 00:45:44,610
หรือเรียนรู้เกี่ยวกับการจัดการของคุณ
ตัวอักษรหรือพื้นหลังหรือภาพ

1109
00:45:44,610 --> 00:45:46,990
และคุณมีเหล่านี้
ผลทันทีที่คุณ

1110
00:45:46,990 --> 00:45:49,310
ไม่ได้มีการดำเนินการใด ๆ
เตรียมงานอื่น ๆ สำหรับ

1111
00:45:49,310 --> 00:45:51,060
ดังนั้นฉันรัก W3Schools

1112
00:45:51,060 --> 00:45:51,960
มันเป็นเรื่องที่เหลือเชื่อ

1113
00:45:51,960 --> 00:45:52,670
มันจะทำงาน?

1114
00:45:52,670 --> 00:45:52,950
>> TOMAS REIMERS: ใช่

1115
00:45:52,950 --> 00:45:53,720
ไม่มีก็ไม่ได้

1116
00:45:53,720 --> 00:45:55,636
คุณต้องการให้ฉันไปลอง
และรีสตาร์ทคอมพิวเตอร์ของฉันได้อย่างไร

1117
00:45:55,636 --> 00:45:56,410
หรือว่าเราต้องการ to--

1118
00:45:56,410 --> 00:46:01,490
>> ALLISON Buchholtz-AU: ผมหมายถึง
ดีนี้ยังจะออนไลน์

1119
00:46:01,490 --> 00:46:02,740
ภาพนิ่งทั้งหมดจะออนไลน์

1120
00:46:02,740 --> 00:46:05,470
ดังนั้นผมจึงขอแนะนำให้เพียงแค่การทำเหล่านี้

1121
00:46:05,470 --> 00:46:07,880
>> นี่คือที่ดีเป็นเพียงแค่
เช่นแผ่นโกง

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
มันพัฒนาจาก Mozilla

1132
00:46:33,030 --> 00:46:36,490
>> TOMAS REIMERS: ดังนั้น Mozilla เป็น
คนที่ทำให้ Firefox

1133
00:46:36,490 --> 00:46:40,290
และมันก็เป็นเพียงแค่การพัฒนาของพวกเขาเอง
อ้างอิงซึ่งผมคิดว่าเป็นสิ่งที่น่ากลัว

1134
00:46:40,290 --> 00:46:44,870
และก็จะมีที่ยอดเยี่ยม
รายการของทรัพยากร

1135
00:46:44,870 --> 00:46:45,530
ดังนั้นเราจึง have--

1136
00:46:45,530 --> 00:46:48,060
>> ALLISON Buchholtz-AU:
และจากนั้นก็บันทึกล่าสุดคือ

1137
00:46:48,060 --> 00:46:50,120
เมื่อคุณกำลังพยายามที่จะ
ออกแบบเว็บไซต์ของคุณ

1138
00:46:50,120 --> 00:46:53,550
วาดแรงบันดาลใจจากสิ่งที่
ที่คุณคิดว่าจะสวย

1139
00:46:53,550 --> 00:46:56,340
การตรวจสอบองค์ประกอบ
การตรวจสอบรหัสแหล่งที่มา

1140
00:46:56,340 --> 00:46:59,370
จะมีประโยชน์สุด
พยายามที่จะคิดออก

1141
00:46:59,370 --> 00:47:02,080
วิธีการรูปแบบเว็บไซต์ของคุณเอง

1142
00:47:02,080 --> 00:47:04,540
>> บ่อยครั้งที่ฉันรู้สึกเหมือนที่ดีที่สุด
วิธีที่นอกเหนือจากการทดลอง

1143
00:47:04,540 --> 00:47:06,290
เป็นเพียงการไปดูที่
สิ่งที่มีความสวย

1144
00:47:06,290 --> 00:47:09,810
ฉันคิดว่ามันเป็นเรื่องยากที่จะเพียงแค่
ชนิดของการออกแบบสิ่งที่ตัวคุณเอง

1145
00:47:09,810 --> 00:47:11,090
โดยเฉพาะอย่างยิ่งในการเริ่มต้น

1146
00:47:11,090 --> 00:47:14,740
ดังนั้นโปรดดูที่เว็บไซต์
ว่าคุณจะสนุกกับการมองหาที่

1147
00:47:14,740 --> 00:47:16,880
คิดออกสิ่งที่ทำให้
พวกเขาน่าสนใจให้กับคุณ

1148
00:47:16,880 --> 00:47:19,170
และแล้วรู้สึกฟรีเพื่อ
และพยายามทำซ้ำที่

1149
00:47:19,170 --> 00:47:20,410
>> TOMAS REIMERS: ขวา

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 อื่นภายใน
ที่นี่ซึ่งเป็น Awesomeness 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
>> TOMAS REIMERS: ใช่อย่างแน่นอน

1166
00:47:59,660 --> 00:48:02,780
ดังนั้นให้ฉันดูจริง

1167
00:48:02,780 --> 00:48:04,670
ฉันมีสองความคิด

1168
00:48:04,670 --> 00:48:07,265
ดังนั้นครั้งแรกของทุกท่าน
ยังสามารถใช้ร้อยละ

1169
00:48:07,265 --> 00:48:08,140
>> ผู้ชม: จริงเหรอ?

1170
00:48:08,140 --> 00:48:11,260
>> ALLISON Buchholtz-AU: ดังนั้นบางสิ่งบางอย่าง
ที่จะมองขึ้นคือการวางตำแหน่งของญาติ

1171
00:48:11,260 --> 00:48:13,385
มันเป็นสิ่งที่เรา
ไม่ได้มีเวลาที่จะได้รับเข้าไป

1172
00:48:13,385 --> 00:48:16,392
แต่มันเป็นสิ่งที่ฉันแน่นอน
ขอแนะนำให้พวกคุณตรวจสอบจาก

1173
00:48:16,392 --> 00:48:17,580
>> TOMAS REIMERS: ร้อยละดังนั้น

1174
00:48:17,580 --> 00:48:21,524
และดูว่าเราทำมัน
เพียง 50% ของความกว้าง?

1175
00:48:21,524 --> 00:48:24,190
ALLISON Buchholtz-AU: ถ้าคุณ
รู้จริงจำนวนพิกเซล,

1176
00:48:24,190 --> 00:48:25,780
คุณสามารถจะแม่นยำมากขึ้นด้วยวิธีการที่

1177
00:48:25,780 --> 00:48:27,200
คุณสามารถทำเล่น ๆ กับมัน

1178
00:48:27,200 --> 00:48:27,700
แต่ 50%

1179
00:48:27,700 --> 00:48:31,970
ถ้าเราจะปรับขนาดเบราว์เซอร์ของเรา
มันจะทำให้มีขนาดเล็กลง

1180
00:48:31,970 --> 00:48:35,250
>> TOMAS REIMERS: ดีก็
โดยทั่วไป 50% ตอนนี้ผมคิดว่า

1181
00:48:35,250 --> 00:48:38,820
มันเป็น 50% และอัตรากำไรขั้นต้นแล้ว
ได้รับการบันทึกว่า

1182
00:48:38,820 --> 00:48:40,100
CSS มีจำนวนมากนิสัยใจคอ

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
>> ALLISON Buchholtz-AU:
และคุณก็จะได้รับอย่างชาญฉลาด

1191
00:48:59,420 --> 00:49:02,020
และคุณก็จะได้รับดีกว่า
สัญชาตญาณของมันในขณะที่คุณย้ายไปตาม

1192
00:49:02,020 --> 00:49:02,730
>> TOMAS REIMERS: และมัน
ได้รับแย่ลงและแย่

1193
00:49:02,730 --> 00:49:03,496
ดังนั้นจึงเป็นจริงๆเพียงแค่การแข่งขัน

1194
00:49:03,496 --> 00:49:05,454
>> ALLISON Buchholtz-AU:
นั่นคือให้กำลังใจสุด

1195
00:49:05,454 --> 00:49:07,070
เราต้องการให้พวกเขาชอบ CSS

1196
00:49:07,070 --> 00:49:08,810
>> TOMAS REIMERS: CSS เป็นที่น่ากลัว

1197
00:49:08,810 --> 00:49:10,354
โปรดจำไว้ว่า

1198
00:49:10,354 --> 00:49:11,020
คำถามอื่น ๆ ?

1199
00:49:11,020 --> 00:49:14,297
>> ALLISON Buchholtz-AU: สิ่งหนึ่งที่

1200
00:49:14,297 --> 00:49:14,880
อะไรอีกหรือไม่

1201
00:49:14,880 --> 00:49:15,140
เย็น

1202
00:49:15,140 --> 00:49:15,690
>> TOMAS REIMERS: น่ากลัว

1203
00:49:15,690 --> 00:49:18,523
>> ALLISON Buchholtz-AU: ดีถ้าคุณ
คนมีคำถามใด ๆ ในภายหลัง

1204
00:49:18,523 --> 00:49:20,919
เรามักจะใช้ได้ตามปกติ

1205
00:49:20,919 --> 00:49:22,960
คุณอาจจะเห็นบางส่วน
ของเราสำหรับโครงการสุดท้าย

1206
00:49:22,960 --> 00:49:24,280
และแน่นอนที่ Hackathon

1207
00:49:24,280 --> 00:49:25,200
>> TOMAS REIMERS: แน่นอน

1208
00:49:25,200 --> 00:49:25,720
และที่เป็นธรรม

1209
00:49:25,720 --> 00:49:26,560
>> ALLISON Buchholtz-AU: และที่ยุติธรรม

1210
00:49:26,560 --> 00:49:26,840
โอ้

1211
00:49:26,840 --> 00:49:28,130
>> TOMAS REIMERS: มองไปข้างหน้าเพื่อ
เห็นทุก awesome-- ของคุณ

1212
00:49:28,130 --> 00:49:29,420
>> ALLISON Buchholtz-AU: เราจะเห็น
ทั้งหมดของเว็บไซต์ของคุณน่ากลัว

1213
00:49:29,420 --> 00:49:30,572
ที่จะสวยงาม

1214
00:49:30,572 --> 00:49:32,780
TOMAS REIMERS: คุณสามารถเสมอ
เห็นเช่นเดียวกับเว็บไซต์

1215
00:49:32,780 --> 00:49:36,234
ที่มีเช่น CSS ที่ดีและ
เช่นเดียวกับผู้ที่ไม่ได้พยายามที่จะทำ CSS

1216
00:49:36,234 --> 00:49:39,150
ALLISON Buchholtz-AU: นอกจากนี้อีก
สิ่งที่อีกหนึ่งสิ่งที่จะมองเข้าไป

1217
00:49:39,150 --> 00:49:40,445
เป็น Bootstrapping

1218
00:49:40,445 --> 00:49:41,805
ดังนั้นเงินทุนที่ดีมาก

1219
00:49:41,805 --> 00:49:42,240
>> TOMAS REIMERS: Google ว่าถ้า you--

1220
00:49:42,240 --> 00:49:43,573
>> ALLISON Buchholtz-AU: Google มัน

1221
00:49:43,573 --> 00:49:44,340
มันเป็นเรื่องที่เหลือเชื่อ

1222
00:49:44,340 --> 00:49:45,620
คุณจะรักมัน

1223
00:49:45,620 --> 00:49:48,000
และตอนนี้ที่คุณมี
ความเข้าใจพื้นฐานของ CSS,

1224
00:49:48,000 --> 00:49:50,340
มันจะทำให้ความรู้สึกมากขึ้น

1225
00:49:50,340 --> 00:49:50,890
น่ากลัว

1226
00:49:50,890 --> 00:49:51,480
ขอบคุณครับ

1227
00:49:51,480 --> 00:49:53,330
>> TOMAS REIMERS: ขอบคุณมาก

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