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
professional maid services Park Ridge ..Website Design Usability Tips1. Getting to know about audience membersYou... Read More
"How to turn "slightly interested" customers into "I've got to... Read More
A "404 Error" happens when the web server you are... Read More
Know what you wantMake sure you know why you... Read More
Want to see an excellently constructed website? As a writer... Read More
An "include" file is a piece of code that can... Read More
Let's face it. Buying products and services from the Internet... Read More
In this article, I will attempt to cover the basics... Read More
What the heck is going on lately? Most internet websites... Read More
Some wise human once said "Learn from the mistakes of... Read More
Physical therapists have unique web presence needs. An effective site... Read More
What dollar amount does your web site contribute to this... Read More
Not all links are created equal.While all of your links... Read More
First you need original content. Content is the heart beat... Read More
The ability to create simple, attractive and functional web pages... Read More
If you have a web site to which people pay... Read More
To build a website, there are four methods to choose... Read More
One of the simplest things you can do to give... Read More
When a prospect lands on your website will he or... Read More
This is a two-part article about creating a web site... Read More
What pages need to be included on your website? The... Read More
We've all surfed the web and seen some awful web... Read More
As my occupation is that of a proofreader, one of... Read More
Well, you've got your product, started your home business, and... Read More
There are six important characteristics that can play a major... Read More
cleaning lady near Lincolnshire ..Gone are the days when you had to rely on... Read More
Do you want to use unsafe web colors without offending... Read More
First impressions are extremely important if you hope to do... Read More
Many times I've seen a web site undergo a revision... Read More
The trend today to overuse animation in a website's opening... Read More
The internet is full of web design companies pleading for... Read More
The time it takes to load your site can make... Read More
Every now and then, I receive a link exchange request... Read More
Are you building a direct sales or mlm business online?... Read More
You've got a concept for a business, are excited about... Read More
Are you thinking that it is about time your small... Read More
Studies done by Jakob Nielson the man touted as the,... Read More
When building your website you might not have a large... Read More
The effective design is this one, which is maximum simplified,... Read More
Ever browse across a website that took ten million years... Read More
As my occupation is that of a proofreader, one of... Read More
The Internet is a relatively new medium. What works for... Read More
You've made your website, added a great title and keywords... Read More
Remember the day that you got your new computer (or... Read More
I can't figure out people who have products or information... Read More
The problem with designing your site as a graphic, is... Read More
Most NGOs (Non-Governmental Organizations) don't understand these important aspects of... Read More
Did you know that many folks make "buying decisions" when... Read More
Your web site should be-visitor friendly to navigatesearch engine friendly... Read More
If you own a web site or if you are... Read More
Web Design |