Prev | Current Page 236 | Next

Craig Grannell

"The Essential Guide to CSS and HTML Web Design"


Completed files multiple-links-the-cascade.html and multiple-links-thecascade.
css from the chapter 5 folder.
1. Add the basic page content structure shown following, placing it within the existing
wrapper div of the boilerplate. This has three divs, which have id values of
navigation, content, and footer, respectively. The first houses an unordered list
that forms the basis of a navigation bar. The second is the content area, which has
an inline link within a paragraph. The third is the footer, which is sometimes used
to repeat the navigation bar links, albeit in a simplified manner.


Hello there. Our new product is a fantastic
?? banjo
!




2. Add some padding to the existing body rule in the CSS to add some spacing around
the page content:
body {
font: 62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
padding: 30px;
}
3. Add some rules to define the main states for links on the web page. The following
rules color links orange, change them to red on the hover state, make them gray
on the visited state, and make them black on the active state.


Pages:
224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248