Cascading Style Sheets

I've built up rick.css style sheet for use on my rick.jasperfamily.org web pages. As of 9-14-2006, it consisted of

   BODY         {background-color: #98f5ff;}
   H1,H2,H3     {text-align: center;}
   PRE,UL,OL,DL {margin-top: 3.0pt; margin-bottom: 3.0pt;}
   .popup       {COLOR: #9F141A; CURSOR: help; TEXT-DECORATION: none;}
   a:hover      {background: #ffffff;}

To use these in a web page, insert this line

   <link type="text/css" rel="stylesheet" href="../rick.css">

somewhere in the head. For example, the first few lines of this file are

   <!doctype html public "html3.0">
   <html>
   <head>
   <title>Cascading Style Sheets</title>
   <link type="text/css" rel="stylesheet" href="../rick.css">
   </head>
   <body>
   <h3>Cascading Style Sheets</h3>

   I've built up ...

To get help to appear on a mouseover, use this HTML

  This is plain text, but
  <SPAN title=" Boo!!! " class="popup">this is the first keyword</SPAN>
  and
  <SPAN title=" Hoo!!! " class="popup">this is the second</SPAN>.

which results in

This is plain text, but this is the first keyword and this is the second.

Here's how to define a bit of style inline,

...
<body>
<STYLE TYPE="text/css">
<!--
EM {color:red;
    font-size:120%;
    font-weight:900;
   }
-->
</STYLE>
</head>
...

This page was last updated on Wednesday, 15-Nov-2006 10:32:45 Pacific Standard Time