Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.
- Create BookmarkCreate Bookmark
- Create Note or TagCreate Note or Tag
- DownloadDownload
- PrintPrint
The CSS
Our CSS is going to look similar to the previous application we built, as well. There are a few key differences here and there and a few neat CSS properties that we are showcasing in this application, such as the text-shadow CSS property, which allows you to apply some pretty fantastic shadow effects to your text live in the client’s browser. This doesn’t rely on having a designer to whip up some overly compressed image with the new fancy text as we would have done back in the old days (and by old days, I mean a few years ago!).
Listing 3–2 covers the basic resetting of spacing and font sizes of common elements that will be used throughout our application.
Listing 3–2. CSS for I Love Ham -Part 1
/*** RESET ***/
html, body, header, section, div, p, ul, li, h2 {
margin:0;
padding:0;
}
ul, li {
list-style:none;
}
/*** GLOBAL CSS ***/
html, body {
width:100%;
height:600px;
overflow-x:hidden;
}
body {
font-size:14px;
font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
background:#993366;
}
h2 {
font-size:18px;
color:#fff;
text-shadow:1px 1px 5px rgba(0,0,0,0.9);
}