Using Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS) is the formatting language that controls the ‘look and feel’ of web documents. The word, ‘Cascading’ refers to the way that CSS applies one style on top of another. It allows users to apply a style to multiple elements, documents or even to other styles. You can also apply multiple styles or a set of styles to a single document.

Basically, CSS allows users to separate style from content, allowing designers greater control over the display and output. Although it’s not technically a layout language, it gives a lot more control over the look and feel, including the layout, use of fonts and colours of a website.

CSS are a collection of formatting rules typically stored in a separate CSS document, that apply to “HTML, XHTML or PHP” files of a web site. However, styles can also be stored within the ‘head’ of a web document, or applied as an inline attribute of page elements. Depending on where styles are located, styles can over-write other styles when conflicts occur. So ‘Cascading’ refers to the order in which styles are applied and/ or over-written.

CSS also allows for modular design and can therefore, control how a document looks on-screen, in print and on hand-held devices. With increasing use of mobile devices, CSS is a powerful tool that allows for customization for different output devices.

Overall, CSS is a smart, efficient and accessible way of designing and developing websites.

Here are just a few of many great resources for learning CSS:

For inspiration, visit:

Advertisements
  1. No trackbacks yet.

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 )

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s

%d bloggers like this: