Custom Classes
Skills Covered
class
span class
vertical-align
div class
For this lesson in the Introduction To Styles unit you will create custom styles, also known as classes. By the end of the lesson you will be able to define a custom class, and apply a span class and div class to elements in the body of an HTML document.
As in the previous excercise, I'd like to remind you about the basic page template we are currently using:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>The title of your web page goes here </title>
<style type="text/css">
<!--
Define all styles here
-->
</style>
</head>
<body>
All of your web page content goes here
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>The title of your web page goes here </title>
<style type="text/css">
<!--
Define all styles here
-->
</style>
</head>
<body>
All of your web page content goes here
</body>
</html>
We are still working with the wish.htm file from the previous two lessons. Open up your copy in Notepad so we can continue to modify it!