CSS Forum

**lunchbox170** · 11-22-2006, 02:34 PM

Ok, I am confused, what is a element. like #element, when should you use a element instead of a class?

**Mooofasa** · 02:55 PM

Each id (e.g. #wrapper) should only be used to define ONE instance of th element in the HTML. Classes (e.g. .wrapper) may be used any number of times to define several instances of tags. You specify the ID or CLASS in the CSS for the file and then use id="wrapper" or class="wrapper" (depending on whether it is # (id) or . (class)) in your opening element tag (e.g. <p class="right"></p>).

Elements are the tags (<p>, <h1>, etc).

IDs and CLASSes are a little more complex than just how to use them. When you get to selector level and dominance (advanced CSS) then it gets more interesting and useful.

**frofi** · 11-24-2006, 06:04 PM

These are the basics that should explain it for you:
CSS (your style sheet. Name it mystylesheet.css)

Code:

#element {
position: absolute;
margin: 0px;
background-color: #666;
padding-top: 20px;
width: 100%;
height: 100px;
left: 0px;
top: 200px;
}

.class {
color: #FFF;
text-align: center;
text-decoration: underline;
font-family: "Times New Roman", Times, serif;
font-size: 24px;
}

HTML (this is how you can use it)

Code:

<html>
<head>
<title></title>
<link rel="stylesheet" href="mystylesheet.css" type="text/css"  />
</head>
<body>
<div id="element" class="class">It works like this</div>
</body>
</html>

**kIDJOE** · 11-29-2006, 10:35 PM

Classes can be called as many times to style any element in your document, #Elements are only to one object in your document. use # for laying down a document, and use clases to style