External Style Sheets – CSS Tutorial 8

While what we were working on above referred a lot to the style.css, we need to cover one more thing before we move on to some fun stuff.

The code for external style sheets and internal style sheets is the same. The only difference being that the internal style sheets are place in the <head> section of your document.

To use external style sheets, we will do this.

Look in the head of your document and cut everything between your css opening and closing tags, then delete the tags.

<style type=”text/css”>
Copy everything in here

Paste what you cut from there into a text document and save as style.css and upload to the directory you web pages will reside. Your style.css must be plain text with no other html tags, just the css code itself.

Then in the head of your document, place the following line of code which tells the browser that the information needed to render this page is located in the file style.css

<link href=”style.css” rel=”stylesheet” type=”text/css”>

That’s it. If you will be using this style sheet on pages within different directory levels, you can specify a complete url instead of just the style.css.

Make sure that the link href code above to your style sheet is in the head of every page you build or it won’t know where to find it and won’t display correctly.

Also, for testing purposes, well any purposes actually but especially for testing purposes, instead of backing up your style.css file as we mentioned earlier, you can create a new file and name it something, anything like myteststyle.css and then just change in the code above to use that style sheet. If you don’t like it, just switch it back.

If you feel so compelled, you can visit W3 Schools for even more information which hopefully after reading through this will make understanding and growing an easier process for you.

Now, It’s time to have some fun!
After all, what’s the point of learning any of this if we don’t use it. As internet marketers there are several things you could be doing immediately to make your sales pages come alive with pop and sizzle and we’ll get into some of that now.

But first, let me repeat, that I have all these lessons in a great CSS Tutorial pdf file that you can download and even give away (without any changes), preferably in exchange for an email address and thus build a list of highly targeted prospects.

This tutorial also discusses elements from WordPress blog style sheets, which can be very profitable for you once you know how these are working.

All it takes it a subscription to my updates and the download is yours, for free.

In the next issue, we’ll have a little bit of fun using CSS.

Share this post using these icons:

Related Posts


Comments are closed.