04.06.2013 Views

Head First HTML with CSS

Head First HTML with CSS

Head First HTML with CSS

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

using normal weight<br />

Test drive the normal weight headings<br />

Here’s what your <strong>CSS</strong> should look like after you make the change to<br />

use a normal font-weight for both the and headings:<br />

body {<br />

font-family: Verdana, Geneva, Arial, sans-serif;<br />

font-size: small;<br />

}<br />

h1, h2 {<br />

font-weight: normal;<br />

}<br />

h1 {<br />

font-size: 170%;<br />

}<br />

h2 {<br />

font-size: 130%;<br />

}<br />

Here we’re changing the font-weight<br />

of both headings to normal in the<br />

same <strong>CSS</strong> rule. It’s a good idea to<br />

combine common properties into one<br />

rule like this to avoid duplication.<br />

360 Chapter 9<br />

And here are the results. The<br />

headings are now lighter looking.

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

Saved successfully!

Ooh no, something went wrong!