Skip navigation

The acronym CSS stands for Cascading Style Sheets. It’s a file which contains a sets of rules for an HTML page to follow in terms of fonts, colours and layout.

The Cascading part refers to the way in which CSS applies to a page. A priority scheme determines which style rules apply if more than one rule matches against a particular element.

The reason CSS has become the principal way of styling web pages is that it separates the content (in the HTML files) from the style (in the CSS files) of a website.

css

This is a huge advantage for a number of reasons:

You can apply site wide style changes very quickly and easily.

You can port your content to different devices (say an iPhone) by using a different style sheets rather than having to create another site and duplicating content.

You can have all your content in a database which can store vast amounts of information and then just style it with a CSS.

It makes a web page smaller and encourages speedy  loading.

When you add content to a site you needn’t worry about having to style it from scratch.

CSS gives you more control over the page layout than relying apon HTML, it also makes the page more accessible to disabled users.

If you’re viewing this site in Firefox click on the View > Page style > No Style menu then you’ll see what the web page looks like without it’s CSS style sheet. As you can see it has no styling what so ever.

The website CSS Zen Garden shows just how powerful style sheets can be. Each different design takes exactly the same content but uses different CSS file.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: