Information Technology Reference
In-Depth Information
14
color: #0071bb;
}
a:hover{
color: #f44365;
text-decoration: none;
}
A Word About Color Combinations
In using CSS, it's natural to focus on what you can (and can't) do. However, as you move beyond
experimenting into actually changing or creating a theme, give some thought to what you should
(or shouldn't) do.
Changing link colors is a good example. People are very much accustomed to the HTML standards:
a specific shade of blue for unvisited links and purple for visited links.
If you change these, you create a usability challenge for your blog visitors. Depending on the other
colors in your theme, there are color pairs that are recognizable to people as replacements for the
blue/purple pair—and color pairs that aren't.
Once you learn how to make a change, consider carefully what's right. Try your ideas out on other
people. You—and they—will be glad you did.
•
Tables
—Before CSS got into the mainstream (and, sadly, still for many web developers), the only
way to get objects placed properly on a site was through the use of tables. CSS allows you to
use tables for their real purpose: displaying data in rows (
tr
) with headings (
th
):
/* tables */
table{
margin: .5em 0 1em;
}
table td, table th{
text-align: left;
border-right: 1px solid #e8e1c8;
padding: .4em .8em;
}
table th{
background: #ab967e url(images/table-header.gif) repeat-x left top;
color: #fff;
text-transform: uppercase;
font-weight: normal;
border-bottom: 1px solid #e8e1c8;