[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.70,0:00:02.14,Default,,0000,0000,0000,,Now that you've seen a bunch of
Dialogue: 0,0:00:02.14,0:00:03.55,Default,,0000,0000,0000,,properties, I want to point out something that
Dialogue: 0,0:00:03.55,0:00:04.98,Default,,0000,0000,0000,,you might have already figured out yourself
Dialogue: 0,0:00:04.98,0:00:07.44,Default,,0000,0000,0000,,already. A concept called inheritance;
Dialogue: 0,0:00:07.44,0:00:09.87,Default,,0000,0000,0000,,some CSS properties are inherited, which
Dialogue: 0,0:00:09.87,0:00:11.16,Default,,0000,0000,0000,,means they get passed down to all the
Dialogue: 0,0:00:11.16,0:00:12.97,Default,,0000,0000,0000,,children tags underneath them. For
Dialogue: 0,0:00:12.97,0:00:15.96,Default,,0000,0000,0000,,example, the font family is an inherited
Dialogue: 0,0:00:15.96,0:00:18.79,Default,,0000,0000,0000,,property. Just by setting it on the body
Dialogue: 0,0:00:18.79,0:00:20.13,Default,,0000,0000,0000,,tag, we can see it get picked up
Dialogue: 0,0:00:20.13,0:00:22.22,Default,,0000,0000,0000,,automatically by the children tags, like
Dialogue: 0,0:00:22.22,0:00:24.28,Default,,0000,0000,0000,,the h1, and paragraphs. It only stops
Dialogue: 0,0:00:24.28,0:00:27.32,Default,,0000,0000,0000,,taking effect once another rule steps in.
Dialogue: 0,0:00:27.32,0:00:29.37,Default,,0000,0000,0000,,Like--this rule--changing the font family
Dialogue: 0,0:00:29.37,0:00:32.29,Default,,0000,0000,0000,,of all the headings to cursive. Another
Dialogue: 0,0:00:32.29,0:00:34.92,Default,,0000,0000,0000,,inherited property is color. If we set it
Dialogue: 0,0:00:34.92,0:00:36.68,Default,,0000,0000,0000,,on body, we can see it trickle down to
Dialogue: 0,0:00:36.68,0:00:39.10,Default,,0000,0000,0000,,all the tags inside body, until other
Dialogue: 0,0:00:39.10,0:00:42.03,Default,,0000,0000,0000,,rules override it. Like--this rule here--
Dialogue: 0,0:00:42.03,0:00:45.25,Default,,0000,0000,0000,,setting the h2's to green. Other
Dialogue: 0,0:00:45.25,0:00:47.13,Default,,0000,0000,0000,,inherited properties that we've seen are
Dialogue: 0,0:00:47.13,0:00:51.95,Default,,0000,0000,0000,,font weight, font size, font style, line
Dialogue: 0,0:00:51.95,0:00:55.35,Default,,0000,0000,0000,,height, text align--actually, a lot of
Dialogue: 0,0:00:55.35,0:00:57.18,Default,,0000,0000,0000,,the ones we've seen are inherited, because
Dialogue: 0,0:00:57.18,0:00:58.78,Default,,0000,0000,0000,,they have to do with text styling--and
Dialogue: 0,0:00:58.78,0:01:00.46,Default,,0000,0000,0000,,browsers figured that web designers would
Dialogue: 0,0:01:00.46,0:01:02.72,Default,,0000,0000,0000,,want text styles to trickle down, so they
Dialogue: 0,0:01:02.72,0:01:04.85,Default,,0000,0000,0000,,don't have to keep defining the styles at
Dialogue: 0,0:01:04.85,0:01:07.74,Default,,0000,0000,0000,,each level. Going forward, though, most of
Dialogue: 0,0:01:07.74,0:01:09.56,Default,,0000,0000,0000,,the new properties you see won't be
Dialogue: 0,0:01:09.56,0:01:12.08,Default,,0000,0000,0000,,inherited. If you're not sure if a
Dialogue: 0,0:01:12.08,0:01:14.35,Default,,0000,0000,0000,,property is inherited or not, either stick
Dialogue: 0,0:01:14.35,0:01:16.38,Default,,0000,0000,0000,,it on the body tag, and see what happens,
Dialogue: 0,0:01:16.38,0:01:18.70,Default,,0000,0000,0000,,or look up the property on the internet,
Dialogue: 0,0:01:18.70,0:01:21.18,Default,,0000,0000,0000,,and read the documentation about it.