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 ..One of the most frequent questions I get asked about... Read More
Have you seen Jesse James on the... Read More
This article gives free tips on how to find a... Read More
If there's one thing that I've learnt so far, it's... Read More
Tips to brand your websiteInclude your logo in all pages.... Read More
You may not believe it, but people still judge things... Read More
The internet continues to grow and has become the default... Read More
For those not familiar with CSS Hacks, they are ways... Read More
As a webmaster, you want to keep your visitors content... Read More
Have you heard of 'Babel Fish'?It's a service provided by... Read More
In today's age of fast food and high-speed Internet, a... Read More
I want you to imagine a lemon. In your mind's... Read More
Read the title of this article over a couple of... Read More
The internet is filled with sites and they are good... Read More
Back to basics. Forget funky design, good copywriting is the... Read More
In learning webpage design, I encountered many problems that took... Read More
You've made your website, added a great title and keywords... Read More
Owning your own website is a must if you are... Read More
Does your website make a good first impression? Is the... Read More
For most people graphic design does not come easy. Unfortunately... Read More
Where does a person start when setting up a website?... Read More
Don't mess with those links! When you're designing your site,... Read More
So your web site's online and you've got high rankings... Read More
We would all like to have the best looking website,... Read More
Nope. You certainly don't need a website.But you don't need... Read More
cleaning lady near Lincolnshire ..Getting traffic to your website is not the only factor... Read More
Let's face it; the line from A Field of Dreams... Read More
If there's one thing that most web site developers can... Read More
Making a poorly designed website is one of the easiest... Read More
Part one of this article is available at ... Read More
Reading on the web is different than reading in all... Read More
Regardless whether you manage a small business, charitable organization, or... Read More
Wether you design your business brochures, flyers, web page, or... Read More
It's a fact, Page Not Found, known as a 404... Read More
You've come up with a great product. You've got the... Read More
Many websites make the mistake of being all flash and... Read More
The ability to create simple, attractive and functional web pages... Read More
When I surf the Net, I often see web sites... Read More
No matter what product or service you're promoting, unless you... Read More
You have only 10 seconds to impress your potential buyer.... Read More
Why your site should be developed with CSS and semantic... Read More
There are plenty of web sites out there in which... Read More
Here are a few programs I can't do without. They're... Read More
Don't just put your slogan in the title tag when... Read More
One of the most popular methods of traffic generation is... Read More
A well designed web site is great to have, but... Read More
You've designed your logo, and you're ready to print your... Read More
We would all like to have the best looking website,... Read More
Developing a software application is not easy at all; apart... Read More
Website Design Usability Tips1. Getting to know about audience membersYou... Read More
Web Design |