[css-values] Markup tweaks for better readability

Author: fantasai

css-values/Overview.bs

@@ -652,8 +652,9 @@ Absolute lengths: the ''cm'', ''mm'', ''q'', ''in'', ''pt'', ''pc'', ''px'' unit
 	The <dfn title="absolute length">absolute length units</dfn> are fixed in relation to each other
 	and anchored to some physical measurement.
 	They are mainly useful when the output environment is known.
-	The absolute units consist of the physical units (in, cm, mm, pt, pc, q)
-	and the px unit:
+	The absolute units consist of
+	the <dfn>physical units</dfn> (''in'', ''cm'', ''mm'', ''pt'', ''pc'', ''q'')
+	and the <dfn>visual angle unit</dfn> (''px''):
 
 	<table class="data" export>
 	<thead>
@@ -679,7 +680,7 @@ Absolute lengths: the ''cm'', ''mm'', ''q'', ''in'', ''pt'', ''pc'', ''px'' unit
 		<tr><th><dfn>pt</dfn>
 		    <td>points
 		    <td>1pt = 1/72th of 1in
-		<tr><th><dfn>px</dfn>
+		<tr><th><dfn title="px|pixel unit">px</dfn>
 		    <td>pixels
 		    <td>1px = 1/96th of 1in
 	</table>
@@ -696,9 +697,12 @@ Absolute lengths: the ''cm'', ''mm'', ''q'', ''in'', ''pt'', ''pc'', ''px'' unit
 		</pre>
 	</div>
 
-	For a CSS device, these dimensions are either anchored
-	(i) by relating the physical units to their physical measurements,
-	or (ii) by relating the pixel unit to the <i>reference pixel</i>.
+	For a CSS device, these dimensions are anchored either
+	<ul>
+		<li>(i) by relating the <i>physical units</i> to their physical measurements, or
+		<li>(ii) by relating the <i>pixel unit</i> to the <i>reference pixel</i>.
+	</ul>
+
 	For print media and similar high-resolution devices,
 	the anchor unit should be one of the standard physical units (inches, centimeters, etc).
 	For lower-resolution devices,

css-values/Overview.html

@@ -789,8 +789,9 @@ <h3 class="heading settled heading" data-level=5.2 id=absolute-lengths><span cla
 <p>	The <dfn data-dfn-type=dfn data-noexport="" id=absolute-length title="absolute length">absolute length units<a class=self-link href=#absolute-length></a></dfn> are fixed in relation to each other
 	and anchored to some physical measurement.
 	They are mainly useful when the output environment is known.
-	The absolute units consist of the physical units (in, cm, mm, pt, pc, q)
-	and the px unit:
+	The absolute units consist of
+	the <dfn data-dfn-type=dfn data-noexport="" id=physical-units>physical units<a class=self-link href=#physical-units></a></dfn> (<a class=css data-link-type=maybe href=#in title=in>in</a>, <a class=css data-link-type=maybe href=#cm title=cm>cm</a>, <a class=css data-link-type=maybe href=#mm title=mm>mm</a>, <a class=css data-link-type=maybe href=#pt title=pt>pt</a>, <a class=css data-link-type=maybe href=#pc title=pc>pc</a>, <a class=css data-link-type=maybe href=#q title=q>q</a>)
+	and the <dfn data-dfn-type=dfn data-noexport="" id=visual-angle-unit>visual angle unit<a class=self-link href=#visual-angle-unit></a></dfn> (<a class=css data-link-type=maybe href=#px title=px>px</a>):
 
 	<table class=data data-export="">
 	<thead>
@@ -816,7 +817,7 @@ <h3 class="heading settled heading" data-level=5.2 id=absolute-lengths><span cla
 		<tr><th><dfn data-dfn-type=dfn data-export="" id=pt>pt<a class=self-link href=#pt></a></dfn>
 		    <td>points
 		    <td>1pt = 1/72th of 1in
-		<tr><th><dfn data-dfn-type=dfn data-export="" id=px>px<a class=self-link href=#px></a></dfn>
+		<tr><th><dfn data-dfn-type=dfn data-export="" id=px title="px|pixel unit">px<a class=self-link href=#px></a></dfn>
 		    <td>pixels
 		    <td>1px = 1/96th of 1in
 	</table>
@@ -831,10 +832,13 @@ <h3 class="heading settled heading" data-level=5.2 id=absolute-lengths><span cla
 p  { font-size: 12px }    /* px */
 </pre>	</div>
 
-<p>	For a CSS device, these dimensions are either anchored
-	(i) by relating the physical units to their physical measurements,
-	or (ii) by relating the pixel unit to the <a data-link-type=dfn href=#reference-pixel title="reference pixel">reference pixel</a>.
-	For print media and similar high-resolution devices,
+<p>	For a CSS device, these dimensions are anchored either
+	<ul>
+		<li>(i) by relating the <a data-link-type=dfn href=#physical-units title="physical units">physical units</a> to their physical measurements, or
+		<li>(ii) by relating the <a data-link-type=dfn href=#px title="pixel unit">pixel unit</a> to the <a data-link-type=dfn href=#reference-pixel title="reference pixel">reference pixel</a>.
+	</ul>
+
+<p>	For print media and similar high-resolution devices,
 	the anchor unit should be one of the standard physical units (inches, centimeters, etc).
 	For lower-resolution devices,
 	and devices with unusual viewing distances,
@@ -1874,6 +1878,8 @@ <h2 class="no-num no-ref heading settled heading" id=index><span class=content>
 <li>pc, <a href=#pc title="section 5.2">5.2</a>
 <li>&lt;percentage&gt;, <a href=#percentage-value title="section 4.3">4.3</a>
 <li>percentage, <a href=#percentage title="section 4.3">4.3</a>
+<li>physical units, <a href=#physical-units title="section 5.2">5.2</a>
+<li>pixel unit, <a href=#px title="section 5.2">5.2</a>
 <li>pt, <a href=#pt title="section 5.2">5.2</a>
 <li>px, <a href=#px title="section 5.2">5.2</a>
 <li>q, <a href=#q title="section 5.2">5.2</a>
@@ -1894,6 +1900,7 @@ <h2 class="no-num no-ref heading settled heading" id=index><span class=content>
 <li>&lt;url&gt;, <a href=#url-value title="section 3.4">3.4</a>
 <li>URL, <a href=#url title="section 3.4">3.4</a>
 <li>vh, <a href=#vh title="section 5.1.2">5.1.2</a>
+<li>visual angle unit, <a href=#visual-angle-unit title="section 5.2">5.2</a>
 <li>vmax, <a href=#vmax title="section 5.1.2">5.1.2</a>
 <li>vmin, <a href=#vmin title="section 5.1.2">5.1.2</a>
 <li>vw, <a href=#vw title="section 5.1.2">5.1.2</a>