moved examples

Author: howcom

css3-cascade/Overview.src.html

@@ -253,10 +253,18 @@ <h2 id="at-import">Importing style sheets</h2>
     '@import' that has a name and all other '@import's that have the
     same name.
 
-    <div class=example>
-    <p>If the UA is using the default style, only &ldquo;Yellow
-    Fish&rdquo; and the nameless '@import's (shown in
-    <code><b>bold</b></code>) are used, the others are skipped:
+  <li>
+    <p>If the user has chosen a style be name, then all '@import's
+    without a name are imported, as well as all '@import's with the
+    name chosen by the user.
+
+</ul>
+
+
+<div class=example>
+<p>If the UA is using the default style, only &ldquo;Yellow
+Fish&rdquo; and the nameless '@import's (shown in
+<code><b>bold</b></code>) are used, the others are skipped:
 
 <pre>
 <b>@import "common1.css";</b>
@@ -269,15 +277,10 @@ <h2 id="at-import">Importing style sheets</h2>
 </pre>
 </div>
 
-  <li>
-    <p>If the user has chosen a style be name, then all '@import's
-    without a name are imported, as well as all '@import's with the
-    name chosen by the user.
-
-    <div class=example>
-    <p>If the user has chosen the &ldquo;Simple&rdquo; style, only
-    &ldquo;Simple&rdquo; and the nameless '@import's (all shown in
-    <code><b>bold</b></code>) are used, the others are skipped:
+<div class=example>
+<p>If the user has chosen the &ldquo;Simple&rdquo; style, only
+&ldquo;Simple&rdquo; and the nameless '@import's (all shown in
+<code><b>bold</b></code>) are used, the others are skipped:
 
 <pre>
 <b>@import "common1.css";</b>
@@ -289,30 +292,16 @@ <h2 id="at-import">Importing style sheets</h2>
 <b>@import "common2.css";</b>
 </pre>
 </div>
-</ul>
+
 
 <p>Style sheets are only imported if the media query on the '@import'
 (if any) matches the media for which the UA renders the document.
 
 <p>If an '@import' is skipped, then all '@import's inside the style
 sheet it points to are also skipped, no matter what their names.
 
-<p class=note>HTML [[HTML401]] uses the term <dfn>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 '@import' or '@media'. 
-<dfn>Alternate style sheets</dfn> are all other
-named style sheets. Finally, HTML calls style sheets without a name
-<dfn>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 sheets off. See <span class=issue>[where?]</span>
-
 <p>The list of alternative style sheets that the user can
-choose from consists of
+choose from consists of:
 
 <ul>
   <li>any names in the document source itself (such as <code
@@ -332,6 +321,24 @@ <h2 id="at-import">Importing style sheets</h2>
 with a <code class=html>title</code> attribute or named '@import'
 rules.
 
+
+<p class=note>HTML [[HTML401]] uses the term <dfn>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 '@import' or '@media'. 
+<dfn>Alternate style sheets</dfn> are all other
+named style sheets. Finally, HTML calls style sheets without a name
+<dfn>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 sheets off.
+
+<!-- See <span class=issue>[where?]</span>-->
+
+
 <p class=issue>Are names matched case-sensitively or
 case-insensitively? Property names and font names are
 case-insensitive, so it is probably most consistent to treat style
@@ -405,6 +412,14 @@ <h2 id="at-media-rule">Named <code>@media</code> rules</h2>
     first named '@import' or the first named '@media', whichever comes
     first.
 
+  <li>
+    <p>If the user has chosen a style by name, the UA must read all
+    '@media' rules (1) of which the media query matches the UA and (2)
+    that either have no name or whose name is equal to the user's
+    chosen name.
+
+</ul>
+
     <div class=example>
     <p>If the user wants the UA to use the default style, the
     following example results in the UA reading the &ldquo;Reverse
@@ -428,12 +443,6 @@ <h2 id="at-media-rule">Named <code>@media</code> rules</h2>
 </pre>
 </div>
 
-  <li>
-    <p>If the user has chosen a style by name, the UA must read all
-    '@media' rules (1) of which the media query matches the UA and (2)
-    that either have no name or whose name is equal to the user's
-    chosen name.
-
     <div class=example>
     <p>If the user wants the UA to use the &ldquo;Rainbow style&rdquo;
     style, the following example results in the UA reading the
@@ -459,8 +468,6 @@ <h2 id="at-media-rule">Named <code>@media</code> rules</h2>
 }</b>
 </pre>
 </div>
-</ul>
-
 
 <h2>Cascading</h2>