/*=====
   Our first external CSS stylesheet!

   by: Sharon Tuttle
   last modified: 2016-02-12
=====*/

legend
{
    text-align: center;
    color: red;
    font-family: "serif";
}

/*
    you can group selectors -- to have one rule
    for more than selector; just separate
    the selctors with a comma
*/

h1, h2, h3, h4, h5, h6
{
    color: green;
}

/*
    there are at least 5 ways to express colors...

    predefined color names (see p. 55)
    red-green-blue color codes ( rgb(255, 165, 00) )
    hex color codes ( #ffa500 )
    ...and two more, see book;
*/

/*
    you can also have elements with a class
    attribute, and style JUST those elements
    with a class selector

    <p class="right">
*/

p.right
{
    text-align: right;
}

/* you can even put JUST the class selector! */

.center
{
    text-align: center;
}

/*   
     there are also CSS attribute selectors!

     element[attribute="value"]
     {
*/

input[type="text"]
{
    background-color: #FFFFDC;
}