reorganizing the draft

Author: howcom

css3-values/Overview.src.html

@@ -777,10 +777,35 @@ <h3>&lt;string&gt;</h3>
 definitions.
 
 
-<h4>&lt;color&gt;</h4>
+<h3>&lt;color&gt;</h3>
 
 <p>Color values are denoted by &lt;color&gt; in the value
-definitions. Te 
+definitions. 
+
+
+<p>The <dfn>RGB hexadecimal notation</dfn> is a shorthand syntax
+starts with a '#' character immediately followed by three or six
+hexadecimal digits expressing RGB (or RRGGBB) values.
+
+
+
+<p>A <dfn>color</dfn> value can either be a keyword, a numerical 
+specification in a functional notation, or a numerical RGB
+specification in a hexadecimal notation. The hexadecimal notation is
+special shorthand format that allows compact color descriptions.
+
+<div class="example">
+
+<pre>
+em { color: #F00 }
+span.issue { color: red }
+* { color: hsl(120, 75%, 75%) } 
+</pre>
+
+</div>
+
+<p>The CSS3 Color module [[!CSS3COLOR]] defines the syntax of the hexadecimal notation.
+
 
 
 <h3>&lt;attr&gt;</h3>
@@ -1115,31 +1140,6 @@ <h4>Font families</h4>
 <pre>body { font-family: "Helvetica", "Univers", "Arial", sans-serif }</pre>
 </div>
 
-<h4>Colors</h4>
-
-
-<p>The <dfn>RGB hexadecimal notation</dfn> is a shorthand syntax
-starts with a '#' character immediately followed by three or six
-hexadecimal digits expressing RGB (or RRGGBB) values.
-
-
-
-<p>A <dfn>color</dfn> value can either be a keyword, a numerical 
-specification in a functional notation, or a numerical RGB
-specification in a hexadecimal notation. The hexadecimal notation is
-special shorthand format that allows compact color descriptions.
-
-<div class="example">
-
-<pre>
-em { color: #F00 }
-span.issue { color: red }
-* { color: hsl(120, 75%, 75%) } 
-</pre>
-
-</div>
-
-<p>The CSS3 Color module [[!CSS3COLOR]] defines the syntax of the hexadecimal notation.
 
 <h2>Specified, computed, used, and actual values</h2>