Classes in HTML and CSS

by danielkwood

HTML

<html>
    <head>
        <title>Classes</title>
        <link rel="stylesheet" href="theme.css" type="text/css"/>
    </head>
    <body>
        <h1 class="headings">My heading</h1>
        <p class="blue">My paragraph</p>
        <h1 class="headings">My second heading</h1>
        <p class="large blue">My second paragraph</p>
        <p class="large">My third paragraph</p>
    </body>
</html>

CSS

.headings{
    font-family: Arial;
    color: green;
}
.blue{
    color: blue;
}
.large{
    font-size: 20pt;
}