04.06.2013 Views

Head First HTML with CSS

Head First HTML with CSS

Head First HTML with CSS

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

exercise solutions<br />

Exercise<br />

Solutions<br />

.guarantee {<br />

line-height: 1.9em;<br />

font-style: italic;<br />

font-family: Georgia, “Times New Roman”, Times, serif;<br />

color: #444444;<br />

border-color: black;<br />

border-width: 1px;<br />

}<br />

428 Chapter 10<br />

If you look at the guarantee paragraph as it’s supposed to look in its final form, it<br />

has a italic, serif font, a greater line height than the rest of the page, and if you’re<br />

looking really close, gray text. Write the <strong>CSS</strong> below to set the line height to 1.9em,<br />

the font style to italic, the color to #444444, and the font family to Georgia, ‘Times<br />

New Roman’, Times, serif. Here’s the solution... did you test it?<br />

border-style: solid;<br />

background-color: #a7cece;<br />

padding: 25px;<br />

margin: 30px;<br />

Increased line height.<br />

You can add the new properties anywhere in<br />

the rule. We added them at the top.<br />

Notice that if a font name has spaces in it<br />

you should surround it <strong>with</strong> quotes.<br />

An italic, serif font.<br />

Gray color gives the<br />

text a softer look.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!