[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,,Listen, folks.\NThe CSS properties are never-ending.
Dialogue: 0,0:00:04.29,0:00:06.04,Default,,0000,0000,0000,,Let me show you a few more.
Dialogue: 0,0:00:06.25,0:00:08.72,Default,,0000,0000,0000,,What if I want to change
Dialogue: 0,0:00:08.72,0:00:12.05,Default,,0000,0000,0000,,the spacing between the lines \Nin my song lyrics?
Dialogue: 0,0:00:12.44,0:00:15.90,Default,,0000,0000,0000,,I could use the `line-height` property,
Dialogue: 0,0:00:15.90,0:00:19.00,Default,,0000,0000,0000,,and specify something like 15px.
Dialogue: 0,0:00:19.21,0:00:24.76,Default,,0000,0000,0000,,Or maybe better would be 1.5em,\Nthat makes the line height
Dialogue: 0,0:00:24.76,0:00:28.03,Default,,0000,0000,0000,,150 percent of whatever the text size was.
Dialogue: 0,0:00:28.48,0:00:31.78,Default,,0000,0000,0000,,What if I want my song lyrics to be\Ncenter-aligned?
Dialogue: 0,0:00:32.13,0:00:36.23,Default,,0000,0000,0000,,I could use the `text-align` property,\Nand specifiy `center`.
Dialogue: 0,0:00:36.53,0:00:39.41,Default,,0000,0000,0000,,I could also change it \Nto `right`, or `justified`,
Dialogue: 0,0:00:39.41,0:00:41.78,Default,,0000,0000,0000,,though I think that would look a bit odd.
Dialogue: 0,0:00:42.11,0:00:45.33,Default,,0000,0000,0000,,What if I want to underline \Nmy main paragraph?
Dialogue: 0,0:00:45.90,0:00:49.43,Default,,0000,0000,0000,,I could use the \N`text-decoration` property
Dialogue: 0,0:00:49.43,0:00:51.89,Default,,0000,0000,0000,,and specify `underline`.
Dialogue: 0,0:00:53.22,0:00:56.68,Default,,0000,0000,0000,,What if I want to remove the underline \Nfrom my links,
Dialogue: 0,0:00:56.68,0:00:58.47,Default,,0000,0000,0000,,like that link to Wikipedia?
Dialogue: 0,0:00:58.72,0:01:01.29,Default,,0000,0000,0000,,Well, the browser has \Na default set of styles
Dialogue: 0,0:01:01.29,0:01:02.85,Default,,0000,0000,0000,,that it applies to everything.
Dialogue: 0,0:01:02.85,0:01:05.32,Default,,0000,0000,0000,,Like `text-decoration: underline` \Nfor links.
Dialogue: 0,0:01:05.47,0:01:09.31,Default,,0000,0000,0000,,But we can use CSS to override \Nthe browser's default styles,
Dialogue: 0,0:01:09.31,0:01:11.36,Default,,0000,0000,0000,,and say `text-decoration: none`.
Dialogue: 0,0:01:12.05,0:01:19.34,Default,,0000,0000,0000,,Just add this rule here: \Na { text-decoration: none; }
Dialogue: 0,0:01:20.28,0:01:22.82,Default,,0000,0000,0000,,And you see now \Nit's no longer underlined.
Dialogue: 0,0:01:22.93,0:01:24.100,Default,,0000,0000,0000,,But we should be careful when we do that,
Dialogue: 0,0:01:24.100,0:01:27.62,Default,,0000,0000,0000,,because the defaults \Nare usually picked for a reason.
Dialogue: 0,0:01:27.70,0:01:31.40,Default,,0000,0000,0000,,If links aren't underlined, \Nhow will people know that they're links?
Dialogue: 0,0:01:31.49,0:01:35.04,Default,,0000,0000,0000,,What if they never click them because\Nthey think they're just normal text?
Dialogue: 0,0:01:35.10,0:01:38.68,Default,,0000,0000,0000,,If we do remove that underline, \Nwe should be making sure
Dialogue: 0,0:01:38.68,0:01:42.02,Default,,0000,0000,0000,,that the links look \Nsignificantly different in some other way.
Dialogue: 0,0:01:42.09,0:01:43.93,Default,,0000,0000,0000,,Otherwise, we'll make users sad.
Dialogue: 0,0:01:43.99,0:01:45.91,Default,,0000,0000,0000,,And sad users make me sad.
Dialogue: 0,0:01:46.18,0:01:48.38,Default,,0000,0000,0000,,They should make you sad, too.
Dialogue: 0,0:01:49.02,0:01:51.54,Default,,0000,0000,0000,,I could tell you \Nabout text properties all day.
Dialogue: 0,0:01:51.62,0:01:54.18,Default,,0000,0000,0000,,But I won't, because \Nwe have so much more to cover.
Dialogue: 0,0:01:54.23,0:01:56.11,Default,,0000,0000,0000,,There are hundreds of CSS properties.
Dialogue: 0,0:01:56.11,0:01:58.17,Default,,0000,0000,0000,,And browsers are adding more \Nevery year.
Dialogue: 0,0:01:58.22,0:02:00.56,Default,,0000,0000,0000,,I probably won't ever tell you \Nabout all of them.
Dialogue: 0,0:02:00.56,0:02:03.19,Default,,0000,0000,0000,,But hopefully I can tell you enough \Nto get you excited.
Dialogue: 0,0:02:03.19,0:02:06.49,Default,,0000,0000,0000,,And then if you're wondering \Nif there's a CSS property for some style
Dialogue: 0,0:02:06.49,0:02:08.35,Default,,0000,0000,0000,,and it's not in our documentation here,
Dialogue: 0,0:02:08.35,0:02:11.10,Default,,0000,0000,0000,,you can just visit \Nyour local search engine and find out.
Dialogue: 0,0:02:11.19,0:02:12.74,Default,,0000,0000,0000,,For example, if you're wondering
Dialogue: 0,0:02:12.74,0:02:15.31,Default,,0000,0000,0000,,if there's a way \Nto add a drop-shadow to your text,
Dialogue: 0,0:02:15.31,0:02:17.96,Default,,0000,0000,0000,,just search "CSS text shadow" \Non the Internet,
Dialogue: 0,0:02:17.96,0:02:19.45,Default,,0000,0000,0000,,and you'll see lots of results.
Dialogue: 0,0:02:19.57,0:02:21.73,Default,,0000,0000,0000,,Generally, being able \Nto search the Internet
Dialogue: 0,0:02:21.73,0:02:23.14,Default,,0000,0000,0000,,for answers to your questions
Dialogue: 0,0:02:23.14,0:02:25.45,Default,,0000,0000,0000,,is a really important skill \Nfor a web developer.
Dialogue: 0,0:02:25.45,0:02:28.29,Default,,0000,0000,0000,,Because so many people \Nhave had the same questions as you,
Dialogue: 0,0:02:28.29,0:02:31.78,Default,,0000,0000,0000,,and 99.9 percent of the time, \Nthe answer is out there.
Dialogue: 0,0:02:31.94,0:02:34.52,Default,,0000,0000,0000,,You just have to get good at finding it.