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
>> 토마스 라이 머스 : 그래.

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
>> 토마스 라이 머스 : 그래.

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가 약자입니다
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
>> 그래서 우리는 바로 앞에 갔어요과
의 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
토마스 라이 머스 : 없음.

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
토마스 라이 머스 : 그래.

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
>> ALLISON BUCHHOLTZ-AU : 네.

46
00:01:58,395 --> 00:02:01,100
그래서 분명히, 우리는 우리의 HTML이
태그, 단지 이름의 HTML 파일.

47
00:02:01,100 --> 00:02:07,080
우리는 CSS와 함께, 여기에 우리의 헤더가
경 외로움, 그게 ... 당신은 돌아 가야합니다.

48
00:02:07,080 --> 00:02:07,720
그 어디?

49
00:02:07,720 --> 00:02:09,136
>> 토마스 라이 머스 오.

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
>> 토마스 라이 머스 : 차가운.

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
토마스 라이 머스 : 그래.

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
토마스 라이 머스 : 아, 그냥 우리에게 초를 줄
앨리슨 그녀의 마이크를 전환한다.

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
그것은 스타일이 적용되지 않은 가지입니다.

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
그래서 거기 있었고위한

80
00:03:12,047 --> 00:03:13,755
ALLISON BUCHHOLTZ-AU :
위로 슬라이드.

81
00:03:13,755 --> 00:03:15,200
토마스 라이 머스 : 슬라이드로 돌아 가기.

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
무엇이든 당신이 당신의 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
우리의 HTML 파일의 body 태그 내에서.

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
>> 토마스 라이 머스 : 아니오.

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
>> 토마스 라이 머스 : 그래서하자
가지이 해부.

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
>> 토마스 라이 머스 : 난 그냥 마감했다.

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
그래서 우리가 말하고있는 것은
모든 걸 다 우리는 다시 갈 수 있나요?

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
>> 그 안에 그래서 아무것도
우리가 본 body 태그,

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을 그리고 ... 사실,

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
>> 토마스 라이 머스는 :의 그 집 드라이브 보자.

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
이 유일한 때문에
그는 p 태그 안에 포함된다.

182
00:07:30,760 --> 00:07:35,349
>> 토마스 라이 머스는 : 일종의 그 메이크업 감각을합니까
얼마나 가지 다른 일을 캡슐화?

183
00:07:35,349 --> 00:07:38,140
ALLISON BUCHHOLTZ-AU : 또한, 단지
같은, 가장 좋은 방법 중 하나를 대답

184
00:07:38,140 --> 00:07:40,889
정말 CSS와 편안합니다
다만이 같은 일을하는 것입니다,

185
00:07:40,889 --> 00:07:42,050
단지 그것을 밖으로 시도.

186
00:07:42,050 --> 00:07:46,700
그것은 뭔가를 입력하는 것은 매우 간단합니다
밖으로, 새로 고침을 명중, 무슨 일이 일어 나는지 참조하십시오.

187
00:07:46,700 --> 00:07:48,940
대부분의 CS와 같이,
실험은 종종 수

188
00:07:48,940 --> 00:07:51,790
훨씬 더 이어질
직관적 인 이해.

189
00:07:51,790 --> 00:07:54,432
더욱 더 우리보다 그냥
같은, 당신에게 얘기합니다.

190
00:07:54,432 --> 00:07:58,350
>> 토마스 라이 머스 : 물론입니다
100 % 그 시점에 동의합니다.

191
00:07:58,350 --> 00:08:02,430
우리가 이것에 가면 자, 시작하자
이 두 가지가 할 정확히 해부.

192
00:08:02,430 --> 00:08:04,550
그래서 우리는 여기에 두 가지 규칙이있다.

193
00:08:04,550 --> 00:08:07,420
따라서 첫 번째 배경색이다.

194
00:08:07,420 --> 00:08:10,590
그리고 당신은 우리가 설정 한 것을 볼 수
값, 라이트 블루와 동일.

195
00:08:10,590 --> 00:08:15,009
>> 그래서 CSS에서, CSS는 일종의
방법에 대한 매우 느슨한

196
00:08:15,009 --> 00:08:16,300
당신은 색상을 정의 할 수있어.

197
00:08:16,300 --> 00:08:17,800
그래서 당신은 그들의 이름을 정의 할 수 있습니다.

198
00:08:17,800 --> 00:08:20,650
당신은 또한 같은 것을 할 수 있 느니라 "빨간색입니다."

199
00:08:20,650 --> 00:08:25,270
그리고 우리는이 돌아가 다음 경우,
당신은 배경이 빨간색 것을 볼 수 있습니다.

200
00:08:25,270 --> 00:08:29,040
당신은 또한 당신을 생각 정말 - 얻을 수 있습니다
이 꽤 창조적 얻을 수 있습니다,

201
00:08:29,040 --> 00:08:29,540
당신은 할 수 없습니다?

202
00:08:29,540 --> 00:08:31,170
>> ALLISON BUCHHOLTZ-AU : I
당신이 진수를 사용할 수 있습니다 생각합니다.

203
00:08:31,170 --> 00:08:31,250
당신이하면 안돼?

204
00:08:31,250 --> 00:08:32,083
>> 토마스 라이 머스 : 그래.

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
대부분의 색상과 같은 꽤 많은 당신
같은 이름 - 수, 나는 연어가 하나라고 생각합니다.

210
00:08:43,350 --> 00:08:45,322
>> 토마스 라이 머스 : 우리는거야 시도 연어이야.

211
00:08:45,322 --> 00:08:47,530
ALLISON BUCHHOLTZ-AU : I
연두색 거기라고 생각합니다.

212
00:08:47,530 --> 00:08:48,050
토마스 라이 머스 : 그래.

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
>> 토마스 라이 머스 : 그래.

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
너희들은 처리했다
이 16 진수 값으로.

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
>> 토마스 라이 머스 : 그래.

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
ALLISON BUCHHOLTZ-AU : 아, 너무 좋다.

244
00:10:07,200 --> 00:10:09,090
나는 색상 선택기를 사랑 해요.

245
00:10:09,090 --> 00:10:11,360
>> 토마스 라이 머스 : colorpicker.com
좋은 예이다.

246
00:10:11,360 --> 00:10:14,580
그리고 여기, 당신은 당신이 가지고있는 것을 볼 수 있습니다
전체 포토샵 같은 색상 선택기.

247
00:10:14,580 --> 00:10:14,920
>> ALLISON BUCHHOLTZ-AU : 그래 그래.

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
토마스 라이 머스 : 그리고
여기에 여기에 16 진수 값의 최대입니다.

251
00:10:22,780 --> 00:10:27,800
그래서 당신은 항상 기본적으로 온라인으로 찾을 수 있습니다
장소에서 16 진수 값을 얻을 수 있습니다.

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
하지만, 분명히 거기 I
어도비에서 무언가를 생각

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
>> 토마스 라이 머스 : 앨리슨의 소리
Adobe의 하나 Kuler라고, 나는 생각한다.

265
00:11:04,260 --> 00:11:04,885
그것은 K-U-L-E-R입니다.

266
00:11:04,885 --> 00:11:06,259
ALLISON BUCHHOLTZ-AU : 저는 그렇게 생각합니다.

267
00:11:06,259 --> 00:11:07,610
나는 그것이 하나 확신합니다.

268
00:11:07,610 --> 00:11:11,050
>> 토마스 라이 머스 : 내 마음에 드는있다
항상 색 구성표 디자이너이었다.

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

270
00:11:13,998 --> 00:11:16,010
>> 토마스 라이 머스 : 지금은 -입니다

271
00:11:16,010 --> 00:11:16,860
>> ALLISON BUCHHOLTZ-AU :
아,이 아름답습니다.

272
00:11:16,860 --> 00:11:18,818
>> 토마스 라이 머스 : 그리고 당신
기본적으로 같은 말을 할 수 있습니다,

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
그리고 당신은 중 하나를 가리키면
그들, 그것은 당신에게 16 진수 값을 제공합니다.

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
토마스 라이 머스 : 아니,
확실히 도움이 될 수 있습니다.

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
또는,이 경우, Bold 등.

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
토마스 라이 머스 : 나는 실제로하지 않습니다
얇은 하나가 있는지 알고있다.

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
W3 스쿨 모든 다른있다
일 당신은 글꼴을 할 수 있습니다.

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
>> 토마스 라이 머스 : 그래.

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
그래서이 내키지 경우

316
00:13:13,200 --> 00:13:14,424
>> ALLISON BUCHHOLTZ-AU 위로.

317
00:13:14,424 --> 00:13:17,590
토마스 라이 머스 :의 구체적으로 얘기하자
선택기의 종류에 대해 우리는 가지고있다.

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
해시 또는 파운드, 또는 해시 태그와 함께.

343
00:14:29,707 --> 00:14:30,790
토마스 라이 머스 : 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
그리고 동일하게 그 우리 단지
말처럼, 클래스 = "클래스 1의 강좌 2"

351
00:14:48,730 --> 00:14:51,577
이것은 단지 우리가 무엇의 ID 일 수 있습니다.

352
00:14:51,577 --> 00:14:52,410
토마스 라이 머스 : 그래.

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
토마스 라이 머스 : 그래.

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
토마스 라이 머스 : 그래.

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
>> 토마스 라이 머스 : 그리고 당신은 볼 수
지금 우리의 선택은

370
00:15:31,066 --> 00:15:34,940
어느 쪽의 적용, 또는
문단 둘 다에 영향

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
나는 ID로 시작하는거야.

376
00:15:47,320 --> 00:15:48,405
>> ALLISON BUCHHOLTZ-AU :
의 id를 시작하자.

377
00:15:48,405 --> 00:15:50,405
>> 토마스 라이 머스 : 그리고 모두
이들의 속성이다.

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
당신이 사용했을 수 있습니다
"텍스트 = 중심을 맞 춥니 다."

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
토마스 라이 머스는 : 무리있다
의 당신이 볼 수 있다는 특성.

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를 갖고 싶어.

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
토마스 라이 머스 : 그래서이
하나, 우리는 ID 특별 있습니다.

