CSS Class and ID

<html>
<head>
<title>
CSS got class.... CSS got style!
</title>
<style type = "text/css">
body
{
    background-color:#AAAAAA;
}
h1
{
    color:#C78745;
}
p
{
    color: purple;
    font-family: Impact;
}
table, td
{
    border: 5px solid black;
}

/*This is a comment to let you know that the below is a class!*/
.green
{
    color:green;
    font-family: Impact;
}

/*Ad ID is similar to a class, but it can only be used once */
#redAlign
{
    text-align: center;
    color:red;
}
</style>
</head>

<body>
<ul>
    <li>potatoes</li>
    <li class = "green">french fries</li>
    <li> chips </li>
    <li> mashed potatoes </li>
    <li id = "redAlign"> hash browns </li>
</ul>
</body>
</html>