*** empty log message ***

Author: howcom

css3-cascade/Overview.html

@@ -22,13 +22,14 @@
 
    <h1>CSS3 module: Cascading and inheritance</h1>
 
-   <h2 class="no-num no-toc" id=longstatus>Editor's Draft 8 January 2009</h2>
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 19 January
+    2009</h2>
 
    <dl>
     <dt>This version:
 
     <dd><a
-     href="http://www.w3.org/TR/2009/ED-css3-cascade-20090108">http://www.w3.org/TR/2009/ED-css3-cascade-20090108</a>
+     href="http://www.w3.org/TR/2009/ED-css3-cascade-20090119">http://www.w3.org/TR/2009/ED-css3-cascade-20090119</a>
 
 
     <dt>Latest version:
@@ -71,10 +72,9 @@ <h2 class="no-num no-toc" id=longstatus>Editor's Draft 8 January 2009</h2>
   <h2 class="no-num no-toc" id=abstract>Abstract</h2>
 
   <p>This CSS3 module describes how to find the specified value for all
-   properties on elements, margin boxes, and the page context. Values either
-   come from style sheets or the property's initial value. By way of
-   cascading and inheritance, values are propagated to all properties on all
-   elements and boxes.
+   properties on all elements. Values either come from style sheets or the
+   property's initial value. By way of cascading and inheritance, values are
+   propagated to all properties on all elements.
 
   <p>This module interfaces with several other modules. It relies on <a
    href="#CSS3SYN" rel=biblioentry>[CSS3SYN]<!--{{!CSS3SYN}}--></a> to parse
@@ -86,7 +86,8 @@ <h2 class="no-num no-toc" id=abstract>Abstract</h2>
    combinations. The processing of specified values is described in <a
    href="#CSS3VAL" rel=biblioentry>[CSS3VAL]<!--{{!CSS3VAL}}--></a>.
 
-  <h2 class="no-num no-toc" id=status>Status of this document</h2>
+  <h2 class="no-num no-toc" id=status-of-this-document>Status of this
+   document</h2>
 
   <p>This is a draft of a <a href="http://www.w3.org/TR/css3-roadmap/">module
    of CSS level 3</a>. It will probably be bundled with some other modules
@@ -119,31 +120,31 @@ <h2 class="no-num no-toc" id=status>Status of this document</h2>
    including Working Drafts and Notes can be found at <a
    href="http://www.w3.org/TR/">http://www.w3.org/TR</a>.
 
-  <h2 class="no-num no-toc" id=table>Table of contents</h2>
+  <h2 class="no-num no-toc" id=table-of-contents>Table of contents</h2>
   <!--begin-toc-->
 
   <ul class=toc>
-   <li><a href="#introduction"><span class=secno>1. </span>Introduction</a>
+   <li><a href="#introduction"><span class=secno>1 </span>Introduction</a>
 
-   <li><a href="#input"><span class=secno>2. </span>Input to and output from
-    this module</a>
+   <li><a href="#input-to-and-output-from-this-module"><span class=secno>2
+    </span>Input to and output from this module</a>
 
-   <li><a href="#at-import"><span class=secno>3. </span>Importing style
+   <li><a href="#at-import"><span class=secno>3 </span>Importing style
     sheets</a>
 
-   <li><a href="#at-media-rule"><span class=secno>4. </span>Named
+   <li><a href="#at-media-rule"><span class=secno>4 </span>Named
     <code>@media</code> rules</a>
 
-   <li><a href="#cascading"><span class=secno>5. </span>Cascading</a>
+   <li><a href="#cascading"><span class=secno>5 </span>Cascading</a>
 
-   <li><a href="#inheritance"><span class=secno>6. </span>Inheritance</a>
+   <li><a href="#inheritance"><span class=secno>6 </span>Inheritance</a>
 
-   <li><a href="#initial"><span class=secno>7. </span>Initial value</a>
+   <li><a href="#initial-value"><span class=secno>7 </span>Initial value</a>
 
-   <li><a href="#computing-weight"><span class=secno>8. </span>Computing
+   <li><a href="#computing-weight"><span class=secno>8 </span>Computing
     weight</a>
 
-   <li><a href="#conformance"><span class=secno>9. </span>Conformance</a>
+   <li><a href="#conformance"><span class=secno>9 </span>Conformance</a>
 
    <li class=no-num><a href="#acknowledgments">Acknowledgments</a>
 
