[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.51,0:00:04.09,Default,,0000,0000,0000,,들어봐요\NCSS 속성은 끝이 없어요
Dialogue: 0,0:00:04.29,0:00:06.04,Default,,0000,0000,0000,,몇 가지 더 보여줄게요
Dialogue: 0,0:00:06.25,0:00:11.94,Default,,0000,0000,0000,,만약 제가 이 가사의 줄 간격을\N바꾸고 싶다면 어떻게 할까요?
Dialogue: 0,0:00:12.44,0:00:15.90,Default,,0000,0000,0000,,저는 'line-height' 속성을\N사용할 수 있어요
Dialogue: 0,0:00:15.90,0:00:19.00,Default,,0000,0000,0000,,그리고 15px 같은 값으로\N설정하는 거죠
Dialogue: 0,0:00:19.21,0:00:24.76,Default,,0000,0000,0000,,아니면 1.5em으로 하는게\N나을 수도 있겠네요
Dialogue: 0,0:00:24.76,0:00:28.03,Default,,0000,0000,0000,,글자 크기의 150퍼센트로\N줄간격을 설정하게 되니까요
Dialogue: 0,0:00:28.48,0:00:31.78,Default,,0000,0000,0000,,만약 가사를 가운데 정렬로\N만들고 싶다면 어떻게 하면 될까요?
Dialogue: 0,0:00:32.13,0:00:36.23,Default,,0000,0000,0000,,'text-align'속성을 쓸 수 있어요\N'center'로 값을 설정하는 거죠
Dialogue: 0,0:00:36.53,0:00:39.41,Default,,0000,0000,0000,,아니면 'right'나 'justified'로\N설정해 둘 수도 있어요
Dialogue: 0,0:00:39.41,0:00:41.78,Default,,0000,0000,0000,,보기에는 좀 이상하다고\N생각이 들겠지만요
Dialogue: 0,0:00:42.11,0:00:45.33,Default,,0000,0000,0000,,만약 본문에다\N밑줄을 치고 싶다면요?
Dialogue: 0,0:00:45.90,0:00:49.43,Default,,0000,0000,0000,,'text-decoration'속성을\N이용하면 될거에요
Dialogue: 0,0:00:49.43,0:00:51.89,Default,,0000,0000,0000,,값은 'underline'으로\N설정하고요
Dialogue: 0,0:00:53.22,0:00:56.68,Default,,0000,0000,0000,,만약 링크로부터\N밑줄을 지우고 싶다면요?
Dialogue: 0,0:00:56.68,0:00:58.47,Default,,0000,0000,0000,,위키피디아에 대한\N이 링크같은 것들요
Dialogue: 0,0:00:58.72,0:01:01.29,Default,,0000,0000,0000,,브라우저는 기본 스타일을\N지정해두고 있어요
Dialogue: 0,0:01:01.29,0:01:02.85,Default,,0000,0000,0000,,모든 것에 적용되는\N스타일 말이죠
Dialogue: 0,0:01:02.85,0:01:05.32,Default,,0000,0000,0000,,여기서는 링크에 대한\N'text-decoration: underline'이겠죠
Dialogue: 0,0:01:05.47,0:01:09.31,Default,,0000,0000,0000,,하지만 CSS를 사용하면 브라우저의\N기본 스타일을 다시 지정할 수있어요
Dialogue: 0,0:01:09.31,0:01:11.36,Default,,0000,0000,0000,,'text-decoration: none'\N이라고 해주면 돼요
Dialogue: 0,0:01:12.05,0:01:19.34,Default,,0000,0000,0000,,여기다가 이 규칙을 추가할게요\Na { text-decoration: none; }
Dialogue: 0,0:01:20.28,0:01:22.82,Default,,0000,0000,0000,,이제 더이상 밑줄이 없는 걸\N볼 수 있죠
Dialogue: 0,0:01:22.93,0:01:24.100,Default,,0000,0000,0000,,하지만 이걸 할 때는\N주의해야할 점이 있어요
Dialogue: 0,0:01:24.100,0:01:27.62,Default,,0000,0000,0000,,왜냐하면 기본 설정에는\N보통 어떤 이유가 있기 마련이죠
Dialogue: 0,0:01:27.70,0:01:31.40,Default,,0000,0000,0000,,만약 링크에 밑줄이 없다면\N사람들이 그게 링크라는 것을 어떻게 알까요?
Dialogue: 0,0:01:31.49,0:01:35.04,Default,,0000,0000,0000,,만약 그게 보통 텍스트라고 생각해서\N절대 누르지 않게 된다면요?
Dialogue: 0,0:01:35.10,0:01:38.68,Default,,0000,0000,0000,,우리가 그 밑줄을 지울 때는
Dialogue: 0,0:01:38.68,0:01:42.02,Default,,0000,0000,0000,,그 링크가 다른 방식으로라도\N다르게 보이게 만들어야 해요
Dialogue: 0,0:01:42.09,0:01:43.93,Default,,0000,0000,0000,,그렇지 않다면\N사용자들이 슬퍼할 거에요
Dialogue: 0,0:01:43.99,0:01:45.91,Default,,0000,0000,0000,,그리고 사용자들이 슬퍼하면\N저도 슬퍼지니까요
Dialogue: 0,0:01:46.18,0:01:48.38,Default,,0000,0000,0000,,그렇게 되면 여러분도\N슬퍼질 거에요
Dialogue: 0,0:01:49.02,0:01:51.54,Default,,0000,0000,0000,,저는 여러분에게 하루종일\N문자 속성에 대해 얘기할 수 있어요
Dialogue: 0,0:01:51.62,0:01:54.18,Default,,0000,0000,0000,,하지만 그러지 않을 거에요\N아직 해야할 게 너무 많으니까요
Dialogue: 0,0:01:54.23,0:01:56.11,Default,,0000,0000,0000,,수 백개의 CSS속성이 있어요
Dialogue: 0,0:01:56.11,0:01:58.17,Default,,0000,0000,0000,,그리고 브라우저는 매년\N새로운 것을 추가하고 있죠
Dialogue: 0,0:01:58.22,0:02:00.56,Default,,0000,0000,0000,,그 모든 것들에 대해\N여러분에게 말해주지는 않을 거에요
Dialogue: 0,0:02:00.56,0:02:03.19,Default,,0000,0000,0000,,하지만 여러분이 재미있어할만큼은\N얘기해 줄 수 있었으면 좋겠어요
Dialogue: 0,0:02:03.19,0:02:06.49,Default,,0000,0000,0000,,만약 여러분이 어떤 스타일에 대한\NCSS 속성이 있는지 궁금한데
Dialogue: 0,0:02:06.49,0:02:08.35,Default,,0000,0000,0000,,여기 우리 문서에 없다면
Dialogue: 0,0:02:08.35,0:02:11.10,Default,,0000,0000,0000,,검색 엔진을 통해 찾아보세요
Dialogue: 0,0:02:11.19,0:02:14.82,Default,,0000,0000,0000,,예를 들어 문자에 그림자를\N추가하는 방법을 알고 싶다면
Dialogue: 0,0:02:15.31,0:02:17.96,Default,,0000,0000,0000,,인터넷에 "CSS 텍스트 그림자"\N라고 검색해 보세요
Dialogue: 0,0:02:17.96,0:02:19.45,Default,,0000,0000,0000,,그러면 아주 많은 결과물을\N볼 수 있을 거에요
Dialogue: 0,0:02:19.57,0:02:21.73,Default,,0000,0000,0000,,보통 인터넷을 통해\N검색을 해서
Dialogue: 0,0:02:21.73,0:02:23.14,Default,,0000,0000,0000,,여러분의 질문에 대한\N답을 찾을 수있다는 것은
Dialogue: 0,0:02:23.14,0:02:25.45,Default,,0000,0000,0000,,웹 개발자에게는\N아주 중요한 기술이에요
Dialogue: 0,0:02:25.45,0:02:28.29,Default,,0000,0000,0000,,왜냐하면 여러분과 같은 질문을\N했던 사람들이 아주 많고
Dialogue: 0,0:02:28.29,0:02:31.78,Default,,0000,0000,0000,,99.9퍼센트로\N답은 그 곳에 있을 거에요
Dialogue: 0,0:02:31.94,0:02:34.52,Default,,0000,0000,0000,,여러분은 그 답을\N잘 찾기만 하면 돼요