[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,,Let's see what else we can change\Nabout the font.
Dialogue: 0,0:00:03.44,0:00:06.27,Default,,0000,0000,0000,,What if we want\Nthis first paragraph to be bold?
Dialogue: 0,0:00:06.53,0:00:09.42,Default,,0000,0000,0000,,We could wrap the whole paragraph\Nin a `` tag.
Dialogue: 0,0:00:09.53,0:00:12.48,Default,,0000,0000,0000,,But that would be kind of an abuse\Nof a `` tag.
Dialogue: 0,0:00:12.58,0:00:14.11,Default,,0000,0000,0000,,We're not really trying to say
Dialogue: 0,0:00:14.11,0:00:16.32,Default,,0000,0000,0000,,that the whole first paragraph\Nis a highlight.
Dialogue: 0,0:00:16.34,0:00:18.63,Default,,0000,0000,0000,,We just think it might look better bolded.
Dialogue: 0,0:00:18.64,0:00:21.86,Default,,0000,0000,0000,,So instead, we should use\Na CSS property: `font-weight`.
Dialogue: 0,0:00:22.24,0:00:27.56,Default,,0000,0000,0000,,Let's go up to the relevant CSS rule,\Nand say, `font-weight: bold`.
Dialogue: 0,0:00:28.02,0:00:29.34,Default,,0000,0000,0000,,Ta-da! It's bold.
Dialogue: 0,0:00:29.92,0:00:34.66,Default,,0000,0000,0000,,Now, what if we want to make\Nall of these lyrics italicized-- slanted?
Dialogue: 0,0:00:34.78,0:00:37.87,Default,,0000,0000,0000,,Once again, we could wrap them all\Nin an `` tag,
Dialogue: 0,0:00:37.87,0:00:42.37,Default,,0000,0000,0000,,because the browser always defaults\Nto giving `` italicized style.
Dialogue: 0,0:00:42.56,0:00:44.08,Default,,0000,0000,0000,,But we shouldn't do that,
Dialogue: 0,0:00:44.08,0:00:46.75,Default,,0000,0000,0000,,because that's kind of an abuse\Nof the `` tag.
Dialogue: 0,0:00:46.84,0:00:49.25,Default,,0000,0000,0000,,We're not trying to emphasize\Nthe whole song.
Dialogue: 0,0:00:49.39,0:00:52.13,Default,,0000,0000,0000,,We just think \Nit might look better italicized.
Dialogue: 0,0:00:52.34,0:00:55.98,Default,,0000,0000,0000,,So instead, we should use\Na CSS property: `font-style`.
Dialogue: 0,0:00:56.43,0:00:59.53,Default,,0000,0000,0000,,Let's go up to our relevant rule,\N`song-lyrics`,
Dialogue: 0,0:00:59.53,0:01:03.12,Default,,0000,0000,0000,,and say,\N`font-style: italic`.
Dialogue: 0,0:01:03.68,0:01:05.64,Default,,0000,0000,0000,,Okay, great.
Dialogue: 0,0:01:05.89,0:01:08.93,Default,,0000,0000,0000,,Notice that we have a bunch\Nof font-related properties
Dialogue: 0,0:01:08.93,0:01:10.45,Default,,0000,0000,0000,,in one rule for our lyrics.
Dialogue: 0,0:01:10.63,0:01:13.87,Default,,0000,0000,0000,,We've got `font-family`, `font-size`,\Nand `font-style`.
Dialogue: 0,0:01:13.95,0:01:19.30,Default,,0000,0000,0000,,If we want, we can actually bundle them up\Ninto a single property: `font`
Dialogue: 0,0:01:19.30,0:01:24.44,Default,,0000,0000,0000,,by just writing:\N`font: italic 13px fantasy;`.
Dialogue: 0,0:01:25.08,0:01:28.77,Default,,0000,0000,0000,,Okay, and we can delete\Nthe three properties that we used to have
Dialogue: 0,0:01:28.99,0:01:30.91,Default,,0000,0000,0000,,and everything looks the same.
Dialogue: 0,0:01:31.09,0:01:35.89,Default,,0000,0000,0000,,This is called a "shorthand property",\Nsince as you can see, it's a lot shorter.
Dialogue: 0,0:01:36.09,0:01:37.67,Default,,0000,0000,0000,,But me, I don't like it.
Dialogue: 0,0:01:37.67,0:01:41.04,Default,,0000,0000,0000,,Because I always forget what order\Nto write the properties in,
Dialogue: 0,0:01:41.04,0:01:43.95,Default,,0000,0000,0000,,and it's just easier \Nif I write them out one at a time.
Dialogue: 0,0:01:44.20,0:01:47.02,Default,,0000,0000,0000,,So I'm going to bring back\Nwhat I had before.
Dialogue: 0,0:01:48.36,0:01:51.95,Default,,0000,0000,0000,,It's up to you-- if you're a \N"shorthander" or a "longhander".
Dialogue: 0,0:01:52.23,0:01:54.82,Default,,0000,0000,0000,,The important thing\Nis to stay stylish.