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
cleaning team near Winnetka ..If you have a website, you want your visitors to... Read More
What is a Website Template?Many smart and savvy businesses are... Read More
Back to basics. Forget funky design, good copywriting is the... Read More
They may look cutting edge, but if you want a... Read More
Graphics are fun, but if you put in too many... Read More
1. DO NOT use excessive graphics or banner images on... Read More
There are plenty of Drupal Modules that you can install... Read More
An application is not ready for use unless you have... Read More
Every day internet marketers are inundated with the latest fad... Read More
If you are trying to sell a product or service... Read More
Easy That's how you'd like life to be, right? Especially... Read More
Just what is web copy? Some people think that web... Read More
One of the most frequent questions I get asked about... Read More
CSS or Cascading Style Sheets has opened up tremendous possibilities... Read More
The top ten fonts for website design might change in... Read More
Designing your website can be a difficult task especially if... Read More
Here's the single most important part of your website: YOUR... Read More
Content is undoubtedly the most important element of a website.... Read More
If you are going to be placing ads on your... Read More
Novice and professional designers alike ? you may probably be... Read More
Contrary to the beliefs of some, advertising for web and... Read More
Most NGOs (Non-Governmental Organizations) don't understand these important aspects of... Read More
With so many different configurations internet users have their computers... Read More
From my personal experience of around two year as home... Read More
If you're running a website or online business, your number... Read More
family-safe home cleaners Northbrook ..Are you building your website? If so, STOP! Take a... Read More
Any design on a web application involves the effective input... Read More
Do you want to use unsafe web colors without offending... Read More
Creating your web site can be a tricky process. Choosing... Read More
Making a successful online business can be a long and... Read More
Any kid, and their grandmother too, can make a webpage.... Read More
To explain my point I need to first confuse the... Read More
So how do you know when your graphic designer costs... Read More
Writing for your web site is not the same as... Read More
Getting traffic to your website is not the only factor... Read More
If you are trying to sell a product or service... Read More
Ever browse across a website that took ten million years... Read More
I'm sure you've all heard the saying 'Build it and... Read More
An "include" file is a piece of code that can... Read More
Are you thinking that it is about time your small... Read More
Your website design may be affecting your sales in ways... Read More
In this article, I will attempt to cover the basics... Read More
A successful website is something that everyone venturing into the... Read More
As a web designer, I have a personal interest in... Read More
Many businesses want a simple website where they tell people... Read More
Whether a business has just got off the ground or... Read More
In retailing there is a saying that sales are made... Read More
Conventional Wisdom states you should use Sub-Directories to organize your... Read More
Squeeze pages are a very hot topic in the internet... Read More
I hate to imagine that in your web development project... Read More
Web Design |