STYLE SHEETS
Also known as Cascading Style Sheets (CSS) or just Styles are a new way
of controlling the design of web pages.
Instead of writing separate commands for each line or each page, a
section of a page, or a full page is dedicated to a set of (common) commands
which are then applied to the rest of the page, or all the pages in a web
site.
Advantages of Style Sheets:
- Save time (a single change in one page will affect all pages)
- Produce less errors (because there is less to type)
- Control document appearance (not possible with standard HTML).
Examples of document appearance include line-spacing,
word-spacing, letter-spacing, ...
Note: More than one Style Sheet can affect a web page, hence the name
Cascading Style Sheets.
Style Sheet Structure/Format
TAG {property:value; property:value; ... property:value}
TAG is called the Selector.
{property:value; property:value; ... property:value} is called the
Declaration or Defenition.
Example command: H1{color:blue}
This command will print the colour of text within all Heading1 Tags in
blue. In other words, only one command is used to affect all Heading1 Tags.
Style Sheet Implementation
Style Sheets can be applied in one of three ways:
- Locally or Inline (A Style Sheet applied to a single line or a
single paragraph)
- Internally (A Style Sheet applied to a single web page)
- Externally (A Style Sheet applied to many web pages. This is
achieved by linking the web pages to a single Style Sheet)
Local Style Sheets override Internal Style Sheets and Internal Style Sheets
in turn override External Style Sheets.
Page 2
Page 3
Page 4
Page 5
Home
Assumptions
Introduction
Tools
Resources
Contact