Mr. Morton's ICT

CSS II

CSS Lesson 2

Now try this:

<html>
<head>
<style type=”text/css”>

#Munby1 {text-align:center; color:red;}

</style>
</head>

<body>
<p id=”Munby1″>Hello World!</p>
<p>This paragraph is not affected by the style.</p>
</body>
</html>

Here are some tags to try today. Don’t cut and paste them ALL. They need to be in the head, not the body.

h1 {color:#00ff00;text-align:center;background-color:#6495ed;}
h1 {text-decoration:overline;}h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}

p {background-color:#e0ffff;}
p {text-transform:uppercase;}
p {text-transform:lowercase;}
p {text-transform:capitalize;}
p {font:15px arial,sans-serif}

p {font-size:14px;}

h1 {font-size:40px;}
h2 {font-size:30px;}

body {background-color:#b0c4de;}

To learn how to create style sheets click here.
http://www.w3schools.com/css/css_background.asp

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 )

Connecting to %s

Follow

Get every new post delivered to your Inbox.