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 ..There are lots of websites out there that do little... Read More
Unless you are an inventor, most likely you are selling... Read More
Public domain gives you a head start creating ebooks, ecourses,... Read More
This article gives free tips on how to find a... Read More
Drop Capitals are frequently used in many newspapers, books and... Read More
Usability isn't only for Web design. It's also applicable in... Read More
Reading on the web is different than reading in all... Read More
Did you know that many folks make "buying decisions" when... Read More
Are you building a direct sales or mlm business online?... Read More
We would all like to have the best looking website,... Read More
(Making Your Graphics Work For You)It's no secret that a... Read More
Do you remember playing with the jack-in-the-box toy as a... Read More
Unarguably, the most important part of your website is content.... Read More
Web Design is a very subjective process. Your idea of... Read More
When it comes to marketing your website, you should really... Read More
What's happening to good web site design? Somehow we creative... Read More
You have identified that to have an internet prescence would... Read More
Persons engaged in website design, here's a scoop for you!... Read More
So you're on the computer, as usual. Your eyes are... Read More
No matter what product or service you're promoting, unless you... Read More
Then it was a choice among crayons, paints and palettes... Read More
From my personal experience of around two year as home... Read More
Every action has a beginning phase where you launch your... Read More
So you need a website. You are not sure if... Read More
One product, one long web page: this kind of web... Read More
family-safe home cleaners Northbrook ..First you need original content. Content is the heart beat... Read More
Do you know why the majority of people use the... Read More
When JV Media Design was formed, the year was 1995... Read More
With the advent of the Internet a whole new vista... Read More
Usability isn't only for Web design. It's also applicable in... Read More
Are you using the best colors for your web site?... Read More
The question that I most frequently hear from people is... Read More
Have you ever been to site with so much ad... Read More
If you are anything like me, your website is a... Read More
Tips to brand your websiteInclude your logo in all pages.... Read More
Ecommerce is just exploding right now on the Net. More... Read More
1. Repackage your web site content in to different products... Read More
Why your site should be developed with CSS and semantic... Read More
An application is not ready for use unless you have... Read More
The effective design is this one, which is maximum simplified,... Read More
Geared Up with a website and lots of energy to... Read More
Increasing the length of time a visitor is on your... Read More
When your web site sells more than a dozen items,... Read More
Want to see an excellently constructed website? As a writer... Read More
Does website design make a difference in how long people... Read More
With so many new websites going up, it is hard... Read More
This may comes as a surprise to you but, if... Read More
It seems that almost every Tom Dick and Harry do... Read More
You can create a website that attracts customers, not repels... Read More
**How Colors are Used in web design:**Demarcates screen elements into... Read More
Web Design |