Understand Style Sheets

By: KeyFrame5 | posted in HTML/CSS, Tutorials, Web Design | No Comments »
Date: July 4th, 2009

CSS stand for Cascading Style Sheets. A CSS style is a collection of formatting attribute that is use to style an element on a page. A style sheet is a collection of these styles that can either apply on a single page on a site, or multiple pages on a site or the entire site.

Understanding some of the basic rules of CSS can make you write more efficient styles and help you manage more efficiently with your website.

If you already know the style in word or Indesign you already know about how style work. If you want the header to look a certain way and have a certain color, you will only need to change the style of that header and it will change that header style in the entire site. No need to change each header one by one. Modifying that one style of the header will change all the headings of the site.

You can easily modify the look and feel of an entire site with one file. By having your CSS in one file and linking all your pages to this single CSS file. You an easily modify the look and feel of your entire site with one file.

There are 3 ways to place the styles. You can either place the style on a external file and linking all your pages to that single file. Or you can go ahead and embed those styles on the page itself. Lastly, you can place an inline style on the element..inline style are not recommended but sometime it is use.

As a general rule, inline style with overwrite embed style, and embed style which will overwrite external style.

I would recommend all of your pages linking to a single external style and you can easily open that one file to change the look and feel of the entire website.

Find more info on “Understand Style Sheets” click on the text links below.

Related posts:

1. The Cascading Style Sheets Structure and Rules The Cascading Style Sheets are made up of 2 parts, the selector and the declaration. The selector comes first and it describes the element on...
2. What is the difference between id and class ID tags are very similar to class tag, that’s is why many people are confuse. I always wonder this myself…here is what I know… ID...
3. Best and affordable Flash XML content management system (CMS) You know I been waiting for a very long time to finally find a content management system for my flash websites and it doesn’t cost...
4. SEO Guide for Web Designers by a Web Designer Part 1/3 According to a recent poll, 12 000 web designers were asked “Do you think web designers required SEO?” 84% voted YES, 7% voted NO, and...
5. How to optimize your site for Bing This year the most review and talk about software has to go with Bing. Now it has becoming the next adversary to the search engine...
6. www.Fly.com review for discount airfares tickets I had used many different web sites before for finding the best deal on airline tickets. Some of these web sites include cheapoair.com, expedia.ca...
7. Web Designers and Developers most common mistakes Intro and Splash Pages The worst thing you could do is to have a Flash splash page and inside the flash object there is the...
8. Full XML Website V3 – Flash template review If you are looking for a great flash template with ability to update through a xml file, then this Full XML Website V3 does a...
9. Two different design and layout for wordpress posts Lets say you have your wordpress setup and ready to go. But we all know that the current default wordpress can only have one single...
10. How to protect your WordPress website from hackers & spammers Just two months ago (December 2009) this website www.keyframe5.com got hack by a spammer! I never thought I would end up as a victim, I...