Cascading Style Sheets for Better Web Design

In cascading style sheets you can specify how your web pages will be presented on the screen by simply predefining page elements such as fonts, headers and links.

You can add these predefined elements in the head-section of your pages, but more interesting is to use them in a single .css file and include that file in every page on your site.

All you have to do is include in your HTML header. (the path in the href must point to the place where your .css file is stored)

There are two main benefits to using css sheets in a separate file:

1. more flexibility; only one (1) file to update

2. less HTML coding and easy replacement of deprecated HTML. I'll explain more of this below.

First, let me tell you I am NOT a cascading style sheet professional. I just use it.

If you want to become one, there are great css resources and tutorials out there.

Just go to

http://www.w3.org/Style/CSS/learning http://www.htmlhelp.com/reference/css/

to mention a few, but there are many more. Type 'cascading style sheets' in your favorite search engine and you get plenty of information.

But just being a layperson in css emphasizes the importance of this web design tool. I started using cascading style sheets in its most elementary form. All you have to do is name the page element that you are going to specify and add its specifications in curly brackets. Here's my first css file:

body { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; text-decoration: none; color: #000000 }

By simply saving this code in a style sheet file and including it in my webpages I suddenly didn't have to define FONT statements in the body of my pages any more. Wow, that saved me a lot of coding! Big advantage (no. 2).

AND .....

I had fewer errors in my HTML, because I didn't have to close that awkward FONT tag (at the wrong place). Big advantage (no. 2).

When I discovered this, I immediately began adding definitions for other tags like H1, H2, linktext (not visited, visited and hover) and special colors in text.

If I want to change the look of my H1-header, all I have to do is change the specs in my style sheet and presto .... the H1 is changed across my whole site. How's that for flexibility? Big advantage (no. 1).

When I once redesigned my site I used HTML validators to see how I was doing. To my surprise I found that some HTML commands, the most important one being FONT, were deprecated in HTML 4.0. That means eventually these commands will not be used anymore.

So I had to do something. Again, style sheets came to the rescue. All I had to do was define how my fonts would look like in my style sheet and I had the problem solved. Big advantage (no. 2).

Now I use css to define headers, footers, special text colors, special fonts and font sizes, special links etcetera. If I ever discover I need some extra lay-out or style, I just add one line to my .css file. It's so easy!

Try it. Start using style sheets. You're more flexible and it will save you lots of time.

Wish you success.
Case Stevens

Case Stevens, owner of AnOwnSite Internet Marketing, is experimenting with different marketing techniques, websites, traffic and lead generation. He publishes his experiences in a newsletter featuring understandable, successful low cost Internet marketing techniques, ideas and strategies, articles, news, tips & tricks and interesting (free) downloads.

Subscribe at Affordable Online Strategies

---

Website Design Considerations

Q: Should I build and maintain my business Web site... Read More

The Importance of Choosing Your Website Keywords Carefully

The importance of choosing your website keywords carefully is very... Read More

The Most Important Question To Ask About Your Web Site!

When you design a website how do you start ?Do... Read More

Cool Web Design And Promotion Tips

This article gives free tips on how to find a... Read More

Graphic Terms- The Basics Part I

You're almost set. The content of your website, e-book, or... Read More

Elements of Graphic Design for Your Website

We've all seen them. Poorly designed web sites that make... Read More

How to Get Your Visitors to Create Content for Your Website

An ongoing challenge for webmasters today is to provide fresh... Read More

The Golden Rule Of Website Building

Copyright 2005 Robert EvansSetting yourself up to earn a steady... Read More

Is Your Website Color As Inviting as Your Home? Does Color Really Matter?

We've all read the countless publications about effective web site... Read More

Great E-Cover Creation in 5 Steps

There are several graphic software packages available to help you... Read More

Long Copy Sales Letters on the Web: Hype or Not?

I have written before about long sales copy on the... Read More

How To Choose A Website Designer

Now that you have decided that it is time to... Read More

Flash Doesnt Always Add Shine to Web Efforts

The trend today to overuse animation in a website's opening... Read More

Nine Effective Tips For Improving Your Website?s Usability

Web usability is perhaps the most important factor in any... Read More

10 Ways Web Site Text Can Impact Your Readers Buying Decision

10 Ways Web Site Text Can Impact Your Reader's Buying... Read More

5 Ways To Automate Your Site

Automating your online business is one of the most important... Read More

Web Usability: The Basics

What is web usability & why is it important?Web usability... Read More

3 Simple Ways To Dramatically Improve Your Website

Before you start worrying about marketing your website on the... Read More

How To Choose The Right Web Design Company

1. Size does not equate to competencePeople sometimes assume a... Read More

Why Not To Use Web Design Templates For Your Website

In today's age of fast food and high-speed Internet, a... Read More

Re-Use The Links You Have When Revising Your Site!

Many times I've seen a web site undergo a revision... Read More

Dos and Donts in Web Design - part 1 (design)

Do use a consistent look and feel Your site should... Read More

Your Website Visitors - Will They Stay?

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

How Your Business Can Win Online

There are lots of websites out there that do little... Read More

Want to Increase Your Online Sales? Make Sure That Your Web Site Has a Unique Selling Proposition

If you own a web site or if you are... 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

Using CCS to Eliminate Tables

CSS or Cascading Style Sheets has opened up tremendous possibilities... Read More

Cheap Website Design In Birmingham

Due to the large number of people offering website design... Read More

Effective Website Design

In this era of ultra-sophisticated internet marketing and web design,... Read More

Your Website Hurts My Eyes: 7 Reasons to Tone Down Your Advertising

So you're on the computer, as usual. Your eyes are... Read More

Becoming A Website Designer

The ability to create simple, attractive and functional web pages... Read More

Reach Out To Billions

Have you heard of 'Babel Fish'?It's a service provided by... Read More

Having A User Friendly Website

Let's look at what your user wants to see at... Read More