Docs

Custom CSS

[edit] Please Note

These docs are now deprecated, we have a new Support area located here

Revision as of 22:24, 1 December 2011 by MrFent (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Contents

What is CSS?

  1. CSS stands for Cascading Style Sheets
  2. Styles define how to display HTML elements
  3. Styles were added to HTML 4.0 to solve a problem
  4. External Style Sheets can save a lot of work
  5. External Style Sheets are stored in CSS files
  6. Go to http://www.w3schools.com/css/ to find out more

CSS Solved a Big Problem

HTML was never intended to contain tags for formatting a document.

HTML was intended to define the content of a document, like:

This is a heading with a Red color style

This is a paragraph.

When tags like , and color attributes were added to the HTML 3.2 specification, it started a nightmare for web developers. Development of large web sites, where fonts and color information were added to every single page, became a long and expensive process.

To solve this problem, the World Wide Web Consortium (W3C) created CSS.

In HTML 4.0, all formatting could be removed from the HTML document, and stored in a separate CSS file.

All browsers support CSS today.

The CSS Hierarchy

When a webpage loads there is an order (hierarchy) by which the CSS of a page is loaded.

  1. The site's "style.css" will load first
  2. The "dynamic.css" will load second
  3. The modifications in the "Custom CSS Section" will load next
  4. If the Customize Plugin CSS is activated, it will load last

It is important to keep this hierarchy in mind because the CSS that loads last will take priority over any CSS loaded before it.

Retrieved from "http://www.pagelines.com/wiki/index.php?title=Custom_CSS&oldid=3378"