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.

testing and more hex colors<br />

Test drive Tony’s orange headings<br />

Once you’ve made the changes to your “journal.css”<br />

file to add the color property to the “h1, h2” rule,<br />

reload the Web page and check out the results.<br />

376 Chapter 9<br />

What do all these colors have in common? Try each one in a Web page, say as a<br />

font color, or use your photo-editing application’s color picker to determine what colors<br />

they are by entering the hex code into the dialog box directly.<br />

#111111<br />

#222222<br />

#333333<br />

Now both and headings<br />

are orange. This ties in nicely <strong>with</strong><br />

Tony’s orange theme and shirt.<br />

The headings are also set off further <strong>with</strong> underlines.<br />

Hmmm... we thought this would be a good way to<br />

distinguish the headings, but actually they seem to look<br />

a little too much like clickable links, since people tend to<br />

think anything underlined in a Web page is clickable.<br />

Sharpen your pencil<br />

So, underlines may have been a bad choice.<br />

Let’s quickly look at some other text<br />

decorations, then we’ll reconsider these<br />

underlines in the Web page.<br />

#444444<br />

#555555<br />

#666666<br />

#777777<br />

#888888<br />

#999999<br />

#aaaaaa<br />

#bbbbbb<br />

#cccccc<br />

#dddddd<br />

#eeeeee

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

Saved successfully!

Ooh no, something went wrong!