Unrelated, but here's info on RUBY, which looks interesting, but only seems to work on IE currently...
Certain elements that are descendents of other elements may be selected using the correct syntax.
Information governing the treatment of whitespace within elements.
An example css file: basestyle.css
Import another css file into a css file with: @import "basestyle.css";
| font-family: Geneva, Arial, Helvetica, sans-serif; | Usually give several choices in case browser does not have the font. End in a generic font-family such as serif, sans-serif, cursive, fantasy, monospace. |
| font-weight: bold; | |
| color: #990000; OR color: rgb(153,0,0); | Color Code Reference |
| background: rgb(242,242,242); | |
| border: thin dotted rgb(153,153,255); | Makes a thin dotted blue border as used below. |
| width: 90%; | |
| margin: 5%; | |
| margin-left: 1.5em; | |
| text-indent: 3em; | |
| text-decoration: none; | If used with the "a" element, won't show links as underlined. |
| vertical-align: top; | |
| padding: .5em .5em; | If given two numbers, first sets top and bottom padding, and second sets horizontal padding. |
| font-size: x-small; | |
| table-layout: fixed; | Sets width of columns by first row. |
Call a style sheet from an html page with: <link href="css/style.css" rel="stylesheet" type="text/css" />
Put in an inline style with:
<style type="text/css">
<!--
body {
font-family: Monaco, Geneva, Arial, sans-serif;
OR
font-family: Monospace;
font-size: small;
margin: 5%;
}
-->
</style>