0:00:00.512,0:00:04.092
들어봐요[br]CSS 속성은 끝이 없어요

0:00:04.286,0:00:06.035
몇 가지 더 보여줄게요

0:00:06.253,0:00:11.943
만약 제가 이 가사의 줄 간격을[br]바꾸고 싶다면 어떻게 할까요?

0:00:12.439,0:00:15.903
저는 'line-height' 속성을[br]사용할 수 있어요

0:00:15.903,0:00:19.001
그리고 15px 같은 값으로[br]설정하는 거죠

0:00:19.212,0:00:24.755
아니면 1.5em으로 하는게[br]나을 수도 있겠네요

0:00:24.755,0:00:28.034
글자 크기의 150퍼센트로[br]줄간격을 설정하게 되니까요

0:00:28.481,0:00:31.785
만약 가사를 가운데 정렬로[br]만들고 싶다면 어떻게 하면 될까요?

0:00:32.133,0:00:36.232
'text-align'속성을 쓸 수 있어요[br]'center'로 값을 설정하는 거죠

0:00:36.528,0:00:39.410
아니면 'right'나 'justified'로[br]설정해 둘 수도 있어요

0:00:39.410,0:00:41.783
보기에는 좀 이상하다고[br]생각이 들겠지만요

0:00:42.108,0:00:45.327
만약 본문에다[br]밑줄을 치고 싶다면요?

0:00:45.895,0:00:49.430
'text-decoration'속성을[br]이용하면 될거에요

0:00:49.430,0:00:51.888
값은 'underline'으로[br]설정하고요

0:00:53.224,0:00:56.685
만약 링크로부터[br]밑줄을 지우고 싶다면요?

0:00:56.685,0:00:58.473
위키피디아에 대한[br]이 링크같은 것들요

0:00:58.722,0:01:01.289
브라우저는 기본 스타일을[br]지정해두고 있어요

0:01:01.289,0:01:02.852
모든 것에 적용되는[br]스타일 말이죠

0:01:02.852,0:01:05.317
여기서는 링크에 대한[br]'text-decoration: underline'이겠죠

0:01:05.473,0:01:09.311
하지만 CSS를 사용하면 브라우저의[br]기본 스타일을 다시 지정할 수있어요

0:01:09.311,0:01:11.363
'text-decoration: none'[br]이라고 해주면 돼요

0:01:12.049,0:01:19.335
여기다가 이 규칙을 추가할게요[br]a { text-decoration: none; }

0:01:20.283,0:01:22.815
이제 더이상 밑줄이 없는 걸[br]볼 수 있죠

0:01:22.929,0:01:24.998
하지만 이걸 할 때는[br]주의해야할 점이 있어요

0:01:24.998,0:01:27.623
왜냐하면 기본 설정에는[br]보통 어떤 이유가 있기 마련이죠

0:01:27.698,0:01:31.404
만약 링크에 밑줄이 없다면[br]사람들이 그게 링크라는 것을 어떻게 알까요?

0:01:31.489,0:01:35.038
만약 그게 보통 텍스트라고 생각해서[br]절대 누르지 않게 된다면요?

0:01:35.102,0:01:38.680
우리가 그 밑줄을 지울 때는

0:01:38.680,0:01:42.015
그 링크가 다른 방식으로라도[br]다르게 보이게 만들어야 해요

0:01:42.094,0:01:43.933
그렇지 않다면[br]사용자들이 슬퍼할 거에요

0:01:43.991,0:01:45.911
그리고 사용자들이 슬퍼하면[br]저도 슬퍼지니까요

0:01:46.185,0:01:48.380
그렇게 되면 여러분도[br]슬퍼질 거에요

0:01:49.024,0:01:51.536
저는 여러분에게 하루종일[br]문자 속성에 대해 얘기할 수 있어요

0:01:51.617,0:01:54.179
하지만 그러지 않을 거에요[br]아직 해야할 게 너무 많으니까요

0:01:54.234,0:01:56.108
수 백개의 CSS속성이 있어요

0:01:56.108,0:01:58.173
그리고 브라우저는 매년[br]새로운 것을 추가하고 있죠

0:01:58.215,0:02:00.562
그 모든 것들에 대해[br]여러분에게 말해주지는 않을 거에요

0:02:00.562,0:02:03.187
하지만 여러분이 재미있어할만큼은[br]얘기해 줄 수 있었으면 좋겠어요

0:02:03.187,0:02:06.489
만약 여러분이 어떤 스타일에 대한[br]CSS 속성이 있는지 궁금한데

0:02:06.489,0:02:08.347
여기 우리 문서에 없다면

0:02:08.347,0:02:11.102
검색 엔진을 통해 찾아보세요

0:02:11.187,0:02:14.817
예를 들어 문자에 그림자를[br]추가하는 방법을 알고 싶다면

0:02:15.308,0:02:17.961
인터넷에 "CSS 텍스트 그림자"[br]라고 검색해 보세요

0:02:17.961,0:02:19.446
그러면 아주 많은 결과물을[br]볼 수 있을 거에요

0:02:19.570,0:02:21.734
보통 인터넷을 통해[br]검색을 해서

0:02:21.734,0:02:23.142
여러분의 질문에 대한[br]답을 찾을 수있다는 것은

0:02:23.142,0:02:25.449
웹 개발자에게는[br]아주 중요한 기술이에요

0:02:25.449,0:02:28.293
왜냐하면 여러분과 같은 질문을[br]했던 사람들이 아주 많고

0:02:28.293,0:02:31.778
99.9퍼센트로[br]답은 그 곳에 있을 거에요

0:02:31.942,0:02:34.525
여러분은 그 답을[br]잘 찾기만 하면 돼요