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
recurring cleaning service Wilmette ..Building a website can be overwhelming, here are some design... Read More
Content is king. Without content your website is an empty... Read More
Let me repeat that.."The technology may change, but human nature... Read More
Have you heard of 'Babel Fish'?It's a service provided by... Read More
Color is one of the most important but least understood... Read More
Here are a few programs I can't do without. They're... Read More
Getting a customer is not easy.Getting a visitor to decide... Read More
You've thought about it and you're ready to go. You're... Read More
Selling on the internet is a challenge. There is no... Read More
I'm sure you've all heard the saying 'Build it and... Read More
Creating your web site can be a tricky process. Choosing... Read More
Website design is a very competitive area and there is... Read More
The internet is filled with sites and they are good... Read More
Let's look at what your user wants to see at... Read More
Before you start worrying about marketing your website on the... Read More
If you are reading this, I assume you either have... Read More
Do use a consistent look and feel Your site should... Read More
Not too long ago while looking for businesses that do... Read More
So how do you know when your graphic designer costs... Read More
Chris, a new consulting client, asked me to help him... Read More
STEP 1:Do your homeworkPlan and think about your content. Think... Read More
Geared Up with a website and lots of energy to... Read More
Most NGOs (Non-Governmental Organizations) don't understand these important aspects of... Read More
The internet continues to grow and has become the default... Read More
Many web site designers don't design their sites for the... Read More
reliable maid service Morton Grove ..Never put form over function. Why? Because it's crucial that... Read More
It is a well-known fact that a successful business depends... Read More
In this article you will find the parallel between two... Read More
One of the simplest things you can do to give... Read More
Just about every list of the "Top 10 Web Design... Read More
If you need a web designer, but have no clue... Read More
We can't emphasize enough the importance of including keyword-rich content... Read More
"It's good.""You've done a nice job.""I don't like it."At some... Read More
Many businesses want a simple website where they tell people... Read More
Getting a customer is not easy.Getting a visitor to decide... Read More
Whether a business has just got off the ground or... Read More
You've got a concept for a business, are excited about... Read More
10 Basic Things Your Website Should Have ...__ all short... Read More
Probably you know someone who has created a web site... Read More
You've thought about it and you're ready to go. You're... Read More
Choosing the right typeface for your website copy is important,... Read More
You've come up with a great product. You've got the... Read More
The following list of websites is the best compilation of... Read More
Making a poorly designed website is one of the easiest... Read More
As my occupation is that of a proofreader, one of... Read More
~A man [woman] is a success if he [she] gets... Read More
Choosing a web designer can seem like a daunting task.... Read More
It's been said again and again, when it comes to... Read More
As a webmaster you already know how important it is... Read More
Getting traffic to your website is not the only factor... Read More
Web Design |