NameCheap Domain Registration and Web Hosting

Wordpress hosting, unlimited bandwidth, all at a super low price that will surprise you!

Lesson 1:
Making External Style Sheet

You're about to get a crash course in CSS by learning how to do a mouseover like this:

move mouse pointer over link

That's what's called a mouseover, but you already know that, and now you're going to know how to make one,

Making An External Style Sheet

First thing we are going to do is make a CSS file, better known as an external style sheet. Oh relax it's going to be easy. The external style sheet contains nothing but CSS code. From this one file it's possible to make changes to all your webpages at once.

To make the external style sheet open any text editor such as Notepad. and save the blank file by choosing Save As, give your file a name, any name you like, for example mystyle and add the .css extension to it like so:


You've just made what's called an "external style sheet", aka CSS file. Save the file in the same folder you keep your webpages.

Next open up a webpage and put the following code between the opening and closing head tags:

<link rel="stylesheet" href="mystyle.css" type="text/css">

Every webpage containing that bit of code will display things according to what's in the external style sheet named "mystyle.css". Replace mystyle.css with the name you gave your CSS file and you're all set to write your first piece of CSS code. So let's make our Mouseover.

Unlimited Bandwidth
Low Price


You can register a website address (called a domain in tech talk) even before you have a website. In fact the longer you wait the more difficult it will be to get one that isn't already taken. More Info

ComboInk Free Shipping for Order over $50