Xpert
11-26-2010, 04:17 PM
Css Forum for students discusion here's an example about the id's which will help all students to understand that how id's are working. For that first we have to define the id inside the header and then we can call it inside the body. See the code of CSS
http://rlv.zcache.com/css_is_awesome_mug-p16871643507198192821yff_400.jpg
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#para1
{
text-align:center;
color:red;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<p id="para1">Hello World!</p>
<p>This paragraph is not using Style!</p>
</body>
</html>
It shows that the id name and declaration inside the header is Para1 and then we call id inside the paragraph tag which is id = " para1".
Other paragraph is not effected by style
http://rlv.zcache.com/css_is_awesome_mug-p16871643507198192821yff_400.jpg
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#para1
{
text-align:center;
color:red;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<p id="para1">Hello World!</p>
<p>This paragraph is not using Style!</p>
</body>
</html>
It shows that the id name and declaration inside the header is Para1 and then we call id inside the paragraph tag which is id = " para1".
Other paragraph is not effected by style