Introduction To CSS
Lesson 1
CSS introYou're about to get a crash course in CSS by learning how to do a mouseover like this: Cool don't you think? That's a mouseover, but you already know that, and now you're going to know how to make one, so hang on to your hat because here we go.
Making A CSS File
First thing on the agenda is to make a CSS file, oh relax it's going to be easy.
Open up Notepad (Simple Text for Macs) and save the blank file by choosing Save As,
give your file a name, any name you like, for example
mypage 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. Now open up a web page and put the following code between the opening and closing head tags:
That bit of code is telling the browser to display things on the web page according to what's in the css file. Every web page that has this code will be affected by the CSS. Replace "mypage.css" with the name of the CSS file you made.
You're all set to write your first piece of CSS code. Let's get started
HTML Tutorial | Web Templates | Resources | Freeware
© 2011 CSS Made Easy