Implementation: CSSCascading Style Sheets

Cascading Style Sheets (CSS) can be used to style web pages. While HTML tells the browser what to display on a page, CSS tells the browser how to display it. CSS rules can be added to already existing HTML files or can be stored in separate .CSS files and linked to a webpage.

CSS rules

A CSS rule set consists of:

• a selector
• a declaration block

The selector points to the HTML element you want to style. In the case above the style will be applied to a heading.

The declaration block contains one or more declarations. These are separated by semicolons. Each declaration includes a property name and a value, separated by a colon, and the entire group of declarations is surrounded by curly brackets. Sometimes the declarations are shown on separate lines, so the same rule could appear as:

h1 {

color: blue;

font-size: 12px;

}

In either form, the heading would show on screen as blue text with a font size of 12.