Learn Some basic CSS in 5 minutes –

Sitting on your butt today because of the snow? Learn some basic web code? Take 5 minutes out to understand CSS Classes.

Go to http://jsfiddle.net/ and get a basic understanding for lined CSS (Style sheets).

Below is an example on how to manipulate a web page through styles one in line and one from a Cascading Stylesheet CSS file. See how you can change these and post your picture. (For more properties other than color)

In top left HTML :

<h1 class=”h2-red”>Hi</h1>
<h1 style=”color: green;”>Hi Green</h1>
In top Right CSS
.h2-red
{
color: red;
text-align: center;
}

Note Align can have many

left Left-aligns the heading
right Right-aligns the heading
center Center-aligns the heading
justify The heading is justified to both margins

Try playing around with the code in the .h2-red and the HTML. Post your results.
jsfiddle

Share on Facebook

Leave a Reply

Your email address will not be published.