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 ..A web site builder can be a real life saver... Read More
To explain my point I need to first confuse the... Read More
If you'd like to create/maintain a website, having some HTML... Read More
As an online Entrepreneur you require a successful website.One that... Read More
Colors are powerful, and create strong feelings. They can also... Read More
Well it is not Elvis, that's for sure.I am a... Read More
Your website design may be affecting your sales in ways... Read More
Every action has a beginning phase where you launch your... Read More
Website Design Usability Tips1. Getting to know about audience membersYou... Read More
Most people will agree there is nothing more annoying than... Read More
A question we frequently get asked is, "how do we... Read More
I've seen articles (and websites) that suggest you can buy... Read More
Being a writer, when I was asked to do some... Read More
You've thought about it and you're ready to go. You're... Read More
Let's face it. Buying products and services from the Internet... Read More
Creating an appealing, functional, and effective Web site is much... Read More
An application is not ready for use unless you have... Read More
Nope. You certainly don't need a website.But you don't need... Read More
When considering whether or not to incorporate Flash into your... Read More
(Making Your Graphics Work For You)It's no secret that a... Read More
Have you seen Jesse James on the... Read More
Getting traffic to your website is not the only factor... Read More
If there's one thing that most web site developers can... Read More
Due to the large number of people offering web design... Read More
Clutter: Too much noise, too much text, and too little... Read More
reliable home cleaners Buffalo Grove ..Want to know what the worst thing to say on... Read More
When you start building your online business and search for... Read More
**How Colors are Used in web design:**Demarcates screen elements into... Read More
Designing a website is hard job, and requires you to... Read More
A long, long time ago? In a galaxy far, far... Read More
If you have a web site to which people pay... Read More
When a prospect lands on your website will he or... Read More
Are you thinking that it is about time your small... Read More
Almost everything is available on the web? products, services, e-books,... Read More
One visit does not make a sale. Be sure to... Read More
Cascading Style Sheets (CSS) allows you to create fast loading... Read More
I am constantly bombarded with all sorts of advertisements, single-page... Read More
Favorite icon appears to the left of your link in... Read More
It's a fact, Page Not Found, known as a 404... Read More
As an online Entrepreneur you require a successful website.One that... Read More
Designing your website can be a difficult task especially if... Read More
An "include" file is a piece of code that can... Read More
Typos, misspellings, hideous grammar, exclamation overkill and run-on sentences all... Read More
Being a writer, when I was asked to do some... Read More
If there's one thing that I've learnt so far, it's... Read More
You have probably viewed many Flash-based components while surfing the... Read More
Does your website make a good first impression? Is the... Read More
Many times I've seen a web site undergo a revision... Read More
When creating an e-cover the what's the first thought that... Read More
What dollar amount does your web site contribute to this... Read More
Web Design |