Teach Yourself CSS The Easy Way

I taught myself HTML back in the mid-nineties and was proud of the fact that I was able to accomplish the design of fairly complex web pages with nothing more than a starter HTML book, an HTML reference book, and the knowledge I had stored in my head. But back in those days, we web designers had what looking back was a fairly limited amount of tools with which to work, and the quality (or lack thereof) of sites on the web was lackluster at best.

Fast-forward to today: The hand-coder has more powerful and intuitive software packages available that will still allow us "to get our hands dirty", which brings us to the purpose of this article. With the standardization of the much anticipated Cascading Style Sheets (CSS) in the late-nineties, the web design community has become familiar with a much more powerful and precise method of web page layout.

"But how is an old-time web coder supposed to learn CSS the easy way?!" Well, I say you should learn it the way I, and countless others, have:

1. Download the Firefox browser

2. Install the Web Developer extension

3. Open one of your "old" HTML files

4. View the source, click the "Cleanup the page" button

5. Check the "replace FONT.....tags by CSS" box, then Refresh

Now you have a very neat and tidy piece of code, with all the CSS dirty work done for you! At this point you can copy & paste the resulting code and use it in your project and start figuring out what it's doing. I was amazed at how easily I was able to pick it up and start making changes on my own. When I wanted more information on a certain style it was a just a Google search away to many excellent CSS resources on the web. I find it much easier to learn CSS if I get to apply the modifications to the existing code that I've been working on, and I think you will too.

I hope you find this article helpful and if you follow these steps you should be able to add CSS to your web site design toolbox in no time!

Written by Erich Bihlman, of Bihlman Consulting - PC and Internet Tutoring and Website Design in Prescott, Arizona. http://www.bihlman.com For additional helpful articles visit http://www.bihlman.com/iqzone

[You may reprint this article provided it is not changed in any way, and my author information stays intact including the links.]

---

Creating a Compelling Headline for Your Private Practice Website

Your home page is the most important page of your... Read More

Build It And Build It Cheap!

There are several very good reasons why you should consider... Read More

Free Website Design Tips

In this article I will give a few tips of... Read More

Digitalize It! : (Modification of images with tools such as Adobe CS and Corel)

Then it was a choice among crayons, paints and palettes... Read More

A Website Checklist

If you've just finished building your new website (or revamping... Read More

Custom Web Site Design Strategies

Web site design has certainly, in the past decade, evolved... Read More

Can Your Visitors Contact You From Your Website

Argh, where's the contact button?! Believe it or not, some... Read More

Website Design - Choosing Your Colors Wisely

Colors convey emotions and emotions heavily influence the decision-making process.... Read More

Web Design Advice And Information

Most of us at times need advice on different aspects... Read More

Website Advertising: 10 Dynamic Tactics To Super-Charge Your Sales

Here are 10 dynamic website advertising tactics to super-charge your... Read More

Content - the Key to Long Term Success

Every day internet marketers are inundated with the latest fad... Read More

Choosing the Right Web Designer

Creating your web site can be a tricky process. Choosing... Read More

10 Nifty Ways to Prolong Your Visitors at Your Website

Increasing the length of time a visitor is on your... Read More

Web Coach Tip: The Single Most Important and CRUCIAL Element of Your Web Site

Here's the single most important part of your website: YOUR... Read More

Flash - To Use Or Not To Use?

Out there in the WWW there are thousands sites using... Read More

TEN Answers That Turn Your Visitors Into Your Customers

You know... Before purchasing your product a person comes to... Read More

Give People What They Want And Watch Your Profits Soar!

Do you know why the majority of people use the... Read More

Dos and Donts in Web Design - part 2 (content)

Do know your audienceIt's important to know your audience. If... Read More

Increase Your Website Sales Instantly

If there's one thing that I've learnt so far, it's... Read More

Your Website Visitors - Will They Stay?

I'm sure you've all heard the saying 'Build it and... Read More

Simplify Your Web Site for Clarity and Ease of Use

There are plenty of web sites out there in which... Read More

Choosing A Web Designer : A Plan to Guide You Through The Minefield

Choosing a web designer can seem like a daunting task.... Read More

Building Your Website to Save You Money

Does your website make you any money? Does it SAVE... Read More

Web Publishing Guide for the Beginning Entrepreneur (Part 1)

The best things don't come easy. - QuotedThe finished web... Read More

Flash Design Adds Website Versatility

You have probably viewed many Flash-based components while surfing the... Read More

Web Page Building for Beginners 2

A search engine robot actually reads the wording on your... Read More

Every Website is a Human Being?s Attempt at Achieving a Goal or Obtaining Happiness

Have you ever thought about the real stories behind all... Read More

6 Tips To Improve Your Business Website

There are six important characteristics that can play a major... Read More

Building a One-page Website

You've designed your logo, and you're ready to print your... Read More

Affordable Web Design In Birmingham

If you have a business, big or small you may... Read More

When You Create A Web Site, Dont Make A Splash!

Don't make a splash!Are you thinking about using a splash... Read More

Free Website Templates - Top 10 Things You Need to Know

When building your website you might not have a large... Read More

How To Create A Homepage That Works

Want to know what the worst thing to say on... Read More