The Jean and Alexander Heard Library

Library Information Technology Services

Cascading Style Sheets

A mojor benefit of CSS is that you can create a style sheet for use not just with a single HTML document, but throughout an entire site.

Step 8

Key points:

  • Establishing and external CSS file is a two-step process. First set up the rules in a text file and then link this file into the HTML document

Setting up an external CSS file

Go to the code side of the page you are working on in Dreamweaver. Take this portion of the page

<head>
<style type="text/css">

<!--
.big { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 120%; color: #000000}
.small { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #990000}
.text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #666666}
a:active { color: #FF0000}
a:hover { color: #00FF00; text-decoration: none; background-color: #CCCCCC}
a:link { color: #0000FF}
a:visited { color: #FF00FF}
-->

</style>
</head>

and put it in a separate file with a .css file extension.(xxxx.css).

<<prev | next>>


Copyright 2001 Jean & Alexander Heard Library, Vanderbilt University