@@ -163,7 +164,7 @@ <h2 class="no-num no-toc" id=table>Table of contents</h2>
 
   <hr>
 
-  <h2 id=introduction><span class=secno>1. </span>Introduction</h2>
+  <h2 id=introduction><span class=secno>1 </span>Introduction</h2>
 
   <p>One of the fundamental design principles of CSS is <em>cascading</em>,
    which allows several style sheets to influence the presentation of a
@@ -173,14 +174,15 @@ <h2 id=introduction><span class=secno>1. </span>Introduction</h2>
   <p>The opposite problem arises when no declarations try to set a the value
    for an element/property combination. In this case, a value must be found
    by way of <em><a href="#inherited">inheritance</a></em> or by looking at
-   the <em><a href="#initial0">initial value</a></em>.
+   the property's <em><a href="#initial-value0">initial value</a></em>.
 
-  <p>The rules for finding a the specified value for all properties on
-   elements, margin boxes, and the page context is described in this
-   specification.
+  <p>The rules for finding a the specified value for all properties on all
+   elements is described in this specification. The rules for finding the
+   specified values in the page context and the margin boxes are described in
+   <a href="#CSS3PAGE" rel=biblioentry>[CSS3PAGE]<!--{{CSS3PAGE}}--></a>.
 
-  <h2 id=input><span class=secno>2. </span>Input to and output from this
-   module</h2>
+  <h2 id=input-to-and-output-from-this-module><span class=secno>2
+   </span>Input to and output from this module</h2>
 
   <p>The input to the computations described in this module is:
 
@@ -193,7 +195,7 @@ <h2 id=input><span class=secno>2. </span>Input to and output from this
   </ul>
 
   <p>The output of the computations described in this module is a specified
-   value for all properties on elements, margin boxes, and the page context.
+   value for all properties on all elements.
 
   <p>In order to find the specified values, implementations must first
    identify which statements that apply to the document. This is done by:
@@ -217,14 +219,12 @@ <h2 id=input><span class=secno>2. </span>Input to and output from this
    <li>Expanding all remaining @import rules.
   </ol>
 
-  <p>Then, for every element, margin box, and page context, the value for
-   each property can be found by following this pseudo-algorithm:
+  <p>Then, for every element, the value for each property can be found by
+   following this pseudo-algorithm:
 
   <ol>
    <li>Identify all declarations that apply to the element (as described in
-    <a href="#SELECT" rel=biblioentry>[SELECT]<!--{{!SELECT}}--></a>), margin
-    box or page context (as described in <a href="#CSS3PAGE"
-    rel=biblioentry>[CSS3PAGE]<!--{{CSS3PAGE}}--></a>).
+    <a href="#SELECT" rel=biblioentry>[SELECT]<!--{{!SELECT}}--></a>)
 
    <li>If the cascading process (described below) yields a winning
     declaration and the value of the winning declaration is not &lsquo;<code
@@ -250,7 +250,7 @@ <h2 id=input><span class=secno>2. </span>Input to and output from this
    This is described in the <a href="/TR/css3-values">Values and Units</a> <a
    href="#CSS3VAL" rel=biblioentry>[CSS3VAL]<!--{{!CSS3VAL}}--></a> module.
 
-  <h2 id=at-import><span class=secno>3. </span>Importing style sheets</h2>
+  <h2 id=at-import><span class=secno>3 </span>Importing style sheets</h2>
 
   <p>The <dfn id=import>&lsquo;<code class=css>@import</code>&rsquo;</dfn>
    rule allows users to import style rules from other style sheets. Any
@@ -274,7 +274,7 @@ <h2 id=at-import><span class=secno>3. </span>Importing style sheets</h2>
 
   <p>So that user agents can avoid retrieving resources for unsupported media
    types, authors may specify media-dependent @import rules. These <dfn
-   id=conditional title="conditional import|media-dependent
+   id=conditional-imports title="conditional import|media-dependent
    import">conditional imports</dfn> specify comma-separated &ldquo;media
    queries&rdquo; after the URI.
 
@@ -311,8 +311,8 @@ <h2 id=at-import><span class=secno>3. </span>Importing style sheets</h2>
 
   <p>Imports with different names (together with any named <a
    href="#at-media-rule">@media rules,</a> see below) represent <dfn
