Let's see what else we can change
about the font.
What if we want
this first paragraph to be bold?
We could wrap the whole paragraph
in a `` tag.
But that would be kind of an abuse
of a `` tag.
We're not really trying to say
that the whole first paragraph
is a highlight.
We just think it might look better bolded.
So instead, we should use
a CSS property: `font-weight`.
Let's go up to the relevant CSS rule,
and say, `font-weight: bold`.
Ta-da! It's bold.
Now, what if we want to make
all of these lyrics italicized-- slanted?
Once again, we could wrap them all
in an `` tag,
because the browser always defaults
to giving `` italicized style.
But we shouldn't do that,
because that's kind of an abuse
of the `` tag.
We're not trying to emphasize
the whole song.
We just think
it might look better italicized.
So instead, we should use
a CSS property: `font-style`.
Let's go up to our relevant rule,
`song-lyrics`,
and say,
`font-style: italic`.
Okay, great.
Notice that we have a bunch
of font-related properties
in one rule for our lyrics.
We've got `font-family`, `font-size`,
and `font-style`.
If we want, we can actually bundle them up
into a single property: `font`
by just writing:
`font: italic 13px fantasy;`.
Okay, and we can delete
the three properties that we used to have
and everything looks the same.
This is called a "shorthand property",
since as you can see, it's a lot shorter.
But me, I don't like it.
Because I always forget what order
to write the properties in,
and it's just easier
if I write them out one at a time.
So I'm going to bring back
what I had before.
It's up to you-- if you're a
"shorthander" or a "longhander".
The important thing
is to stay stylish.