Internal Style Sheets Continued - CSS Tutorial 7

We can place as many css defines as we want. You’ve probably seen pages full of these if you’ve every had a look at a .css file before. You open it up, your jaw hits the desk and you quickly close the page not wanting to disturb the monster.

Next time you open one, you can browse on through it and recognize what the selectors are that are being controlled and what properties and values are being assigned to them.

Let’s look at the two defines we’ve been working on to see how they look together.

<style type=”text/css”>

/* This is a comment */

p {
color: red;
font-family: serif;
font-size: medium;
text-decoration: none;
}

body {
background: #000000; /* This is another comment*/
}

</style>

You may have noticed a couple of comments in the code above. Comments can be on their own line or at the end of a line. These are your friends, sometimes your best friends when working with a long style sheet as often they will tell you what part of the web page the section or line of code affects.

So now you have the basics for the Internal Style Sheets.

There’s a lot more to it, especially when you’re using Wordpress blogs.

I discuss many elements of a Wordpress blog style sheet in my advanced course, that you can download. All it takes is sign up for my updates and you’ll be able to download your free copy.

You may even give it away, provided that you don’t change the content. It is a nice teaser to have people sign up for your newsletter, so give it away in exchange for an email address and you will build a list in no-time.
But we’re not done yet.

We still have to discuss External Style Sheets, which we will do in the next issue, but I assure you, it will be a piece of cake after all you’ve learned until now.

Tags: cascading style sheets, CSS, tutorials, Web Design, web development