CSS Intro Code Samples

Code samples for this blog post: http://webstandards.umn.edu/2012/10/31/css-1001-markup-is-for-information-stylesheets-are-for-presentation-part-i/

HTML

<p id="introduction">This is the introductory paragraph.</p>

<p>This is a normal paragraph</p>

<p class="important">This paragraph is more equal than others.</p>

CSS

/* Default paragraph style */
p {
    color: black;
}

/* Style for paragraphs that are more important than others */
.important {
    color: red;
}

/* Style for a single introduction paragraph */

#introduction {
    color: white;
    background: #CCC;
    border: 1px solid #BBB;
    border-radius: 5px;
}