HTML and CSS Reference
In-Depth Information
LISTING 13.7
Continued
{ font-size: 90%; }
#nav .shead, #nav .sitem
{ padding-left: 1em; padding-right: 1em; }
#nav h1 { font-size: 1em;
background-color: #333333; color: white; }
#nav a:hover, #footer a:hover
{ color: lime; }
#nav a:link, #nav a:visited,
#footer a:link, #footer a:visited
{ text-decoration: none; color: #CCCCCC; }
/* main content section */
#main { margin-left: 11.5em; margin-right: 11.5em;
margin-bottom: 1.5em; margin-top: 1.5em;
border: 0px solid lime; }
/* two sidebars, absolutely positioned */
#sidebar1 { position: absolute;
right: 2em; top: 3em; width: 9em; }
#sidebar0 { position: absolute;
left: 2em; top: 3em; width: 9em;
text-align: right; }
#sidebar0 .section, #sidebar1 .section
{ font-size: smaller;
border: 0px solid lime;
text-transform: lowercase;
margin-bottom: 1em; }
Sitewide Style Sheets
The style sheet given in Listing 13.7 was created to be used on the entire site, not just on
one page. Linking to an external style sheet is an easy way for you to apply style sheets
over your entire set. You just use the
<link>
tag on every page, with the
href
attribute
set to the location of your site-wide style sheet.
13
A sitewide style sheet can be used to enforce a consistent appearance on the website,
even if you have multiple web developers working on different parts of the same site.
Additional styles can be added in embedded style sheets or in additional linked CSS files
that are created for each department or business unit. For example, each department at a
school may use the school's global style sheet for design elements common to the entire
site, and individual departmental style sheets for that department's unique color, layout,
and font choices.
