Click here to tell your browser to print these cards.
These are designed to be printed in landscape mode on 5x8 index cards.
To save paper, we recommend using your computer's print preview until you get your printer settings correct.
Style |
Cascading Style Sheets (CSS) |
Style Sheet |
Inline Style Sheet |
Embedded Style Sheet |
External Style Sheets |
Style Statement |
Declaration |
An A Selector |
Classes |
HTML |
Embedded Style |
Selector |
Style |
Size |
Selector A - indicates a link element Selector P - indicates text in paragraph |
<Style> </style> |
style="property:value" Example: <p style="color:red"> |
<style type="text/css"> jr{color:red;} </style> |
<head> <link rel="stylesheet"type="text/css" href="mystyle.css"/> </head> |
background-color:yellow; sets the background color background-image:url('paper.gif'); sets the background image |
color:red; Changes the text color. Values: name, hexadecimal (#ff000), rgb(255,0.0). text algin: center; Aligns the text horizontally. text-decoration:underline; Underlines text text-decoration:50px; indents text from the left text-transform:uppercase;Controls capitaliztion. Values : none, capitalize, uppercase, lowercase |
font-family:arial: Sets the typeface for text. font-size:100%; Set the font size font-style: normal; Sets the font style for paragraphs. Values: normal, italic, oblique |
a:link{color:#FF0000;} Sets color for an unvisited link a:visited {color:#FF0000;} Sets color for a visited link a:hover {color:#FF0000;} a:active{color:#ff0000:} Sets color for the selected link |
list-style-image:url("image.gif:); Sets list items marker to an image list-style-type: Sets the item marker type |