400
00:16:42,360 --> 00:16:48,140
방법은 그 선택 그래서, 다음입니다
main.css가있어서, p 태그가보다는

401
00:16:48,140 --> 00:16:51,500
당신은 OK, #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
토마스 라이 머스 : 차가운.

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
>> 토마스 라이 머스 : 예.

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
토마스 라이 머스 : 물론입니다.

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
그럼 내가 가진 척하자
세 단락 및 I

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
그리고 우리는 그 다음 무엇을 할 것인지 것은
우리는 오히려 파운드보다 말하길거야

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
>> 토마스 라이 머스 : 내가 가지고있는
너무 많은 투쟁이 있었다

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
>> 토마스 라이 머스 : 그것은 아니에요
좋은 색상.

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
토마스 라이 머스 : 앨리슨의 높은
학교는 좋은 색상을 가지고 있었다.

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
>> 토마스 라이 머스 : 우리는 아니에요
정말, 진짜 웹 사이트를 만들기

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
그들은 방법 경우에 지정해야합니다
당신은 같은이었다고 나할까요 그래, 할 수있다.

462
00:19:28,390 --> 00:19:29,470
완벽한.

463
00:19:29,470 --> 00:19:30,480
>> 그래서 배경 색상.

464
00:19:30,480 --> 00:19:35,920
그리고 우리는 그렇게 말하길거야
색상을 변경하는 방법은 "색상"입니다.

465
00:19:35,920 --> 00:19:38,412
그리고 우리는 푸른 만들 것입니다.

466
00:19:38,412 --> 00:19:40,150
그래 좋아.

467
00:19:40,150 --> 00:19:42,640
그래서 지금 우리가 가지고있는
처음 두 개의 특별한있다.

468
00:19:42,640 --> 00:19:45,972
다음 하나에 무슨
"꽤 = 클래스를."이

469
00:19:45,972 --> 00:19:49,180
ALLISON BUCHHOLTZ-AU : 그리고 당신은거야
가운데 하나에 "꽤"를 추가하고 싶다.

470
00:19:49,180 --> 00:19:49,971
토마스 라이 머스 : 그래.

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
둘째 보이면

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
>> 토마스 라이 머스 : 쿨?

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
>> 토마스 라이 머스 : 그래서 그래.

491
00:20:35,780 --> 00:20:36,310
물론.

492
00:20:36,310 --> 00:20:38,380
그래서는 경우 발생
오른쪽 충돌이?

493
00:20:38,380 --> 00:20:44,740
의 첫 번째 하나를 척하자
뭔가를 설정이었다고 나할까요

494
00:20:44,740 --> 00:20:47,240
ALLISON BUCHHOLTZ-AU : 아마
이 하나의 배경을 변경?

495
00:20:47,240 --> 00:20:48,090
토마스 라이 머스 : 그래.

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
토마스 라이 머스 : 그래.

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
ALLISON BUCHHOLTZ-AU는 : 현실을 해보자.

504
00:21:04,572 --> 00:21:07,735
토마스 라이 머스 :이 데모 후
다만, 경우에이 엉망 때문에

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
>> 토마스 라이 머스 : 그래.

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
>> 토마스 라이 머스 : 어떻게 기억 우리
CSS 스타일 시트 있음을했다?

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
>> 토마스 라이 머스 : 아니면
규칙 덮어 쓰기를 원하지 않습니다.

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
>> 토마스 라이 머스는 : 당신이 척
대부분의 것들에 적용 클래스,

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
>> ALLISON BUCHHOLTZ-AU : 실험.

534
00:22:18,080 --> 00:22:20,090
>> 토마스 라이 머스 : 연습, 연습,
연습, 실험.

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
>> 토마스 라이 머스 : 아니, 전혀.

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
토마스 라이 머스 오.

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
>> 토마스 라이 머스 : 좋은 소리?

552
00:23:06,982 --> 00:23:08,532
>> ALLISON BUCHHOLTZ-AU : 사랑스러운.

553
00:23:08,532 --> 00:23:11,539
>> 토마스 라이 머스 : 그리고
우리는 계속 ... 계속 할거야

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
>> 토마스 라이 머스 : 우리는에 도착
곧 선택기를 결합한다.

560
00:23:20,540 --> 00:23:22,790
>> ALLISON BUCHHOLTZ-AU : 아,
우리는 선택기를 결합하세요.

561
00:23:22,790 --> 00:23:25,260
토마스 라이 머스 : 그래서 일부
예는 우리가있다

562
00:23:25,260 --> 00:23:29,630
# 루하고 파운드, 또는 해시 태그,
또는 octothorpe, 또는 무엇이든

563
00:23:29,630 --> 00:23:32,050
당신은 거기 있었고 날카로운 전화를 할 수 있습니다.

564
00:23:32,050 --> 00:23:34,875
>> ALLISON BUCHHOLTZ-AU : 샤프 개.

565
00:23:34,875 --> 00:23:36,470
>> 토마스 라이 머스 : 그럼 당신은 .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 : I
이것은 정말 - 인 것 같은 느낌

