[css3-cascade] Improve linking, abstract, changes section, etc.

Author: fantasai

css3-cascade/Overview.html

@@ -87,10 +87,12 @@ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 13 December
 
   <h2 class="no-num no-toc" id=abstract>Abstract</h2>
 
-  <p> This CSS3 module describes how to collate style rules and assign values
-   to all 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 CSS module describes how to collate style rules and assign values
+   to all properties on all elements. By way of cascading and inheritance,
+   values are propagated for all properties on all elements. <a
+   href="http://www.w3.org/TR/CSS/">CSS</a> is a language for describing the
+   rendering of structured documents (such as HTML and XML) on screen, on
+   paper, in speech, etc.
 
   <h2 class="no-num no-toc" id=status-of-this-document> Status of this
    document</h2>
@@ -178,9 +180,8 @@ <h2 class="no-num no-toc" id=table-of-contents> Table of contents</h2>
        <li><a href="#inheritance"><span class=secno>4.3.2. </span>
         Inheritance: the ‘<code class=css>inherit</code>’ keyword </a>
 
-       <li><a href="#default-keyword"><span class=secno>4.3.3. </span>
-        Rolling back the cascade: the ‘<code class=css>default</code>’
-        keyword</a>
+       <li><a href="#default"><span class=secno>4.3.3. </span> Rolling back
+        the cascade: the ‘<code class=css>default</code>’ keyword</a>
       </ul>
     </ul>
 
@@ -205,6 +206,12 @@ <h2 class="no-num no-toc" id=table-of-contents> Table of contents</h2>
 
    <li><a href="#conformance"><span class=secno>6. </span>Conformance</a>
 
+   <li><a href="#changes"><span class=secno>7. </span> Changes</a>
+    <ul class=toc>
+     <li><a href="#changes-2012"><span class=secno>7.1. </span> Changes since
+      the 15 December 2005 Working Draft</a>
+    </ul>
+
    <li class=no-num><a href="#acknowledgments">Acknowledgments</a>
 
    <li class=no-num><a href="#references">References</a>
@@ -232,13 +239,14 @@ <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>inheritance</em> or by looking at the property's <a
-   href="#initial-value"><em>initial value</em></a>.
+   by way of <a href="#inherit"><em>inheritance</em></a> or by looking at the
+   property's <a href="#initial-value"><em>initial value</em></a>.
 
   <p> The rules for finding the specified value for all properties on all
-   elements are 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>.
+   elements in the document are described in this specification. The rules
+   for finding the specified values in the page context and its margin boxes
+   are described in <a href="#CSS3PAGE"
+   rel=biblioentry>[CSS3PAGE]<!--{{CSS3PAGE}}--></a>.
 
   <h2 id=at-import><span class=secno>2. </span> Importing style sheets: the
    ‘<a href="#atimport"><code class=css>@import</code></a>’ rule</h2>
@@ -479,7 +487,7 @@ <h3 id=cascade><span class=secno>4.2. </span> Cascading Declarations</h3>
    in descending order of importance:
 
   <dl>
-   <dt id=cascade-step-origin>Origin
+   <dt id=cascade-origin>Origin
 
    <dd> The origin of a declaration is based on where it comes from and
     whether or not it is declared ‘<code class=css>!important</code>’
@@ -514,7 +522,7 @@ <h3 id=cascade><span class=secno>4.2. </span> Cascading Declarations</h3>
     <p> Declarations from origins earlier in this list win over declarations
      from later origins.
 
-   <dt id=cascade-step-scope>Scope
+   <dt id=cascade-scope>Scope
 
    <dd> A declaration can be <dfn id=scoped>scoped</dfn> to a subtree of the
     document so that it only affects its <dfn id=scoping-element>scoping
@@ -544,7 +552,7 @@ <h3 id=cascade><span class=secno>4.2. </span> Cascading Declarations</h3>
      other author rules. <a href="#CSS21"
      rel=biblioentry>[CSS21]<!--{{CSS21}}--></a>
 
