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 case stevens, 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
one time home cleaning Morton Grove ..Creating your own website is actually easy in today's world... Read More
You have created your custom error page so now all... Read More
"Oh, my eyes, my eyes! What an eye sore. Quick,... Read More
There is unlimited possibilities when it comes to designing a... Read More
For those not familiar with CSS Hacks, they are ways... Read More
1. Who needs an artists website?Not everyone! If you are... Read More
If you have a web site to which people pay... Read More
Do you want to use unsafe web colors without offending... Read More
Imagine you're going on a blind date. You've heard wonderful... Read More
The trend today to overuse animation in a website's opening... Read More
If you were like me and you have just started... Read More
ActiveX uses an interesting method for enforcing security ... it... Read More
Web design is a very competitive area and there is... Read More
You have an idea for a website and you are... Read More
It is common sense.The more time people spend at your... Read More
Geared Up with a website and lots of energy to... Read More
The .htaccess file is a control file located in your... Read More
You know that I'm always extolling the virtues of an... Read More
In this article you will find the parallel between two... Read More
Part one of this article is available at ... Read More
If you have a website, you want your visitors to... Read More
Internet Explorer, created by microsoft has been the most popular... Read More
Web advertising has taken many forms, including those that appear... Read More
Content is undoubtedly the most important element of a website.... Read More
You may not believe it, but people still judge things... Read More
eco-friendly cleaning service Glencoe ..I taught myself HTML back in the mid-nineties and was... Read More
If there's one thing that most web site developers can... Read More
In the early years of the internet the actual design... Read More
My mother used to take me along when she visited... Read More
1. Don't load your web site with a lot of... Read More
The great debate: how much copy you should have on... Read More
Clutter: Too much noise, too much text, and too little... Read More
If your are a new web designer, you may face... Read More
One visit does not make a sale. Be sure to... Read More
With so many new websites going up, it is hard... Read More
There are several very good reasons why you should consider... Read More
There are six important characteristics that can play a major... Read More
I always have people asking me if I know of... Read More
In this article you will find the parallel between two... Read More
When considering whether or not to incorporate Flash into your... Read More
Before you take a road trip it is usually a... Read More
Many web site designers don't design their sites for the... Read More
Daily article:One of the most debated subject among webmasters is... Read More
In this article I will give a few tips of... Read More
Whether you are planning on having a website built for... Read More
So, what's in a website design anyway? And, how do... Read More
The Internet has seen an explosion in so called 'lance'... Read More
The Psychology of ColorAre you using the best colors for... Read More
Ever browse across a website that took ten million years... Read More
What do the key words represent?Key words - these are... Read More
Web Design |