IDs in HTML and CSS

by danielkwood

HTML

<html>
    <head>
        <title>IDs</title>
        <link rel="stylesheet" href="theme.css" type="text/css"/>
    </head>
    <body>
        <p id="bluetext">This paragraph will be blue</p>
        <p id="greentext">This paragraph will be green</p>
        <p id="redtext">This paragraph will be red</p>
    </body>
</html>

CSS

#bluetext{
    color: blue;
    font-family: Arial;
    font-size: 14pt;
}
#greentext{
    color: green;
    font-family: Times;
    font-size: 12pt;
}
#redtext{
    color: red;
    font-family: Verdana;
    font-size: 16pt;
}