• niche website solutions 01
  • website design

    Our passion is to build you a professional website which is artistically styled, functional and above all seamlessly user friendly.

  • hosting solutions

    Our hosting solutions offer all you need to launch, maintain and grow your website.

  • seo services

    Our SEO and Internet Marketing services specialise in optimizing your website so that it performs well in search results.

Cascading Style Sheets (CSS 3.0)

Posted in Website Design

Website Design

Cascading Style Sheets (CSS 3.0)
Cascading Style Sheets (CSS) is a style sheet language used for the the look and formatting of a document used on a website. Its most common application is to style web pages written in HTML and XHTML.

CSS enables the separation of document content from document presentation, for elements such as the layout, colors, and fonts. It can also be used to allow the web page to display differently depending on the screen size or device on which it is being viewed.

CSS specifies a priority scheme to determine which style rules apply if more than one rule matches against a particular element. In this so-called cascade, priorities or weights are calculated and assigned to rules, so that the results are predictable.

Browsers have not been great at reading CSS in the past, but Internet Explorer 9, Firefox 10, Safari, Opera and Google Chrome are fairly good at the implementation of CSS 3.0.

Whats new in CSS 3.0

1. Border Radius

This box should have rounded corners for Firefox, Safari/Chrome, Opera and IE9.

2. Text shadows

Users of Webkit (from Safari 3+), Opera, Firefox, Konqueror or iCab should see a grey drop-shadow behind this paragraph.


3. Box Shadows

Firefox, Safari/Chrome, Opera and IE9 users should see a grey fading shadow under this box.

4. Opacity/Transparency

5. Custom Web Fonts

Users will see this text rendered with the Broadway font, with this part in Broadway Bold.