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

Categories: Uncategorized

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: