Different between #page, #body and #content

**albertramsbottom** · Feb 2, 2010 03:52

Hi

I am writting a little bit on CSS and as I was doing this it occured to me that I do not the differences between #page, #body and content when it concerns CSS.

When should I use what and is there an order here a Cascade?

Any advice would be great

Cheers

**Dan Grossman** · Feb 2, 2010 04:07

The pound symbol (#) followed by some word is how you apply styles to a document element having the same ID.

Example:

HTML Code:

<html>
<head>
<style type="text/css">
  #myparagraph {
    font-weight: bold;
  }
</style>
</head>
<body>
  <p id="myparagraph">This is a paragraph I want to make bold</p>
</body>
</html>

The words "page", "body" and "content" do not have any special meaning. They are just referring to something (which could be anything) you have identified by those words in your HTML.

So you need to look at your own HTML document to figure out what those selectors are referring to.

**albertramsbottom** · Feb 2, 2010 04:26

Originally Posted by Dan Grossman

The pound symbol (#) followed by some word is how you apply styles to a document element having the same ID.

Example:

HTML Code:

<html>
<head>
<style type="text/css">
  #myparagraph {
    font-weight: bold;
  }
</style>
</head>
<body>
  <p id="myparagraph">This is a paragraph I want to make bold</p>
</body>
</html>

The words "page", "body" and "content" do not have any special meaning. They are just referring to something (which could be anything) you have identified by those words in your HTML.

So you need to look at your own HTML document to figure out what those selectors are referring to.

Yes of course it it

Thanks for your help

User Tag List

Thread: Different between #page, #body and #content

Thread Tools

Display

Different between #page, #body and #content

Bookmarks

Bookmarks

Posting Permissions