1
00:00:00,512 --> 00:00:04,092
들어봐요
CSS 속성은 끝이 없어요

2
00:00:04,286 --> 00:00:06,035
몇 가지 더 보여줄게요

3
00:00:06,253 --> 00:00:11,943
만약 제가 이 가사의 줄 간격을
바꾸고 싶다면 어떻게 할까요?

4
00:00:12,439 --> 00:00:15,903
저는 'line-height' 속성을
사용할 수 있어요

5
00:00:15,903 --> 00:00:19,001
그리고 15px 같은 값으로
설정하는 거죠

6
00:00:19,212 --> 00:00:24,755
아니면 1.5em으로 하는게
나을 수도 있겠네요

7
00:00:24,755 --> 00:00:28,034
글자 크기의 150퍼센트로
줄간격을 설정하게 되니까요

8
00:00:28,481 --> 00:00:31,785
만약 가사를 가운데 정렬로
만들고 싶다면 어떻게 하면 될까요?

9
00:00:32,133 --> 00:00:36,232
'text-align'속성을 쓸 수 있어요
'center'로 값을 설정하는 거죠

10
00:00:36,528 --> 00:00:39,410
아니면 'right'나 'justified'로
설정해 둘 수도 있어요

11
00:00:39,410 --> 00:00:41,783
보기에는 좀 이상하다고
생각이 들겠지만요

12
00:00:42,108 --> 00:00:45,327
만약 본문에다
밑줄을 치고 싶다면요?

13
00:00:45,895 --> 00:00:49,430
'text-decoration'속성을
이용하면 될거에요

14
00:00:49,430 --> 00:00:51,888
값은 'underline'으로
설정하고요

15
00:00:53,224 --> 00:00:56,685
만약 링크로부터
밑줄을 지우고 싶다면요?

16
00:00:56,685 --> 00:00:58,473
위키피디아에 대한
이 링크같은 것들요

17
00:00:58,722 --> 00:01:01,289
브라우저는 기본 스타일을
지정해두고 있어요

18
00:01:01,289 --> 00:01:02,852
모든 것에 적용되는
스타일 말이죠

19
00:01:02,852 --> 00:01:05,317
여기서는 링크에 대한
'text-decoration: underline'이겠죠

20
00:01:05,473 --> 00:01:09,311
하지만 CSS를 사용하면 브라우저의
기본 스타일을 다시 지정할 수있어요

21
00:01:09,311 --> 00:01:11,363
'text-decoration: none'
이라고 해주면 돼요

22
00:01:12,049 --> 00:01:19,335
여기다가 이 규칙을 추가할게요
a { text-decoration: none; }

23
00:01:20,283 --> 00:01:22,815
이제 더이상 밑줄이 없는 걸
볼 수 있죠

24
00:01:22,929 --> 00:01:24,998
하지만 이걸 할 때는
주의해야할 점이 있어요

25
00:01:24,998 --> 00:01:27,623
왜냐하면 기본 설정에는
보통 어떤 이유가 있기 마련이죠

26
00:01:27,698 --> 00:01:31,404
만약 링크에 밑줄이 없다면
사람들이 그게 링크라는 것을 어떻게 알까요?

27
00:01:31,489 --> 00:01:35,038
만약 그게 보통 텍스트라고 생각해서
절대 누르지 않게 된다면요?

28
00:01:35,102 --> 00:01:38,680
우리가 그 밑줄을 지울 때는

29
00:01:38,680 --> 00:01:42,015
그 링크가 다른 방식으로라도
다르게 보이게 만들어야 해요

30
00:01:42,094 --> 00:01:43,933
그렇지 않다면
사용자들이 슬퍼할 거에요

31
00:01:43,991 --> 00:01:45,911
그리고 사용자들이 슬퍼하면
저도 슬퍼지니까요

32
00:01:46,185 --> 00:01:48,380
그렇게 되면 여러분도
슬퍼질 거에요

33
00:01:49,024 --> 00:01:51,536
저는 여러분에게 하루종일
문자 속성에 대해 얘기할 수 있어요

34
00:01:51,617 --> 00:01:54,179
하지만 그러지 않을 거에요
아직 해야할 게 너무 많으니까요

35
00:01:54,234 --> 00:01:56,108
수 백개의 CSS속성이 있어요

36
00:01:56,108 --> 00:01:58,173
그리고 브라우저는 매년
새로운 것을 추가하고 있죠

37
00:01:58,215 --> 00:02:00,562
그 모든 것들에 대해
여러분에게 말해주지는 않을 거에요

38
00:02:00,562 --> 00:02:03,187
하지만 여러분이 재미있어할만큼은
얘기해 줄 수 있었으면 좋겠어요

39
00:02:03,187 --> 00:02:06,489
만약 여러분이 어떤 스타일에 대한
CSS 속성이 있는지 궁금한데

40
00:02:06,489 --> 00:02:08,347
여기 우리 문서에 없다면

41
00:02:08,347 --> 00:02:11,102
검색 엔진을 통해 찾아보세요

42
00:02:11,187 --> 00:02:14,817
예를 들어 문자에 그림자를
추가하는 방법을 알고 싶다면

43
00:02:15,308 --> 00:02:17,961
인터넷에 "CSS 텍스트 그림자"
라고 검색해 보세요

44
00:02:17,961 --> 00:02:19,446
그러면 아주 많은 결과물을
볼 수 있을 거에요

45
00:02:19,570 --> 00:02:21,734
보통 인터넷을 통해
검색을 해서

46
00:02:21,734 --> 00:02:23,142
여러분의 질문에 대한
답을 찾을 수있다는 것은

47
00:02:23,142 --> 00:02:25,449
웹 개발자에게는
아주 중요한 기술이에요

48
00:02:25,449 --> 00:02:28,293
왜냐하면 여러분과 같은 질문을
했던 사람들이 아주 많고

49
00:02:28,293 --> 00:02:31,778
99.9퍼센트로
답은 그 곳에 있을 거에요

50
00:02:31,942 --> 00:02:34,525
여러분은 그 답을
잘 찾기만 하면 돼요