-   id=alternative>alternative style sheets</dfn>. The UA should provide a way
-   for the user to select an alternative by name.
+   id=alternative-style-sheets>alternative style sheets</dfn>. The UA should
+   provide a way for the user to select an alternative by name.
 
   <p>The rules for which style sheet to import are as follows:
 
@@ -401,15 +401,16 @@ <h2 id=at-import><span class=secno>3. </span>Importing style sheets</h2>
 
   <p class=note>HTML <a href="#HTML401"
    rel=biblioentry>[HTML401]<!--{{HTML401}}--></a> uses the term <dfn
-   id=preferred>preferred style sheet</dfn> for the named style sheets that
-   the author marked as the default. In CSS, these are all style sheets whose
-   name is the first name to occur on any &lsquo;<code
+   id=preferred-style-sheet>preferred style sheet</dfn> for the named style
+   sheets that the author marked as the default. In CSS, these are all style
+   sheets whose name is the first name to occur on any &lsquo;<code
    class=css>@import</code>&rsquo; or &lsquo;<code class=css><a
-   href="#media">@media</a></code>&rsquo;. <dfn id=alternate>Alternate style
-   sheets</dfn> are all other named style sheets. Finally, HTML calls style
-   sheets without a name <dfn id=persistent>persistent style sheets</dfn>,
-   because they are imported together with the preferred ones as well as with
-   any alternatives.
+   href="#media">@media</a></code>&rsquo;. <dfn
+   id=alternate-style-sheets>Alternate style sheets</dfn> are all other named
+   style sheets. Finally, HTML calls style sheets without a name <dfn
+   id=persistent-style-sheets>persistent style sheets</dfn>, because they are
+   imported together with the preferred ones as well as with any
+   alternatives.
 
   <p class=note>The UA should not only provide the user with a choice of
    alternative style sheets, but should also allow the user to turn all style
@@ -430,7 +431,7 @@ <h2 id=at-import><span class=secno>3. </span>Importing style sheets</h2>
    must ignore any medium specified for the same style sheet in a link from a
    document?]
 
-  <h2 id=at-media-rule><span class=secno>4. </span>Named <code><a
+  <h2 id=at-media-rule><span class=secno>4 </span>Named <code><a
    href="#media">@media</a></code> rules</h2>
 
   <p>An <dfn id=media>@media</dfn> rule specifies the target media types
@@ -554,11 +555,11 @@ <h2 id=at-media-rule><span class=secno>4. </span>Named <code><a
 </pre>
   </div>
 
-  <h2 id=cascading><span class=secno>5. </span>Cascading</h2>
+  <h2 id=cascading><span class=secno>5 </span>Cascading</h2>
 
-  <p>The purpose of cascading is to find one <dfn id=winning>winning
-   declaration</dfn> among the set of declarations that apply for a given
-   element/property combination.
+  <p>The purpose of cascading is to find one <dfn
+   id=winning-declaration>winning declaration</dfn> among the set of
+   declarations that apply for a given element/property combination.
 
   <p>User agents must sort declarations according to the following criteria,
    in order of importance:
@@ -582,18 +583,18 @@ <h2 id=cascading><span class=secno>5. </span>Cascading</h2>
 
   <p>The sorting process continues until one winning declaration is found.
 
-  <h2 id=inheritance><span class=secno>6. </span>Inheritance</h2>
+  <h2 id=inheritance><span class=secno>6 </span>Inheritance</h2>
 
   <p>Inheritance is a way of propagating property values from parent elements
    to their children. Inheritance means that the specified value of a given
    element/property is copied from the parent element's computed value for
    the same property.
 
   <p>The root element, which has no parent element, inherits the initial
-   value of the property.
-
-  <p>The page context inherits from the initial value of the property. Margin
-   boxes inherit from the page context.
+   value of the property. <!--
+<p>The page context inherits from the initial value of the property. Margin boxes inherit from the page context.
+-->
+   
 
   <p>Pseudo-elements inherit according to a fictional tag sequence described
    for each pseudo-element <a href="#SELECT"
@@ -612,14 +613,15 @@ <h2 id=inheritance><span class=secno>6. </span>Inheritance</h2>
    class=css>inherit</code>&rsquo; value is set on the root element, the
    property is assigned its initial value.
 
-  <h2 id=initial><span class=secno>7. </span>Initial value</h2>
+  <h2 id=initial-value><span class=secno>7 </span>Initial value</h2>
 
