Head First HTML with CSS

using a font style
Styling Tony’s quotes
with a little italic
Now we’re going to use the font-style property
to add a little pizazz to Tony’s quotes. Remember
the Burma Shave slogan in the
element? We’re going to change the slogan to italic
style to set it off from the rest of the text. To do that
we just need to style the with a
font-style of italic, like this:
blockquote {
font-style: italic;
}
Add this new CSS rule to the CSS in your
“journal.css” file, save it, and give the page a
test drive. You should see the Burma Shave
slogan change to italic; here’s our test drive.
there are no
Q: The text for the is actually inside
a that’s inside the . So, how did this
change the paragraph to italic?
A: Remember, by default most elements get their font
styles from their parents, and the parent of this paragraph
is the element. So the paragraph within the
inherits the italic style.
Q: Why didn’t we just put the text into an
element inside the ? Wouldn’t that do the
same thing and make the italic?
A: Remember that is for specifying structure.
says that a set of words should be emphasized. What
we’re doing is styling a , we are not indicating
that the text in the should be emphasized. So,
while you’re right, on most browsers is styled with italic,
it’s not the right way to style the text in the .
Also, keep in mind that the style of could change, so
you shouldn’t count on always being italic.
362 Chapter 9
Dumb Questions
Here’s the new style on the Burma Shave
slogan in Tony’s page. We got slanted text,
just like we wanted.