WebMonkey Beta 2.0: The Web Developer's Resource

tutorials
reference
code library
blog
create a page
- all
- tutorials
- reference
- code
- blog

Help|
Rss feeds
- Rss feeds
- Subscribe to:
- Tutorials
- Reference
- Code library
- All articles
- Monkey Bites Blog

Member Sign In

Not a member?

A Wired.com user account lets you create, edit and comment on Webmonkey articles. You will also be able to contribute to the Wired How-To Wiki and comment on news stories at Wired.com.

It's fast and free.

Join Now

Webmonkey is a property of Wired Digital.

processing...

Join Webmonkey

E-mail address:

Username:

Password:

Confirm password:

Please send me occasional e-mail updates about new features and special offers from Wired/Webmonkey.

Yes No

Please send occasional e-mail offers from Wired/Webmonkey affiliated web sites and publications, and carefully selected companies.

Yes No

I understand and agree that registration on or use of this site constitutes agreement to Webmonkey's User Agreement and Privacy Policy.

Join Now

Webmonkey is a property of Wired Digital.

processing...

Retrieve Sign In

Please enter your e-mail address or username below. Your username and password will be sent to the e-mail address you provided us.

Webmonkey is a property of Wired Digital.

processing...

Welcome to Webmonkey

A private profile page has been created for you.

As a member of Webmonkey, you can now:

edit articles
add to the code library
design and write a tutorial
comment on any Webmonkey article

Webmonkey is a property of Wired Digital.

Sign In Information Sent

An e-mail has been sent to the e-mail address registered in this account.

If you cannot find it in your in-box, please check your bulk or junk folders.

Webmonkey is a property of Wired Digital.

Embedded Stylesheet

/skill level/

/viewed/

0 Times

Introduction

This is a simple example of an embedded stylesheet. This code goes into the <head> of your HTML document.

Code and Explanation

<style type="text/css">
   body {
        text-align:center; 
	height:100%;
	font-size:62.5%; 
	font-family: Helvetica, arial, sans-serif;
	color: #000;
        background: #eceae1 url(/images/bg_body.png) repeat-x 0 0;
	margin: 0;
	padding: 0; 
        }
 
  a { 
       color:#007CA5; 
       text-decoration:none; 
       outline: none;
      }
   a:visited { color:#666; } 
   a:active  { color:#999; } 

   img       { border: 0px; }

   h1, .h1 { font-size: 2.4em;}
   h2, .h2 { font-size: 2em;} /* article headline 20pt */
   h3, .h3 { font-size: 1.8em;} /*  should be 18pt */

</style>