-   <dt id=cascade-step-specificity>Specificity
+   <dt id=cascade-specificity>Specificity
 
    <dd> The <a href="http://www.w3.org/TR/selectors/#specificity">Selectors
     module</a> <a href="#SELECT"
@@ -556,7 +564,7 @@ <h3 id=cascade><span class=secno>4.2. </span> Cascading Declarations</h3>
     selector. The declaration belonging to a ruleset whose selector has the
     highest specificity wins.
 
-   <dt id=cascade-step-order>Order of appearance.
+   <dt id=cascade-order>Order of appearance.
 
    <dd> Rules from imported style sheets are treated as if their stylesheets
     were substituted in place of the ‘<a href="#atimport"><code
@@ -690,9 +698,9 @@ <h4 id=preshint><span class=secno>4.2.3. </span> Precedence of Non-CSS
   <p class=note> Presentational hints entering the cascade at the UA level
    can be overridden by user styles. Presentational hints entering the
    cascade at the author level can be overridden by the author's use of the
-   ‘<code class=css>default</code>’ keyword. Host languages should choose
-   the appropriate level for presentational hints with these considerations
-   in mind.
+   ‘<a href="#default-keyword"><code class=css>default</code></a>’
+   keyword. Host languages should choose the appropriate level for
+   presentational hints with these considerations in mind.
 
   <h4 id=cascaded-value><span class=secno>4.2.4. </span> The Cascaded Value</h4>
 
@@ -702,46 +710,48 @@ <h4 id=cascaded-value><span class=secno>4.2.4. </span> The Cascaded Value</h4>
    rollback steps have been performed, see below). If the <a
    href="#output-of-the-cascade"><i>output of the cascade</i></a> is an empty
    list, the <a href="#cascaded-value0"><i>cascaded value</i></a> is the
-   ‘<code class=css>inherit</code>’ keyword if the property is an <a
-   href="#inherited-properties"><i>inherited property</i></a> (as defined by
-   its property definition table) or the ‘<code class=css>initial</code>’
+   ‘<a href="#inherit-keyword"><code class=css>inherit</code></a>’
+   keyword if the property is an <a href="#inherited-properties"><i>inherited
+   property</i></a> (as defined by its property definition table) or the
+   ‘<a href="#initial-keyword"><code class=css>initial</code></a>’
    keyword otherwise.
 
   <h3 id=defaulting><span class=secno>4.3. </span> Inheritance and Defaulting</h3>
 
   <p> In most cases, the <a href="#specified-value"><i>specified
    value</i></a> is the <a href="#cascaded-value0"><i>cascaded value</i></a>.
-   However, the ‘<code class=css>initial</code>’, ‘<code
-   class=css>inherit</code>’, and ‘<code class=css>default</code>’
-   values are handled specially when they are the <a
-   href="#cascaded-value0"><i>cascaded value</i></a> of a property.
+   However, the ‘<a href="#initial-keyword"><code
+   class=css>initial</code></a>’, ‘<a href="#inherit-keyword"><code
+   class=css>inherit</code></a>’, and ‘<a href="#default-keyword"><code
+   class=css>default</code></a>’ values are handled specially when they are
+   the <a href="#cascaded-value0"><i>cascaded value</i></a> of a property.
 
-  <h4 id=initial><span class=secno>4.3.1. </span> Initial value: the ‘<code
-   class=css>initial</code>’ keyword</h4>
+  <h4 id=initial><span class=secno>4.3.1. </span> Initial value: the ‘<a
+   href="#initial-keyword"><code class=css>initial</code></a>’ keyword</h4>
 
   <p> Each property has an <dfn id=initial-value>initial value</dfn>, defined
    in the property's definition table. If the <a
-   href="#cascaded-value0"><i>cascaded value</i></a> is the ‘<code
-   class=css>initial</code>’ keyword, the property's <a
-   href="#initial-value"><i>initial value</i></a> becomes its <a
-   href="#specified-value"><i>specified value</i></a>.
+   href="#cascaded-value0"><i>cascaded value</i></a> is the <dfn
+   id=initial-keyword>‘<code class=css>initial</code>’</dfn> keyword, the
+   property's <a href="#initial-value"><i>initial value</i></a> becomes its
+   <a href="#specified-value"><i>specified value</i></a>.
 
