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.

ody {<br />

}<br />

font-family: sans-serif;<br />

h1, h2 {<br />

color: gray;<br />

}<br />

h1 {<br />

}<br />

p {<br />

}<br />

Sharpen your pencil<br />

Solution<br />

border-bottom: 1px solid black;<br />

color: maroon;<br />

p.greentea {<br />

color: green;<br />

}<br />

p.raspberry {<br />

color: blue;<br />

}<br />

p.blueberry {<br />

color: purple;<br />

}<br />

getting started <strong>with</strong> css<br />

Your turn: add two classes, “raspberry” and “blueberry” to the<br />

correct paragraphs in “elixir.html” and then write the styles to<br />

color the text blue and purple respectively. The property value for<br />

raspberry is “blue” and for blueberry is “purple”.<br />

you are here 335

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

Saved successfully!

Ooh no, something went wrong!