To clarify what ralph said, a rewrite. Basically you’re putting it in the wrong place. Style as a tag does NOT go in the BODY tag… (in fact it NEVER should). Likewise
Of course, is this a new page you’re working on, if so what’s with the Tranny doctype? Transitional is for old/outdated/half-assed 1997 style coding, not for building new websites.
So, what you are TRYING to do should go something like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml"
lang="en"
xml:lang="en"
><head>
<meta
http-equiv="Content-Type"
content="text/html; charset=utf-8"
/>
<meta
http-equiv="Content-Language"
content="en"
/>
<title>
PWS_CSS
</title>
<style type="text/css">
body {
/*
since P are content, you should NEVER declare them in PX,
much less an absurdly undersized 12px. I'd also NOT delcare that
on P, but on BODY so all elements inherit.
*/
font:normal 100%/140% "Palatino Linotype","Book Antiqua",Palatino,serif;
background:#000 url('BambooTabu.jpg') fixed;
/* condensed property, faster to use just one line to say it */
}
p {
color:#099; /* RGB in Hex */
}
h1,h2,h3,h4 {
/* family set on body, don't need to restate it now */
/*
don't make them all the same size unless you REALLY mean it.
IF you are going to change the size, change the line-height too
as it can't be trusted.
*/
/* there is no such attribute as font-color -- did you mean color? */
color:#0FF: /* 0 red, 15 green, 15 blue == cyan */
/*
text-shadow is not only annoyingly illegible in most cases,
it's a CSS3 property meaning it has no business on a production site!
*/
}
</style>
</head><body>
<h1>Site title</h1>
<p>Some test content</p>
</body></html>
STYLE has to go inside a STYLE tag, or be LINKed from an extrernal file. For large amounts of static CSS like above, it would probably be better to move it all to it’s own file and link it in thus:
<link
type="text/css"
rel="stylesheet"
href="screen.css"
media="screen,projection,tv"
/>
the media part tells it those devices are what should receive that CSS – that way you aren’t wasting time sending color or fancy layout to print, or can make customized print/handheld/etc…
Ralph started to explain the color codes, but you were also confused by the three digit ones?
#00F == #0000FF == 100% blue
#804 == #880044 == Purplish-blue.
hexadecimal – each row is 0…15, with A-F representing 10 through 15. Red, green, blue – standard color mixing. If you’re not familiar with RGB… aka additive light:
red + blue == magenta
red + green == yellow
blue + green == cyan
Also, read the comments I put into that CSS – a lot of ‘issues’ there.
