Paul: New page: == Cascade == Styles passing from higher to lower hierarchy levels. === Cascade Rules === Cascade Rules p57: # Find all declarations that apply to each element and property # Sort by or...

2008-05-20T00:03:17Z

New page: == Cascade == Styles passing from higher to lower hierarchy levels. === Cascade Rules === Cascade Rules p57: # Find all declarations that apply to each element and property # Sort by or...

New page

== Cascade ==

Styles passing from higher to lower hierarchy levels.

=== Cascade Rules ===

Cascade Rules p57:
# Find all declarations that apply to each element and property
# Sort by order and weight
# Sort by specificity
# Sort by order

==== Weight of declaration ====

Define a rule as important using the exclamation point. Marking a tag as important will override the cascade.

<pre>p {color:red !important; font-size:12pt;}</pre>

== Rule Declarations ==

Declarations are made up of a property and value.

Example:
<pre>p {color:red;}</pre>

color = property and red = value

Values fall into three main types:
# Words
# Numerical values
# Color values

=== Numerical values ===

Use to decribe the "distance" or height, width, depth, length, etc. for many values. p61

Two main groups of numerical values:
# Absolute
# Relative

Absolute value describes a real distance.
Relative value compared to another.

Absolute value chart:

{| border="1" cellspacing="0" cellpadding="5" align="center"
! Absolute Value
! Unit Abbreviation
|-
| Inches
| in
|-
| Centimeters
| cm
|-
| Millimeters
| mm
|-
| Points
| pt
|-
| Picas
| pc
|-
| Pixels
| px
|}

Relative value chart:

{| border="1" cellspacing="0" cellpadding="5" align="center"
! Relative Value
! Unit Abbreviation
! Note
|-
| Em
| em
| Width of character in a font.
|-
| Ex
| ex
| Equivalent to the x-height of the given font.
|-
| Percentage
| %
|
|}

=== Color Values ===

Hexadecimal format

<pre>#RRGGBB</pre>

Percentages format

<pre>R%, G%, B% </pre>

<center>[[Cascade Style Sheets|Back to Cascade Style Sheets]]</center>

Cascade and Rule Declarations - Revision history

Paul: New page: == Cascade == Styles passing from higher to lower hierarchy levels. === Cascade Rules === Cascade Rules p57: # Find all declarations that apply to each element and property # Sort by or...