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
elite cleaning services Mundelein ..If you were like me and you have just started... Read More
Conventional Wisdom states you should use Sub-Directories to organize your... Read More
The trend today to overuse animation in a website's opening... Read More
Wether you design your business brochures, flyers, web page, or... Read More
A long, long time ago? In a galaxy far, far... Read More
Web design is a very competitive area and there is... Read More
An attractive and user-friendly Web site is crucial to attracting... Read More
We will take a look at why your visitors may... Read More
Remember the famous line from the movie Field of Dreams,... Read More
If your website is falling through the cracks, the chances... Read More
As search engine marketers, we spend an enormous amount of... Read More
We've all seen them. Poorly designed web sites that make... Read More
**How Colors are Used in web design:**Demarcates screen elements into... Read More
It's been said again and again, when it comes to... Read More
Setting up a survey on your site is extremely simple... Read More
The HTML editor is usually a webpage design software that... Read More
Just because you are a small business with an even... Read More
If there's one thing that I've learnt so far, it's... Read More
Have you ever walked pass a shop that, for some... Read More
As a webmaster, you want to keep your visitors content... Read More
Well it is not Elvis, that's for sure.I am a... Read More
If someone doesn't know you personally, will they trust you... Read More
Contrary to the beliefs of some, advertising for web and... Read More
So your web site's online and you've got high rankings... Read More
Sooner or later every small or medium business owner realizes... Read More
Airbnb cleaning service Mundelein ..1. Who needs an artists website?Not everyone! If you are... Read More
"How to turn "slightly interested" customers into "I've got to... Read More
If you're not getting a lot of traffic to your... Read More
For those not familiar with CSS Hacks, they are ways... Read More
A "template" is simply a design format which you can... Read More
Daily article:One of the most debated subject among webmasters is... Read More
Building a website can be overwhelming, here are some design... Read More
Avoid these mistakes and your site will be steps ahead... Read More
I want you to imagine a lemon. In your mind's... Read More
CSS is a new option for website designers that have... Read More
A search for "web design" on Google returns more than... Read More
I taught myself HTML back in the mid-nineties and was... Read More
A highly effective website will always reflect its highly effective... Read More
I want to give you a free web page template... Read More
Designing a website is hard job, and requires you to... Read More
Physical therapists have unique web presence needs. An effective site... Read More
First off, I am a designer. Now you're thinking, here's... Read More
Websites, there's literally billions of them out there in cyber-space.... Read More
As web designer my self, I have had the unfortunate... Read More
1. Use .gifs rather than .jpgs. GIFs are smaller in... Read More
You're all ready to get started creating your web presence... Read More
Well, a logo for your business. Why is it important?... Read More
It starts off simply; a few HTML pages, a few... Read More
There are several very good reasons why you should consider... Read More
You have identified that to have an internet prescence would... Read More
Web Design |