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

---

Your Web Site Is A Wonderland: What Picassos Art Taught Me About Persuasive Design

Whenever singer John Mayer sings his romantic song, "Your Body... Read More

An Ideal Home Business Home Page

From my personal experience of around two year as home... Read More

Keep Your Navigation Highly Visible

Effective navigation stands out. It's clear, obvious, and highly visible.You'll... Read More

Why Hire a Professional to Design Your Web Site?

Creating an appealing, functional, and effective Web site is much... Read More

Content is Crucial!

Content is undoubtedly the most important element of a website.... Read More

The Secrets of The Shriekers

I am constantly bombarded with all sorts of advertisements, single-page... Read More

Seven Habits of Highly Effective Webmasters

A highly effective website will always reflect its highly effective... Read More

Web Publishing Guide for the Beginning Entrepreneur (Part 1)

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

Content - the Key to Long Term Success

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

Does Your Website Induce Seizures?

QUESTION: We promote our web site in all our... Read More

How To Improve The Professional Look And Feel Of Your Website

Projecting a professional image is paramount to your website's success.... Read More

Increasing Conversions Through Action-Oriented Copywriting

I do site reviews. Needless to say, I see a... Read More

Dont Overdo it!

Have you ever been to site with so much ad... Read More

How to Convince Your Visitors to Return Often

One visit does not make a sale. Be sure to... Read More

Creating Your First Website? Your Options

Creating your own website is great fun! But how is... Read More

Web Copy - What You Should Know First

Just what is web copy? Some people think that web... Read More

A Landing Page is Not an Order Page (and why it matters)

To explain my point I need to first confuse the... Read More

Website Polls For You And Your Visitors

Setting up a survey on your site is extremely simple... Read More

Website Design Considerations

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

Is A Picture Really Worth a Thousand Words?

The great debate: how much copy you should have on... Read More

10 seconds is all it takes? (How to grab the attention of your audience with your web site)

FACT: 30 to 60% of visitors tend to drop off... Read More

Increase Your Website Sales Instantly

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

How a Custom Designed Website Can Help Your Business

Over the years, the internet has grown into a marvelous... Read More

HTML - A Website Language Explained - For Over 35s

This is a very perfunctory look at the website code... Read More

Finger Eating Garage Door Reveals Breakthrough Web Design and Linking Strategy

Last Thursday afternoon I was working on a garage door... Read More

How to Create A Homepage That Works

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

Making Good Websites that Stand Out

Websites, there's literally billions of them out there in cyber-space.... Read More

Building Web Sites Using Web Templates

Gone are the days when you had to rely on... Read More

Online Businesses Still Ignoring Dial-up Market

In this article you will find the parallel between two... Read More

Web Usability: The Basics

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

Simple Lines and Shapes for Your Logo Design

Geometric designs come in all shapes and sizes? and lines.... Read More

Quality Web Copy is the Key to Success

Many websites make the mistake of being all flash and... Read More

Web Design - 7 Key Things to Avoid

A search for "web design" on Google returns more than... Read More