CSS Text Tips

by WebKeyDesign | Aug 12, 2005 | CSS

Here are a few basic CSS tips that you should learn if you are new to using stylesheets.

Basic Mouseover Color Links:

a:link, a:visited {
     text-decoration: underline;
     color: #0000FF;
}

a:hover, a:active {
     text-decoration: none;
     color: #DC143C;
}

Note: Links should be specified in the following order:

• link
• visited
• hover
• active

Underline Effect for Headings:

h1 {
     font:  Verdana, Arial, sans-serif;
     padding: 3px;
     border-bottom: 1px solid #000000;
}

Basic Indent For Paragraphs:

.indent {
     padding-left: 20px;
}

In the html code you would simply use the paragraph tag like this:

<p class="indent">This is my paragraph text.</p>

Use Images For List Bullets:

ul {
     list-style-images: url(image_name.gif);
}

This should make all of the li tags inherit the setting.