Cascading Style Sheets for Better Web Design
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 <link href="style.css" rel="stylesheet" type="text/css"> 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
Webmasters/Publishers
You are invited to use any of my articles as free content for your site or publications, providing you do not alter them without consulting me first, and you include the following resource box at the bottom of the article.
- Article by Case Stevens, of http://www.anownsite.com/.
Sign up for his Affordable Online Strategies Newsletter
Featuring understandable, successful low cost Internet
marketing techniques, ideas and strategies, articles,
news, tips & tricks and interesting (free) downloads.
If you stumbled upon this page by accident, and you like what you're reading here,
then consider signing up for my newsletter called
Affordable Online Strategies.
If you sign up now you'll end your guesswork and confusion!
Finally your immense concern of building online income
has become ridiculously simple ... just click the link above.
|
Our TOP Recommandations; click the links for more info
| ||
My 10 MOST Effective FREE Traffic Generating Techniques Willie Crawford shares his secrets with you to generate a FLOOD of traffic! Amazing List Machine Paul Myers, list builder expert, learns you how to explode your list NicheTreasures "High Demand, Low Competition Niche Gems Just Waiting For YOU To Make You Money!" Your Simple Business Site start your own online business, in just a week or two, with almost no expense to get started. |
Where to advertise - the ultimate online advertising resource The Master Blueprint To Internet Marketing Success - Eavesdrop As Three Top Online Earners Discuss Plans For Earning Millions Cut Throat Tactics - Allen Says' "Secret Tactics" for creating wealth - Super! Niches Exposed 1 - NEW! - 50 'Secret' Niches Markets Exposed! |
Your Big Break! Three dollar report showing how to break into the Inner Circle of Top Dogs. Click to Download! SiteBuildIt - for anyone who can't, doesn't want to, or hasn't time to build a website RatingsHub - Never Buy ANYTHING Without Reading This Create Hot Products Fast! - How to create your own products in a flash Traffic Generating Strategies Revealed! - How to Get A Continuous Stream Of Targeted, Responsive Traffic to Your Site ... Quickly, Easily, And Cheaply! |