-  <h4 id=inheritance><span class=secno>4.3.2. </span> Inheritance: the
-   ‘<code class=css>inherit</code>’ keyword</h4>
+  <h4 id=inheritance><span class=secno>4.3.2. </span> Inheritance: the ‘<a
+   href="#inherit-keyword"><code class=css>inherit</code></a>’ keyword</h4>
 
   <p> Some properties are <dfn id=inherited-properties
    title="inherited property|inherited properties">inherited
    properties</dfn>, as defined in their property definition table. This
    means that, unless the cascade results in a value, the value will be
    determined by inheritance.
 
-  <p> Inheritance propagates property values from parent elements to their
-   children. The <dfn id=inherited-value>inherited value</dfn> of a property
-   on an element is the <a href="#computed-value"><i>computed value</i></a>
-   of the property on the element's parent element. For the root element,
-   which has no parent element, the <a href="#inherited-value"><i>inherited
-   value</i></a> is the <a href="#initial-value"><i>initial value</i></a> of
-   the property.
+  <p> <dfn id=inherit>Inheritance</dfn> propagates property values from
+   parent elements to their children. The <dfn id=inherited-value>inherited
+   value</dfn> of a property on an element is the <a
+   href="#computed-value"><i>computed value</i></a> of the property on the
+   element's parent element. For the root element, which has no parent
+   element, the <a href="#inherited-value"><i>inherited value</i></a> is the
+   <a href="#initial-value"><i>initial value</i></a> of the property.
 
   <p> Pseudo-elements inherit according to a fictional tag sequence described
    for each pseudo-element <a href="#SELECT"
@@ -753,25 +763,29 @@ <h4 id=inheritance><span class=secno>4.3.2. </span> Inheritance: the
    boxes</a>, or otherwise affected by manipulations of the box tree.
 
   <p> If the <a href="#cascaded-value0"><i>cascaded value</i></a> of a
-   property is the ‘<code class=css>inherit</code>’ keyword, the <a
+   property is the <dfn id=inherit-keyword>‘<code
+   class=css>inherit</code>’</dfn> keyword, the <a
    href="#inherited-value"><i>inherited value</i></a> becomes the property's
    <i>specified</i> and <a href="#computed-value"><i>computed values</i></a>.
 
-  <h4 id=default-keyword><span class=secno>4.3.3. </span> Rolling back the
-   cascade: the ‘<code class=css>default</code>’ keyword</h4>
+  <h4 id=default><span class=secno>4.3.3. </span> Rolling back the cascade:
+   the ‘<a href="#default-keyword"><code class=css>default</code></a>’
+   keyword</h4>
 
-  <p> CSS Cascading and Inheritance Level 3 introduces the ‘<code
-   class=css>default</code>’ keyword as a <a
-   href="http://www.w3.org/TR/css3-values/#common-keywords">CSS-wide
+  <p> CSS Cascading and Inheritance Level 3 introduces the <dfn
+   id=default-keyword>‘<code class=css>default</code>’</dfn> keyword as a
+   <a href="http://www.w3.org/TR/css3-values/#common-keywords">CSS-wide
    keyword</a> accepted by all properties.
 
   <p> If the <a href="#cascaded-value0"><i>cascaded value</i></a> is the
-   ‘<code class=css>default</code>’ keyword, then the origin level to
-   which it belongs is discarded from the cascade, resulting in a new <a
-   href="#cascaded-value0"><i>cascaded value</i></a>. This continues until
-   the <a href="#cascaded-value0"><i>cascaded value</i></a> is not ‘<code
-   class=css>default</code>’ or until the <a
-   href="#output-of-the-cascade"><i>output of the cascade</i></a> is empty.
+   ‘<a href="#default-keyword"><code class=css>default</code></a>’
+   keyword, then the origin level to which it belongs is discarded from the
+   cascade, resulting in a new <a href="#cascaded-value0"><i>cascaded
+   value</i></a>. This continues until the <a
+   href="#cascaded-value0"><i>cascaded value</i></a> is not ‘<a
+   href="#default-keyword"><code class=css>default</code></a>’ or until the
+   <a href="#output-of-the-cascade"><i>output of the cascade</i></a> is
+   empty.
 
   <h2 id=value-stages><span class=secno>5. </span> Stages of Value
    Computation</h2>
