1
00:00:00,700 --> 00:00:02,137
Now that you've seen a bunch of

2
00:00:02,137 --> 00:00:03,551
properties, I want to point out something that

3
00:00:03,551 --> 00:00:04,981
you might have already figured out yourself

4
00:00:04,981 --> 00:00:07,435
already. A concept called inheritance;

5
00:00:07,435 --> 00:00:09,870
some CSS properties are inherited, which

6
00:00:09,870 --> 00:00:11,163
means they get passed down to all the

7
00:00:11,163 --> 00:00:12,973
children tags underneath them. For

8
00:00:12,973 --> 00:00:15,960
example, the font family is an inherited

9
00:00:15,960 --> 00:00:18,792
property. Just by setting it on the body

10
00:00:18,792 --> 00:00:20,126
tag, we can see it get picked up

11
00:00:20,126 --> 00:00:22,219
automatically by the children tags, like

12
00:00:22,219 --> 00:00:24,275
the h1, and paragraphs. It only stops

13
00:00:24,275 --> 00:00:27,325
taking effect once another rule steps in.

14
00:00:27,325 --> 00:00:29,366
Like--this rule--changing the font family

15
00:00:29,366 --> 00:00:32,289
of all the headings to cursive. Another

16
00:00:32,289 --> 00:00:34,921
inherited property is color. If we set it

17
00:00:34,921 --> 00:00:36,681
on body, we can see it trickle down to

18
00:00:36,681 --> 00:00:39,105
all the tags inside body, until other

19
00:00:39,105 --> 00:00:42,026
rules override it. Like--this rule here--

20
00:00:42,026 --> 00:00:45,251
setting the h2's to green. Other

21
00:00:45,251 --> 00:00:47,133
inherited properties that we've seen are

22
00:00:47,133 --> 00:00:51,954
font weight, font size, font style, line

23
00:00:51,954 --> 00:00:55,350
height, text align--actually, a lot of

24
00:00:55,350 --> 00:00:57,179
the ones we've seen are inherited, because

25
00:00:57,179 --> 00:00:58,781
they have to do with text styling--and

26
00:00:58,781 --> 00:01:00,464
browsers figured that web designers would

27
00:01:00,464 --> 00:01:02,720
want text styles to trickle down, so they

28
00:01:02,720 --> 00:01:04,853
don't have to keep defining the styles at

29
00:01:04,853 --> 00:01:07,741
each level. Going forward, though, most of

30
00:01:07,741 --> 00:01:09,565
the new properties you see won't be

31
00:01:09,565 --> 00:01:12,085
inherited. If you're not sure if a

32
00:01:12,085 --> 00:01:14,346
property is inherited or not, either stick

33
00:01:14,346 --> 00:01:16,381
it on the body tag, and see what happens,

34
00:01:16,381 --> 00:01:18,705
or look up the property on the internet,

35
00:01:18,705 --> 00:01:21,178
and read the documentation about it.