The Internet Classroom: CSS Basics

CSS Basics
2007/06/20 11:43:49 PDT by kass
<html>

<head>
<title>CSS Basics</title>

<style type="text/css">

h1, p, h3 { color: red; }

h2 { 
	color: purple; 
	background-color: silver;
}

li {
	font-family: "Arial";
	font-size: 20px;

	list-style-type: square;
}

li li {
	list-style-type: disc;
}

</style>
</head>

<body>

<h1>Heading One!</h1>
<h2>Heading two!</h2>
<h3>Heading three!</h3>
<p>Nice.  :x  </p>
<p>Nice.  :x  </p>

<hr />

<p>Nice.  :x  </p>

<ul>
  <li>Open HTML tag</li>
  <li>Open head section</li>
  <li>Open title</li>
  <li>Name the document</li>
  <li>Close title</li>
  <li>Close head</li>
  <li>Open body
    <ul>
      <li>Put your cool content here</li>
    </ul>
  </li>
  <li>Close body</li>
  <li>Close HTML</li>
</ul>

<hr />

<dl>
<dt>HTML</dt> 
  <dd>Root element of an HTML document</dd>
  <dd>First opening tag</dd>
<dt>body tag</dt> 
  <dd>Contains all the content of your HTML document</dd>
</dl>

</body>
</html>