@@ -836,8 +850,8 @@ <h3 id=computed><span class=secno>5.2. </span> Finding the computed value</h3>
    without formatting the document.
 
   <p class=note> The <a href="#computed-value"><i>computed value</i></a> is
-   the value that is transferred from parent to child during
-   <i>inheritance</i>.
+   the value that is transferred from parent to child during <a
+   href="#inherit"><i>inheritance</i></a>.
 
   <p> The <a href="#computed-value"><i>computed value</i></a> exists even
    when the property does not apply (as defined by the "Applies To" line).
@@ -1075,9 +1089,36 @@ <h2 id=conformance><span class=secno>6. </span>Conformance</h2>
 
   <p>[TBD]
 
+  <h2 id=changes><span class=secno>7. </span> Changes</h2>
+
+  <h3 id=changes-2012><span class=secno>7.1. </span> Changes since the 15
+   December 2005 Working Draft</h3>
+
+  <p>The following major changes were made to this specification since the <a
+   href="http://www.w3.org/TR/2005/WD-css3-cascade-20051215/">15 December
+   2005 Working Draft</a>:
+
+  <ul>
+   <li>Dropped alternate style sheets feature.
+
+   <li>Resync'd spec against <a
+    href="http://www.w3.org/TR/CSS21/">CSS2.1</a>.
+
+   <li>Imported <a href="#value-stages">Stages of Value Computation</a>
+    section from old drafts of <a
+    href="http://www.w3.org/TR/css3-values/">CSS Values and Units</a>.
+
+   <li>Introduced <a href="#cascade-scope">scoping</a> per <a
+    href="http://www.w3.org/mid/4F570227.8060707@mit.edu">Boris Zbarsky's
+    suggestion</a>.
+
+   <li>Introduced ‘<a href="#default-keyword"><code
+    class=css>default</code></a>’ keyword.
+  </ul>
+
   <h2 class=no-num id=acknowledgments>Acknowledgments</h2>
 
-  <p>David Baron contributed to this specification.
+  <p>David Baron and Boris Zbarsky contributed to this specification.
 
   <h2 class=no-num id=references>References</h2>
 
@@ -1226,9 +1267,20 @@ <h2 class=no-num id=index>Index</h2>
    <li>conditional import, <a href="#conditional-imports"
     title="section 2."><strong>2.</strong></a>
 
+   <li>‘<a href="#default-keyword"><code class=css>default</code></a>’,
+    <a href="#default-keyword"
+    title="section 4.3.3."><strong>4.3.3.</strong></a>
+
    <li>‘<a href="#atimport"><code class=css>@import</code></a>’, <a
     href="#atimport" title="section 2."><strong>2.</strong></a>
 
+   <li>‘<a href="#inherit-keyword"><code class=css>inherit</code></a>’,
+    <a href="#inherit-keyword"
+    title="section 4.3.2."><strong>4.3.2.</strong></a>
+
+   <li>Inheritance, <a href="#inherit"
+    title="section 4.3.2."><strong>4.3.2.</strong></a>
+
    <li>inherited properties, <a href="#inherited-properties"
     title="section 4.3.2."><strong>4.3.2.</strong></a>
 
@@ -1238,6 +1290,10 @@ <h2 class=no-num id=index>Index</h2>
    <li>inherited value, <a href="#inherited-value"
     title="section 4.3.2."><strong>4.3.2.</strong></a>
 
+   <li>‘<a href="#initial-keyword"><code class=css>initial</code></a>’,
+    <a href="#initial-keyword"
+    title="section 4.3.1."><strong>4.3.1.</strong></a>
+
    <li>initial value, <a href="#initial-value"
     title="section 4.3.1."><strong>4.3.1.</strong></a>