579
00:24:04,850 --> 00:24:08,105
같은 단지 예를 통해보고
정말이 배울 수있는 방법입니다.

580
00:24:08,105 --> 00:24:09,360
그래서 우리가 무슨 일을하는지입니다.

581
00:24:09,360 --> 00:24:14,030
>> 토마스 라이 머스는 : 그럼 우리 척하자
오른쪽에만 텍스트 2를 선택하려면?

582
00:24:14,030 --> 00:24:16,530
그래서 우리는 확실히 할 수 없습니다
ID가 그렇게.

583
00:24:16,530 --> 00:24:19,620
음, 우리와 그렇게 할 수
ID하지만 ID가 없다.

584
00:24:19,620 --> 00:24:22,490
나는 하나를 추가 할 수 있지만의 척 할 수
나는 하나를 추가하지 않았다

585
00:24:22,490 --> 00:24:24,910
또는 이미 다른 뭔가가있다.

586
00:24:24,910 --> 00:24:26,516
나는 그와 함께 할 수 없어.

587
00:24:26,516 --> 00:24:28,870
태그 바로, 확실히 고유하지?

588
00:24:28,870 --> 00:24:30,670
그리고 둘 다 클래스는 없습니다.

589
00:24:30,670 --> 00:24:32,314
하지만 당신은이 일을 결합 할 수 있습니다.

590
00:24:32,314 --> 00:24:35,230
이제 우리가 뭔가를하고 싶어한다고 가정 해 봅시다
있는 유일한 물건에 적용되는

591
00:24:35,230 --> 00:24:39,420
클래스 특별한을 가지고
이는 클래스가 꽤있다.

592
00:24:39,420 --> 00:24:48,150
>> 그래서 당신이 할 수있는 것은, main.css가에
당신의 처음이 삭제하자, 말할 수 있습니다.

593
00:24:48,150 --> 00:24:50,240
이러한 결합 할 수 있습니다.

594
00:24:50,240 --> 00:24:51,430
그래서 당신은 .special 할 수 있습니다.

595
00:24:51,430 --> 00:24:52,110
있는 공간이 없습니다.

596
00:24:52,110 --> 00:24:54,770
그냥 .special.pretty.

597
00:24:54,770 --> 00:25:00,550
무슨 의미하는 것은 무엇인가이다
어떤 특별하고 매우 모두이다.

598
00:25:00,550 --> 00:25:01,900
그 의미가 있습니까?

599
00:25:01,900 --> 00:25:04,190
그리고 우리가 여기 가면, 무엇을
당신은 보게 될 것입니다

600
00:25:04,190 --> 00:25:09,734
이 규칙 만 적용됩니다
그 모두가 두 번째.

601
00:25:09,734 --> 00:25:11,400
그리고 당신은 많은 것들을 그렇게 할 수 있습니다.

602
00:25:11,400 --> 00:25:13,270
당신은하자 말하길 수 있습니다
내가 만 원 척

603
00:25:13,270 --> 00:25:18,300
꽤 클래스가 일을하는
또한 단락 태그있는.

604
00:25:18,300 --> 00:25:19,920
그래서 p.pretty.

605
00:25:19,920 --> 00:25:23,585
이제 내가 가진 척하자
태그 본문에 꽤 뭔가.

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
>> 토마스 라이 머스 : 또는
때때로 병원을 나온 찾을 수 있습니다

619
00:26:00,670 --> 00:26:04,290
하나의 클래스가있다있는
같은 글꼴의 색상이 파란색이 만들어집니다,

620
00:26:04,290 --> 00:26:06,740
다른 클래스는 거기에있는
배경 파란색을합니다.

621
00:26:06,740 --> 00:26:07,840
그리고 그건 그냥 작동하지 않습니다.

622
00:26:07,840 --> 00:26:10,924
그래서 당신은 특별한 경우를 작성, 어디서,
이 모두있는 경우이었다고 나할까요하지만, 당신은 무엇이야

623
00:26:10,924 --> 00:26:13,548
하기 위하여려고하면가는거야입니다
이 하나에게 '블루'의 그늘을

624
00:26:13,548 --> 00:26:15,310
이 하나의 청색이 다른 그늘.

625
00:26:15,310 --> 00:26:15,580
오른쪽?

626
00:26:15,580 --> 00:26:17,955
>> ALLISON BUCHHOLTZ-AU : 좋은
예외의 그 종류.

627
00:26:17,955 --> 00:26:21,220
토마스 라이 머스 님 그래서
문제에 대해 생각

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
토마스 라이 머스 : 그리고
연결이 중지되었습니다.

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
>> 토마스 라이 머스 : 그래서 다행히도, 우리는 할 수
인터넷없이 제시, 나는 추측

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
그래서 여기에이 예에서 우리는 몇 가지가
클래스 네비게이션 바, 클래스 버튼으로 몸.

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

645
00:27:03,315 --> 00:27:03,990
>> 토마스 라이 머스 : 아, 죄송합니다.

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
토마스 라이 머스 : 그래서
생각하는 방법을 생각한다

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
내가 원하는 할일 내
당신은 선택을 찾을 수 있습니다.

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
토마스 라이 머스 :하자 Coo--
그것은 꽤 클래스 이동합니다.

