[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.54,0:00:03.06,Default,,0000,0000,0000,,그러면 어떻게 우리가 또 다른 방식으로\N폰트(font)를 바꿀수 있는지 알아보겠습니다
Dialogue: 0,0:00:03.44,0:00:06.27,Default,,0000,0000,0000,,첫번째 문단을 굵게(bold) 만들고 싶다면 어떻게 해야할까요?
Dialogue: 0,0:00:06.53,0:00:09.42,Default,,0000,0000,0000,,그 문단 전체를  태그를 이용해 감싸서\N원하는 것 처럼 만들 수 있습니다
Dialogue: 0,0:00:09.53,0:00:12.48,Default,,0000,0000,0000,,하지만 이것은 태그를 잘못 사용하는 방법중에 하나입니다
Dialogue: 0,0:00:12.58,0:00:14.11,Default,,0000,0000,0000,,첫 문단 전체를 강조하고 싶다고
Dialogue: 0,0:00:14.11,0:00:16.32,Default,,0000,0000,0000,,이야기 한적은 없어요
Dialogue: 0,0:00:16.34,0:00:18.63,Default,,0000,0000,0000,,단지 첫 문단을 보기 좋도록 굵게 만들고 싶을 뿐입니다
Dialogue: 0,0:00:18.64,0:00:21.86,Default,,0000,0000,0000,,그러므로 우리는 위의 방법 대신에\N'font-weight'라는 CSS속성(property)을 사용해야합니다
Dialogue: 0,0:00:22.24,0:00:27.56,Default,,0000,0000,0000,,그러면 CSS 룰을 만족하는 방식인\N'font-weight: bold'를 사용해 봅시다
Dialogue: 0,0:00:28.02,0:00:29.34,Default,,0000,0000,0000,,이얍, 진짜 굵게 되었어요
Dialogue: 0,0:00:29.92,0:00:34.66,Default,,0000,0000,0000,,그러면 이 가사들을 기울어지게 해보고 싶으면 어떻게 해야할까요?
Dialogue: 0,0:00:34.78,0:00:37.87,Default,,0000,0000,0000,,다시한번 모든 글을 태그로 감싸봅시다
Dialogue: 0,0:00:37.87,0:00:42.37,Default,,0000,0000,0000,,을 사용하게 되면 브라우저에서\N기울어진 스타일을 기본으로 하게 되기 때문입니다
Dialogue: 0,0:00:42.56,0:00:44.08,Default,,0000,0000,0000,,하지만 이러한 방식은 사용하면 안됩니다
Dialogue: 0,0:00:44.08,0:00:46.75,Default,,0000,0000,0000,,이것 역시 태그를 잘못 사용하는 방법중에 하나이기 때문입니다
Dialogue: 0,0:00:46.84,0:00:49.25,Default,,0000,0000,0000,,우리는 노래 전체를 강조하고자 하는게 아닙니다
Dialogue: 0,0:00:49.39,0:00:52.13,Default,,0000,0000,0000,,단순히 그것을 보기 좋게 하려고 기울이려고 생각하는 것입니다
Dialogue: 0,0:00:52.34,0:00:55.98,Default,,0000,0000,0000,,그래서 이런 방법 대신에 'font-style'이라는\NCSS 속성을 사용해보도록 합시다
Dialogue: 0,0:00:56.43,0:00:59.53,Default,,0000,0000,0000,,일단 룰에 맞도록 `song-lyrics`스타일을 정의 한 곳으로 이동해서
Dialogue: 0,0:00:59.53,0:01:03.12,Default,,0000,0000,0000,,'font-style: italic'라고 추가해줍시다
Dialogue: 0,0:01:03.68,0:01:05.64,Default,,0000,0000,0000,,오케이 좋아요
Dialogue: 0,0:01:05.89,0:01:08.93,Default,,0000,0000,0000,,지금까지 우리는 우리의 노래가사를 위해서\N몇몇개의 폰트에 관련된 속성들을
Dialogue: 0,0:01:08.93,0:01:10.45,Default,,0000,0000,0000,,하나하나 적용해보았습니다
Dialogue: 0,0:01:10.63,0:01:13.87,Default,,0000,0000,0000,,우리는 `font-family`, `font-size` \N그리고 `font-style`에 대해 알게되었어요
Dialogue: 0,0:01:13.95,0:01:19.30,Default,,0000,0000,0000,,만일 원한다면 실제로 여러개의 속성을 \N`font`라는 하나의 속성 다음에 한꺼번에 쓸 수 있어요
Dialogue: 0,0:01:19.30,0:01:24.44,Default,,0000,0000,0000,,다음과 같이 말이죠\N`font: italic 13px fantasy;`
Dialogue: 0,0:01:25.08,0:01:28.77,Default,,0000,0000,0000,,좋아요 \N이제 기존에 사용했었던 3개의 속성을 지워도
Dialogue: 0,0:01:28.99,0:01:30.91,Default,,0000,0000,0000,,모든것이 똑같은 것을 볼 수 있을 것입니다
Dialogue: 0,0:01:31.09,0:01:35.89,Default,,0000,0000,0000,,이것을 '단축 속성(shorthand property)'이라고 부릅니다\N보다싶이 이것은 원래의 형태보다 많이 짧기 때문이죠
Dialogue: 0,0:01:36.09,0:01:37.67,Default,,0000,0000,0000,,하지만 저는 이런것을 좋아하진 않아요
Dialogue: 0,0:01:37.67,0:01:41.04,Default,,0000,0000,0000,,왜냐하면 저는 항상 어떤 형식으로 속성을 적어야하는지를 잊어먹거든요
Dialogue: 0,0:01:41.04,0:01:43.95,Default,,0000,0000,0000,,그래서 저는 한번에 한개의 속성씩 쓰는것이 더 쉽습니다
Dialogue: 0,0:01:44.20,0:01:47.02,Default,,0000,0000,0000,,그러므로 저는 전에 했던 방식대로 다시 돌려놓을게요
Dialogue: 0,0:01:48.36,0:01:51.95,Default,,0000,0000,0000,,결국 단축 속성을 쓸지 안쓸지는 여러분에게 달려있습니다
Dialogue: 0,0:01:52.23,0:01:54.82,Default,,0000,0000,0000,,중요한 것은 그것이 얼마나 멋지냐는 것이죠