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
tidy up service Northbrook ..Everyday we hear that another company goes out of business.When... Read More
QUESTION: My business is very small, just me and... Read More
Choosing a web designer can seem like a daunting task.... Read More
It is common sense.The more time people spend at your... Read More
Ecommerce is just exploding right now on the Net. More... Read More
An "include" file is a piece of code that can... Read More
One of the simplest things you can do to give... Read More
If you have a business, big or small you may... Read More
Wether you design your business brochures, flyers, web page, or... Read More
As the Internet blooms at an alarming rate, so as... Read More
Creating an appealing, functional, and effective Web site is much... Read More
The icons in an application are the soul of the... Read More
In this article I will give a few tips of... Read More
When I surf the Net, I often see web sites... Read More
All websites have a homepage. It is the most important... Read More
If you are reading this, I assume you either have... Read More
I'm not a professional web site designer and openly admit... Read More
There are several very good reasons why you should consider... Read More
Ever browse across a website that took ten million years... Read More
When you design a website how do you start ?Do... Read More
On the internet we don't deal with face to face... Read More
Designing your website can be a difficult task especially if... Read More
CNN.com's designers have gone out of their way to make... Read More
Most web designers and web design companies will try to... Read More
As a graphic designer, you are sitting on a gold... Read More
reliable home cleaners Buffalo Grove ..A client asked me, at what point do you change... Read More
Regardless whether you manage a small business, charitable organization, or... Read More
While few companies can boast as we do that our... Read More
Are you in a dilemma whether to create a mini... Read More
In cascading style sheets you can specify how your web... Read More
Hire a designer or a programmer for your website is... Read More
Using CGI scripts to add automation to your web site... Read More
When I purchase something from a web site I first... Read More
What the heck is going on lately? Most internet websites... Read More
If you are reading this, I assume you either have... Read More
If you need a web designer, but have no clue... Read More
Learning how to convert visitors to your web site into... Read More
Designing your website means you have to be creative, plan... Read More
Unarguably, the most important part of your website is content.... Read More
Remember the famous line from the movie Field of Dreams,... Read More
I've written about META tags in the past, and I... Read More
When your company built its website, did you think about... Read More
1. Don't load your web site with a lot of... Read More
Web design is a very competitive area and there is... Read More
The top ten fonts for website design might change in... Read More
There are literally thousands of different options, styles and formats... Read More
The "Wow" factor that accompanied the introduction of streaming media... Read More
How often, men, have you come home to find the... Read More
We've all seen and read product testimonials. They're a very... Read More
(1) Create a Direct Response Website, with the minimum number... Read More
Web Design |