670
00:28:16,420 --> 00:28:16,930
왜?

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

672
00:28:17,971 --> 00:28:23,040
토마스 라이 머스 : 그래서
지금 예쁜 것

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
토마스 라이 머스 : 그
좋은 호출 될 것이다.

679
00:28:35,088 --> 00:28:37,921
ALLISON BUCHHOLTZ-AU : '원인 오른쪽
지금 우리는 아무것도 얻지 못할거야 그냥있어.

680
00:28:37,921 --> 00:28:39,690
토마스 라이 머스 : 그래서이 링크입니다.

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
토마스 라이 머스 :하자 그것을 테두리를 줘 보자.

696
00:29:13,800 --> 00:29:14,840
ALLISON BUCHHOLTZ-AU : 우리는 국경 수 있습니다.

697
00:29:14,840 --> 00:29:15,673
토마스 라이 머스 : 그래.

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
지금은 - 용

701
00:29:21,470 --> 00:29:24,592
>> ALLISON BUCHHOLTZ-AU : 박스 모델에.

702
00:29:24,592 --> 00:29:27,300
토마스 라이 머스 :하지만 지금, 우리는있어
단지 그것을 테두리를 줄 것.

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
>> 토마스 라이 머스 : 그래.

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
그럼, 당신이 할 수있는 것은 당신입니다
.cool, .special, 공간을 말할 수있다.

717
00:30:12,549 --> 00:30:15,590
당신이 생각하는 그리고 그 때, 뭐하는거야
그것에 대해, 그것은 기본적으로 말하는 것입니다,

718
00:30:15,590 --> 00:30:19,530
OK, 나에게 모든 것을 찾을 수
그 특별한 일치합니다.

719
00:30:19,530 --> 00:30:24,104
그런 다음 그 태그 내에서 찾기
멋진 날 다.

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
우리는이 전에 근무했는지,
전체 웹 페이지, 당신의 HTML의 모든

724
00:30:38,460 --> 00:30:40,180
오른쪽, 당신의 범위 내에있다?

725
00:30:40,180 --> 00:30:43,090
그러나 우리는이있을 때
부모 - 자식 관계,

726
00:30:43,090 --> 00:30:47,130
당신이 아래로 위치를 좁히는 것처럼입니다
당신은 특정 장소로​​ 찾고

727
00:30:47,130 --> 00:30:50,540
것처럼, 같은, 우리는 내 찾고
특정 기능 대신

728
00:30:50,540 --> 00:30:52,007
우리의 전체 파일.

729
00:30:52,007 --> 00:30:55,090
청중 : 것, 염두에두고 그래서
우리가 changed--이 있다면 그것은 중요했다있다

730
00:30:55,090 --> 00:30:56,423
ALLISON BUCHHOLTZ-AU : 순서?

731
00:30:56,423 --> 00:30:59,320
청중 : 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
다음 어떤 그 ... 봐
I는,이 경우, 같은 의미

735
00:31:07,235 --> 00:31:08,860
나는 그것을 변경 한 것입니다 생각하지 않습니다.

736
00:31:08,860 --> 00:31:10,318
>> 토마스 라이 머스 : 우리는 무엇을 말했다면?

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
>> 토마스 라이 머스 : 그래서 그것은하지 않을 것입니다.

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
>> 토마스 라이 머스 : 그래서 이유
그것은 different-- 일반적인 실수해서이다

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 : 흠.

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
>> 토마스 라이 머스 : 그래서 그것은 아무것도 선택하지 않습니다.

758
00:31:53,310 --> 00:31:56,530
>> ALLISON BUCHHOLTZ-AU :와 반면에
특별한, 우리는 여기에 이​​러한 태그 내에있어.

759
00:31:56,530 --> 00:31:57,971
>> 토마스 라이 머스 : 그와 그.

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
>> 토마스 라이 머스 : 예.

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
>> 토마스 라이 머스 : 그래서 우리는이를 발견하고,
우리는이 양쪽 특별 일치 발견했다.

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
토마스 라이 머스 : 그렇지.

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
청중 : OK.

787
00:32:53,640 --> 00:32:54,473
토마스 라이 머스 : 그래.

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

789
00:32:56,670 --> 00:32:58,030
신난다.

790
00:32:58,030 --> 00:33:00,426
그러고 나서 ... 염두에두고 그래서

791
00:33:00,426 --> 00:33:01,800
>> ALLISON BUCHHOLTZ-AU : 나는 우리의 마지막을 생각한다
일이 (공상 영국 발음으로)입니다

792
00:33:01,800 --> 00:33:02,510
박스 모델.

793
00:33:02,510 --> 00:33:05,992
>> 토마스 라이 머스 : 상자 .-- 하하하
나는 앨리슨가 말한다 방식을 좋아한다.

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
토마스 라이 머스는 : 그럼 그 얘기하자.

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
>> 토마스 라이 머스 : 그것은 바로, 사각형인가?

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
>> 토마스 라이 머스 : 노력하지 않음
이 말 너희들을 속여합니다.

