-
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.