-  <p>Each property has an <dfn id=initial0>initial value</dfn> which becomes
-   the specified value when cascading and inheritance does not yield a value.
-   Also, the initial value can be explicitly specified with the &lsquo;<code
-   class=css>initial</code>&rsquo; keyword which all properties accept.
+  <p>Each property has an <dfn id=initial-value0>initial value</dfn> which
+   becomes the specified value when cascading and inheritance does not yield
+   a value. Also, the initial value can be explicitly specified with the
+   &lsquo;<code class=css>initial</code>&rsquo; keyword which all properties
+   accept.
 
-  <h2 id=computing-weight><span class=secno>8. </span>Computing weight</h2>
+  <h2 id=computing-weight><span class=secno>8 </span>Computing weight</h2>
 
   <p>In order to sort declarations in the cascading process, the weight of a
    declaration must be known. In CSS3, the weight of a declaration is based
@@ -688,7 +690,7 @@ <h2 id=computing-weight><span class=secno>8. </span>Computing weight</h2>
   <p class=note>Note that non-CSS presentational hints had a higher weight in
    CSS2.
 
-  <h2 id=conformance><span class=secno>9. </span>Conformance</h2>
+  <h2 id=conformance><span class=secno>9 </span>Conformance</h2>
 
   <p>[TBD]
 
@@ -790,42 +792,42 @@ <h2 class=no-num id=index>Index</h2>
   <!--begin-index-->
 
   <ul class=indexlist>
-   <li>Alternate style sheets, <a href="#alternate" title="Alternate style
-    sheets"><strong>#</strong></a>
+   <li>Alternate style sheets, <a href="#alternate-style-sheets"
+    title="Alternate style sheets"><strong>3</strong></a>
 
-   <li>alternative style sheets, <a href="#alternative" title="alternative
-    style sheets"><strong>#</strong></a>
+   <li>alternative style sheets, <a href="#alternative-style-sheets"
+    title="alternative style sheets"><strong>3</strong></a>
 
-   <li>conditional import, <a href="#conditional" title="conditional
-    import"><strong>#</strong></a>
+   <li>conditional import, <a href="#conditional-imports" title="conditional
+    import"><strong>3</strong></a>
 
    <li>&lsquo;<code class=css>@import</code>&rsquo;, <a href="#import"
-    title="'@import'"><strong>#</strong></a>
+    title="'@import'"><strong>3</strong></a>
 
    <li>inheritance, <a href="#inherited"
-    title=inheritance><strong>#</strong></a>
+    title=inheritance><strong>6</strong></a>
 
-   <li>initial value, <a href="#initial0" title="initial
-    value"><strong>#</strong></a>
+   <li>initial value, <a href="#initial-value0" title="initial
+    value"><strong>7</strong></a>
 
-   <li>@media, <a href="#media" title="@media"><strong>#</strong></a>
+   <li>@media, <a href="#media" title="@media"><strong>4</strong></a>
 
-   <li>media-dependent import, <a href="#conditional" title="media-dependent
-    import"><strong>#</strong></a>
+   <li>media-dependent import, <a href="#conditional-imports"
+    title="media-dependent import"><strong>3</strong></a>
 
-   <li>persistent style sheets, <a href="#persistent" title="persistent style
-    sheets"><strong>#</strong></a>
+   <li>persistent style sheets, <a href="#persistent-style-sheets"
+    title="persistent style sheets"><strong>3</strong></a>
 
-   <li>preferred style sheet, <a href="#preferred" title="preferred style
-    sheet"><strong>#</strong></a>
+   <li>preferred style sheet, <a href="#preferred-style-sheet"
+    title="preferred style sheet"><strong>3</strong></a>
 
-   <li>winning declaration, <a href="#winning" title="winning
-    declaration"><strong>#</strong></a>
+   <li>winning declaration, <a href="#winning-declaration" title="winning
+    declaration"><strong>5</strong></a>
   </ul>
   <!--end-index-->
 
   <h2 class=no-num id=property-index>Property index</h2>
-  <!--begin properties-->
+  <!--begin-properties-->
 
   <table class=proptable>
    <thead>
@@ -846,4 +848,4 @@ <h2 class=no-num id=property-index>Property index</h2>
 
    <tbody>
   </table>
-  <!--end properties-->
+  <!--end-properties-->