813
00:33:54,670 --> 00:33:57,510
그래서 우리는이 사각형이있다.

814
00:33:57,510 --> 00:33:59,140
그리고 태그는 페이지 오른쪽입니까?

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
>> 토마스 라이 머스는 : 아이디어는 여기
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
>> 토마스 라이 머스 : 그래.

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
그래서 여기, 우리는 무엇을 할 것인지
우리는 OK, 일부의 div를 만들려고하고 있는가?

833
00:34:47,570 --> 00:34:48,420
날 동안 실례 내가 ..

834
00:34:48,420 --> 00:34:51,506
>> ALLISON BUCHHOLTZ-AU : 내가 좋아하는 느낌
우리는 귀여운 사진을 넣어해야합니다.

835
00:34:51,506 --> 00:34:52,520
>> 토마스 라이 머스 : 우리는 확실히해야한다.

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
>> 토마스 라이 머스 : 수 우리
치아는 모든 혜택

839
00:34:56,774 --> 00:34:57,648
>> 청중 : 네, 그럼요.

840
00:34:57,648 --> 00:34:58,790
토마스 라이 머스 : OK, 멋진.

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
토마스 라이 머스 : 물론.

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
>> 토마스 라이 머스 : 어떻게 새끼 고양이의 한판 승부?

847
00:35:08,520 --> 00:35:09,220
>> ALLISON BUCHHOLTZ-AU :
고양이도 작동합니다.

848
00:35:09,220 --> 00:35:11,300
>> 토마스 라이 머스 : 차가운 때문에
그에 대한 사이트가있다.

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
토마스 라이 머스 : 예.

852
00:35:15,510 --> 00:35:18,040
ALLISON BUCHHOLTZ-AU : 그냥 같은, 대한,
당신의 웹 사이트에서 자리 표시 자 이미지.

853
00:35:18,040 --> 00:35:18,914
토마스 라이 머스 : 그래 그래.

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
>> 토마스 라이 머스 : 아, 우리는하지 않습니다
여기에 인터넷에 액세스 할 수 있습니다.

859
00:35:28,190 --> 00:35:29,875
>> ALLISON BUCHHOLTZ-AU : [신음 소리]

860
00:35:29,875 --> 00:35:30,375
비극.

861
00:35:30,375 --> 00:35:32,333
토마스 라이 머스 : 그렇지 않으면,
네 녀석들에게 보여줄 것입니다

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
>> 토마스 라이 머스 : 하고요 인터넷의
잠시 다운되는.

868
00:35:43,110 --> 00:35:47,820
그래서 우리는 두 가지의 div가 있고, 우리는있어
그들에게 두 개의 ID를 줄 것.

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 : 도트 또는 해시?

875
00:36:09,840 --> 00:36:10,730
청중 : 샤프.

876
00:36:10,730 --> 00:36:12,940
토마스 라이 머스 : 샤프, 완벽한.

877
00:36:12,940 --> 00:36:14,950
샤프, 해시, 어떤 우린 ...

878
00:36:14,950 --> 00:36:15,680
>> ALLISON BUCHHOLTZ-AU :
많은 것들이 그것을 호출합니다.

879
00:36:15,680 --> 00:36:16,430
>> 토마스 라이 머스 : OK.

880
00:36:16,430 --> 00:36:19,800
우리는 해시 태그에 정착하려고하고있어
그것은 우리가 함께 갈거야거야.

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
>> 토마스 라이 머스 : 그래서 해시 태그의 첫 번째.

884
00:36:22,340 --> 00:36:24,506
>> ALLISON BUCHHOLTZ-AU : 그래서
당신은 seminar--을 트윗 할 수 있습니다

885
00:36:24,506 --> 00:36:27,582
해시 태그 CSS, 멋진 해시 태그.

886
00:36:27,582 --> 00:36:29,040
토마스 라이 머스 : 해시 태그의 awesomeness.

887
00:36:29,040 --> 00:36:30,730
ALLISON BUCHHOLTZ-AU :
해시 태그의 awesomeness, 예.

888
00:36:30,730 --> 00:36:31,480
토마스 라이 머스 : OK.

889
00:36:31,480 --> 00:36:33,660
그래서 우리는 "첫 번째"와 "두 번째."이

890
00:36:33,660 --> 00:36:37,697
그래서 첫째, 우리는 할 겁니다
적색의 배경색.

891
00:36:37,697 --> 00:36:39,030
ALLISON BUCHHOLTZ-AU : 어, 대장.

892
00:36:39,030 --> 00:36:40,281
토마스 라이 머스 : 그래.

893
00:36:40,281 --> 00:36:42,281
ALLISON BUCHHOLTZ-AU :
나는 당신의 자리 검사기 수있을 것입니다.

894
00:36:42,281 --> 00:36:43,960
토마스 라이 머스 : 앨리슨은 저를 얻었다.

895
00:36:43,960 --> 00:36:45,830
파랑 -의 배경 색

896
00:36:45,830 --> 00:36:46,810
>> 토마스 라이 머스 : 퍼플!

