CSS stuff

link to style sheet in HTML:

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

CSS

Selector and Declaration

Declaration: Property and Value

CSS selectors are html tags, classes, or ids

units:

percentage, pixels, em

@charset "UTF-8";

/* CSS Document */

PROPERTIES

font-family: 

font-style: 

font-weight:

font-size:

line-height:

letter-spacing:

text-decoration:

text-align: center;

text-indent:

color:

background:

background-image: url("seashell.jpg");

background-repeat: repeat-x;

border: .25em solid red;

border-radius:

-webkit-border-radius:

margin: 0 0 1em 0; (top, right, bottom, left)

padding: 0 0 1em 0; (top, right, bottom, left)

display: 

float:

clear:

page-break-after:

page-break-before:

list-style-type: 

list-style-position: 

list-style-image: url(bullet.gif);

add 5 classes 

.caption {

display:inline-block;

text-align:center;

         }

.page-break {

page-break-before: always;

}

try one css3 property

gradient

box shadow

box-shadow: -10px 10px 10px #999;

-webkit-box-shadow: -10px 10px 10px #999;

@font-face

{

font-family: "My Awesome Font";

src: url("orbitron-medium.otf");

}

Font must be located in the same directory as CSS file.

Fonts files must be either OpenType (.otf) or TrueType (.ttf) format. 

You have to add a font file for every variation of a typeface: bold italic etc

Test in Browser

Test in different browser widths

http://whatsmy.browsersize.com/

http://wiki.mobileread.com/wiki/EReader_Screens