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 ..How many times have you clicked on a website only... Read More
Your business website tells a lot about your company. A... Read More
The internet continues to grow and has become the default... Read More
The best things don't come easy. - QuotedThe finished web... Read More
Web site design has certainly, in the past decade, evolved... Read More
The ability to create simple, attractive and functional web pages... Read More
Traffic to a site can be a blessing or a... Read More
Most of us know that we need to advertise our... Read More
One of the single most important aspects of effective navigation... Read More
Usability isn't only for Web design. It's also applicable in... Read More
The effective design is this one, which is maximum simplified,... Read More
We've all read the countless publications about effective web site... Read More
When I surf the Net, I often see web sites... Read More
With an increasing number of employment portals emerging, it is... Read More
Have you put a lot of effort, time, and money... Read More
Writing for your web site is not the same as... Read More
You know... Before purchasing your product a person comes to... Read More
1. Repackage your web site content in to different products... Read More
Everybody talks about the importance of testing your sales copy... Read More
Every now and then, I receive a link exchange request... Read More
The time it takes to load your site can make... Read More
The .htaccess file is a control file located in your... Read More
A search engine robot actually reads the wording on your... Read More
Let me repeat that.."The technology may change, but human nature... Read More
Chris, a new consulting client, asked me to help him... Read More
family-safe home cleaners Northbrook ..While few companies can boast as we do that our... Read More
Back to basics. Forget funky design, good copywriting is the... Read More
This article gives free tips on how to find a... Read More
Don't just put your slogan in the title tag when... Read More
The Basics You have a flourishing business ? everything is... Read More
You have identified that to have an internet prescence would... Read More
Home-based businesses need a strong web presence to combat the... Read More
What is a Website Template?Many smart and savvy businesses are... Read More
Favorite icon appears to the left of your link in... Read More
Geared Up with a website and lots of energy to... Read More
Creating your own website is great fun! But how is... Read More
When you develop a sales brochure, you have a mental... Read More
As a graphic designer, you are sitting on a gold... Read More
The ability to create simple, attractive and functional web pages... Read More
To create professional websites is not an easy task by... Read More
Argh, where's the contact button?! Believe it or not, some... Read More
A picture is worth a thousand words.And it still is... Read More
Your web site is like your car. Both are significant... Read More
In my last article entitled, Maximizing The True Value Of... Read More
Color is one of the most important but least understood... Read More
Congratulations! You've got a brand new site and it's doing... Read More
Making a successful online business can be a long and... Read More
Learning how to convert visitors to your web site into... Read More
The great debate: how much copy you should have on... Read More
If there's one thing that most web site developers can... Read More
Web Design |