897
00:36:46,810 --> 00:36:47,726
>> 토마스 라이 머스 : 퍼플.

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
>> 토마스 라이 머스 : 바이올렛.

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
>> 토마스 라이 머스 : 그래서 우리는있어
두 가지의 div를해야 할 것.

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
그리고 "두 번째"말하길합니다

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
토마스 라이 머스 : 비틀즈?

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
>> 토마스 라이 머스 : 우리는이
"HELLO"와 "안녕히 가세요."

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
>> 토마스 라이 머스 : 그래서 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
>> 토마스 라이 머스 : 그래서 여기,
당신은 우리가 두 개의 상자가 표시됩니다

929
00:37:47,727 --> 00:37:49,143
서로의 바로 오른쪽 상단에?

930
00:37:49,143 --> 00:37:50,200
HELLO과 작별.

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
>> 토마스 라이 머스 : 그래서 제일 먼저
나는 우리가 이야기해야 같아요

934
00:37:55,973 --> 00:38:02,960
의도 그래 말하길 할 수 있습니다.

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

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
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
같은 말한다 각면에,
OK, 당신은 content--의 당신의 상자가

948
00:38:49,600 --> 00:38:51,680
>> ALLISON BUCHHOLTZ-AU : 당신이하고 싶지 않음
단지 검사 요소를 당겨?

949
00:38:51,680 --> 00:38:53,659
>> 토마스 라이 머스 : 그래, 그건 좋은 생각이다.

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
>> 토마스 라이 머스 : 그래서 나는 확실하지 않다
너희들은이 색상을 볼 수 있습니다.

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
>> 토마스 라이 머스 : 그래.

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
>> 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
토마스 라이 머스 : 그래서 그 모든 패딩입니다.

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
토마스 라이 머스 : 그래서 당신은 보게 될 것입니다
중 당신이 볼 다른 사람을 pixels--

981
00:40:07,755 --> 00:40:13,952
하나 그들이다 인 그들이다
글꼴의 높이와 동일

982
00:40:13,952 --> 00:40:15,160
이는 현재 사용하고 있습니다.

983
00:40:15,160 --> 00:40:16,201
>> ALLISON BUCHHOLTZ-AU : 음.

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

985
00:40:17,574 --> 00:40:20,740
토마스 라이 머스 : 그것은 말할 수있는 좋은 방법입니다
같은, 내 글꼴로 많은 공간을 원하는

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
토마스 라이 머스 :있다
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
>> 또한, 그렇게 말하길해야 할 수 있습니다
패딩 세트 패딩의 모든.

996
00:40:42,420 --> 00:40:49,789
당신은 또한 같은 것을 할 수 있습니다
다만 set--에 "패딩 탑"

997
00:40:49,789 --> 00:40:52,080
ALLISON BUCHHOLTZ-AU : 아마
우리는 우리의 "HELLO"다시를 얻을 수 있습니다.

998
00:40:52,080 --> 00:40:55,480
토마스 라이 머스 : 그냥 설정 --to
상단과 아무것도에 패딩.

999
00:40:55,480 --> 00:40:59,560
그래서 네 개의 명령은 패딩 정상입니다,
패딩 - 바닥, 패딩 왼쪽,

1000
00:40:59,560 --> 00:41:00,310
패딩 오른쪽.

1001
00:41:00,310 --> 00:41:02,470
>> ALLISON BUCHHOLTZ-AU : 그냥 같은
당신은 상자 기대.

1002
00:41:02,470 --> 00:41:03,530
>> 토마스 라이 머스 : 그래.

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
그리고 마지막 I
측정에 추가해야합니다

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
>> 토마스 라이 머스 : 차가운.

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 : 그리고 우리는이
이 말도 해상도 TV.

1037
00:42:27,967 --> 00:42:29,460
>> 토마스 라이 머스 : 그래.

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
>> 토마스 라이 머스 : 그래.

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
>> 토마스 라이 머스 : 그리고
마지막, 우리는있어

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
>> ALLISON BUCHHOLTZ-AU : 그것은 멋진
방법은 일을 강조하거나 추가

1064
00:43:46,170 --> 00:43:47,545
다른 요소 사이의 선.

1065
00:43:47,545 --> 00:43:48,670
토마스 라이 머스 : 물론입니다.

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
ALLISON BUCHHOLTZ-AU : 그것은
아닌 요소 주위

1070
00:43:57,975 --> 00:44:00,840
실제로 전체 약
상자 우리는 보게되었습니다 그.

1071
00:44:00,840 --> 00:44:02,770
>> 토마스 라이 머스 : 그래.

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
>> 토마스 라이 머스 :하자
나는 전혀 우리 열 수 있는지

1089
00:44:47,860 --> 00:44:50,040
나 그냥 경우 보자 I
신속하게 인터넷을 얻을 수 있습니다

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
W3 스쿨 하나입니다 당신을
사람들은 전에 볼 수 있어야합니다.

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
나에 가상 호스트를 설정하기
로컬 기기 및 로컬 호스트,

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
그래서 W3 스쿨을 사랑 해요.

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
>> 토마스 라이 머스 : 그래.

