WEBVTT

00:00:00.700 --> 00:00:02.137
Now that you've seen a bunch of

00:00:02.137 --> 00:00:03.551
properties, I want to point out something that

00:00:03.551 --> 00:00:04.981
you might have already figured out yourself

00:00:04.981 --> 00:00:07.435
already. A concept called inheritance;

00:00:07.435 --> 00:00:09.870
some CSS properties are inherited, which

00:00:09.870 --> 00:00:11.163
means they get passed down to all the

00:00:11.163 --> 00:00:12.973
children tags underneath them. For

00:00:12.973 --> 00:00:15.960
example, the font family is an inherited

00:00:15.960 --> 00:00:18.792
property. Just by setting it on the body

00:00:18.792 --> 00:00:20.126
tag, we can see it get picked up

00:00:20.126 --> 00:00:22.219
automatically by the children tags, like

00:00:22.219 --> 00:00:24.275
the h1, and paragraphs. It only stops

00:00:24.275 --> 00:00:27.325
taking effect once another rule steps in.

00:00:27.325 --> 00:00:29.366
Like--this rule--changing the font family

00:00:29.366 --> 00:00:32.289
of all the headings to cursive. Another

00:00:32.289 --> 00:00:34.921
inherited property is color. If we set it

00:00:34.921 --> 00:00:36.681
on body, we can see it trickle down to

00:00:36.681 --> 00:00:39.105
all the tags inside body, until other

00:00:39.105 --> 00:00:42.026
rules override it. Like--this rule here--

00:00:42.026 --> 00:00:45.251
setting the h2's to green. Other

00:00:45.251 --> 00:00:47.133
inherited properties that we've seen are

00:00:47.133 --> 00:00:51.954
font weight, font size, font style, line

00:00:51.954 --> 00:00:55.350
height, text align--actually, a lot of

00:00:55.350 --> 00:00:57.179
the ones we've seen are inherited, because

00:00:57.179 --> 00:00:58.781
they have to do with text styling--and

00:00:58.781 --> 00:01:00.464
browsers figured that web designers would

00:01:00.464 --> 00:01:02.720
want text styles to trickle down, so they

00:01:02.720 --> 00:01:04.853
don't have to keep defining the styles at

00:01:04.853 --> 00:01:07.741
each level. Going forward, though, most of

00:01:07.741 --> 00:01:09.565
the new properties you see won't be

00:01:09.565 --> 00:01:12.085
inherited. If you're not sure if a

00:01:12.085 --> 00:01:14.346
property is inherited or not, either stick

00:01:14.346 --> 00:01:16.381
it on the body tag, and see what happens,

00:01:16.381 --> 00:01:18.705
or look up the property on the internet,

00:01:18.705 --> 00:01:21.178
and read the documentation about it.