1115
00:45:52,950 --> 00:45:53,720
아니, 아니에요.

1116
00:45:53,720 --> 00:45:55,636
당신은 내가 시도하고 싶지 않음
내 컴퓨터를 다시 시작?

1117
00:45:55,636 --> 00:45:56,410
아니면 우리가 바꿔 .. 않는다

1118
00:45:56,410 --> 00:46:01,490
>> ALLISON BUCHHOLTZ-AU는 : 내 말은,
물론, 이것은 또한 온라인으로 될 것입니다.

1119
00:46:01,490 --> 00:46:02,740
모든 슬라이드는 온라인으로 될 것입니다.

1120
00:46:02,740 --> 00:46:05,470
그래서 난 그냥 매우 이러한 일을하는 것이 좋습니다.

1121
00:46:05,470 --> 00:46:07,880
>> 이것은 단지 위대한입니다
컨닝 페이퍼있다.

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
껄끄 러운 진짜 핵심적
디자인 - 무거운 물건.

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
>> 토마스 라이 머스 : 그래서 모질라는
파이어 폭스를 만드는 사람들.

1133
00:46:36,490 --> 00:46:40,290
그리고 그것은 단지 자신의 개발자
내가 생각하는 기준은 굉장합니다.

1134
00:46:40,290 --> 00:46:44,870
그리고 그것은 멋진있다
자원의 목록입니다.

1135
00:46:44,870 --> 00:46:45,530
그래서 우리는 드 니스, 니가

1136
00:46:45,530 --> 00:46:48,060
>> ALLISON BUCHHOLTZ-AU :
그리고 마지막 음이다

1137
00:46:48,060 --> 00:46:50,120
때 당신이 노력하고
당신의 웹 사이트를 디자인

1138
00:46:50,120 --> 00:46:53,550
일에서 영감을 그립니다
것을 당신은 꽤 생각합니다.

1139
00:46:53,550 --> 00:46:56,340
요소를 검사,
소스 코드를 검사

1140
00:46:56,340 --> 00:46:59,370
슈퍼 도움이 될 수 있습니다
알아 내려고 노력에 대한

1141
00:46:59,370 --> 00:47:02,080
어떻게 자신의 웹 사이트를 스타일.

1142
00:47:02,080 --> 00:47:04,540
>> 종종, 나는 최고의 기분
방법, 실험 외에,

1143
00:47:04,540 --> 00:47:06,290
그냥 보는 것입니다
예쁜 것들.

1144
00:47:06,290 --> 00:47:09,810
나는 그냥 열심히 정말로 발견
가지 자신의 물건을 설계,

1145
00:47:09,810 --> 00:47:11,090
특히 처음에.

1146
00:47:11,090 --> 00:47:14,740
그래서 웹 사이트에서 찾아보세요
당신이보고 즐길 수있다.

1147
00:47:14,740 --> 00:47:16,880
만드는 게 무엇인지 그림
그들 당신에게 호소.

1148
00:47:16,880 --> 00:47:19,170
그리고 부담없이
시도하고 그 복제합니다.

1149
00:47:19,170 --> 00:47:20,410
>> 토마스 라이 머스 : 오른쪽.

1150
00:47:20,410 --> 00:47:23,120
심지어 웹 사이트 등
이처럼, 당신은 볼 수 있습니다

1151
00:47:23,120 --> 00:47:25,460
상단 사업부는 확실히있다.

1152
00:47:25,460 --> 00:47:29,920
그리고 당신은 내 다른 사업부가
여기에, 이는 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
그래서 우리는 왼쪽 3 분 있습니다.

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
당신이 그것을 원하는하지 않은 경우 그럴거 ...
전체 페이지에 걸쳐 수있는 것

1164
00:47:53,499 --> 00:47:56,400
당신은 단지를 가로 질러 이동 만든
반 페이지 나 텍스트 만?

1165
00:47:56,400 --> 00:47:59,660
>> 토마스 라이 머스 : 네, 절대적으로.

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
>> 토마스 라이 머스 : 그래서 퍼센트.

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
>> 토마스 라이 머스 : 글쎄, 그건
기본적으로 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
>> 토마스 라이 머스 : 그리고
더 악화 가져옵니다.

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
>> 토마스 라이 머스 : 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
>> 토마스 라이 머스 : 신난다.

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
확실히 핵킹 마라톤에서.

1207
00:49:24,280 --> 00:49:25,200
>> 토마스 라이 머스 : 물론입니다.

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
>> 토마스 라이 머스는 : 최선을 다하겠습니다
네 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
토마스 라이 머스 : 당신은 항상 할 수
같은, 웹 사이트를 참조하십시오

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
부트 스트랩입니다.

1218
00:49:40,445 --> 00:49:41,805
그래서 부트 스트랩은 중대하다.

1219
00:49:41,805 --> 00:49:42,240
>> 토마스 라이 머스 : 구글이 경우 당신 ...

1220
00:49:42,240 --> 00:49:43,573
>> ALLISON 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
>> 토마스 라이 머스 : 정말 감사합니다.

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