[css2] Håkon's edits after Nov 2002 ftf.

bert-github · bert-github · commit c210ad80429a · 2002-11-17T19:35:34.000Z
--HG--
extra : convert_revision : svn%3A73dc7c4b-06e6-40f3-b4f7-9ed1dbc14bfc/trunk%401964
diff --git a/css2/cascade.src b/css2/cascade.src
@@ -1,20 +1,22 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 <html lang="en">
-<!-- $Id: cascade.src,v 2.39 2002-09-17 11:43:36 bbos Exp $ -->
+<!-- $Id: cascade.src,v 2.40 2002-11-17 19:35:34 bbos Exp $ -->
 <HEAD>
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 <TITLE>Assigning property values, Cascading, and Inheritance</TITLE>
 </HEAD>
 <BODY>
-<H1>Assigning property values, Cascading, and Inheritance</H1>
 
-<H2>Specified, computed, and actual values</h2>
-<P>Once a user agent has parsed a document and constructed a <a
+<h1>Assigning property values, Cascading, and Inheritance</h1>
+
+<h2>Specified, computed, and actual values</h2>
+
+<p>Once a user agent has parsed a document and constructed a <a
 href="conform.html#doctree">document tree</a>, it must assign, for
 every element in the tree, a value to every property that applies to the
 target <a href="media.html">media type</a>. 
 
-<P>The final value of a property is the result of a three-step
+<p>The final value of a property is the result of a three-step
 calculation: the value is determined through specification (the
 "specified value"), then resolved into an absolute value if necessary
 (the "computed value"), and finally transformed according to
@@ -24,24 +26,24 @@ the limitations of the local environment (the "actual value").
 <span class="index-def" title="specified value">
 <a name="specified-value">Specified values</a></span></h3>
 
-<P>User agents must first assign a specified value to a property based
+<p>User agents must first assign a specified value to a property based
 on the following mechanisms (in order of precedence):</p>
 
 <ol>
 <li>If the <a href="#cascade">cascade</a> results in a value,
-use it.
+use it, unless the resulting value is 'inherit'.
 
-<li>Otherwise, if the property is <a
-href="#inheritance">inherited</a>, use the value of the parent
-element, generally the computed value.
+<li>If the property is <a href="#inheritance">inherited by default</a>
+or if the cascade resulted in the value 'inherit', use the computed
+value of the parent element.
 
 <li>Otherwise use the property's <span class="index-def"
 title="initial value">initial value</span>. The <a
 name="initial-value">initial value</a> of each property is indicated
 in the property's definition.
 </ol>
 
-<P>Since it has no parent, the root of the <a
+<p>Since it has no parent, the root of the <a
 href="conform.html#doctree">document tree</a> cannot use values from
 the parent element; in this case, the initial value is used if
 necessary.
@@ -52,7 +54,7 @@ necessary.
 </span>
 </h3>
 
-<P>Specified values may be absolute (i.e., they are not specified
+<p>Specified values may be absolute (i.e., they are not specified
 relative to another value, as in 'red' or '2mm') or relative (i.e.,
 they are specified relative to another value, as in 'auto', '2em', and
 '12%'). For absolute values, no computation is needed to find the
@@ -66,12 +68,6 @@ appropriate font or pixel size, 'auto' values must be computed by the
 formulas given with each property, certain keywords ('smaller',
 'bolder', 'inherit') must be replaced according to their definitions.
 
-<P>In most cases, elements inherit computed values. However, there are
-some properties whose specified value may be inherited (e.g., the
-number value for the <span
-class="propinst-line-height">'line-height'</span> property). 
-In the cases where child elements do not inherit the computed value,
-this is described in the property definition.
 
 <h3><span class="index-def" title="actual value">
 <a name="actual-value">Actual values</a></span></h3>
@@ -83,9 +79,9 @@ pixel widths and may therefore have to approximate the computed
 width. The actual value is the computed value after any approximations
 have been applied.
 
-<H2><a name="inheritance">Inheritance</a></h2>
+<h2><a name="inheritance">Inheritance</a></h2>
 
-<P>Some values are inherited by the children of an element in
+<p>Some values are inherited by the children of an element in
 the <a href="conform.html#doctree">document tree</a>. Each property <a
 href="about.html#property-defs">defines</a> whether it is inherited or
 not.
@@ -94,30 +90,20 @@ not.
 Suppose there is an H1 element with an emphasizing element (EM)
 inside:</p>
 
-<PRE>
+<pre>
 &lt;H1&gt;The headline &lt;EM&gt;is&lt;/EM&gt; important!&lt;/H1&gt;
-</PRE>
+</pre>
 
-<P>If no color has been assigned to the EM element, the emphasized
+<p>If no color has been assigned to the EM element, the emphasized
 "is" will inherit the color of the parent element, so if H1 has the
 color blue, the EM element will likewise be in blue.
 </div>
 
-<P> To set a "default" style property for a document, authors may set
-the property on the root of the document tree. In HTML, for example,
-the "html" or "body" elements can serve this function.
-
-<div class="example"><P> 
-For example, since the <span class="propinst-color">'color'</span>
-property is inherited, all descendants of the "body" element will
-inherit the color 'black':
-
-<PRE>
-body { color: black; }
-</PRE>
-</div>
-
-<P>Specified percentage values are not inherited; computed values are.
+<p>When inheritance occurs, elements inherit computed values.  Note
+that the result of this inheritance yields the specified value, so
+the definitions of computed values for properties do not describe
+the computatation of the computed value from a specified 'inherit'
+value since 'inherit' cannot be a specified value.
 
 <div class="example"><P> 
 For example, given the following style sheet:</P>
@@ -150,11 +136,10 @@ of"><a name="value-def-inherit">'inherit'</a></span>
 value</h3>
 
 <P>Each property may also have a specified value of 'inherit', which
-means that, for a given element, the property takes the same <a
-href="#computed-value">computed value</a> as the property for the
-element's parent. The inherited value, which is normally only used as
-a fallback value, can be strengthened by setting 'inherit' explicitly.
-It can also be used on properties that are not normally inherited.
+means that, for a given element, the property takes the same computed
+value as the property for the element's parent. The 'inherit' value
+can be used to stengthen inherited values, and it can also be used on
+properties that are not normally inherited.
 
 <div class="example"><P>In the example below, the <span
 class="propinst-color">'color'</span> and <span
@@ -235,7 +220,7 @@ document or linked externally.
 <li><strong>User</strong>: The user may be able to specify style
 information for a particular document. For example, the user may
 specify a file that contains a style sheet or the user agent may
-provide an interface that generates a user style sheet (or behave as
+provide an interface that generates a user style sheet (or behaves as
 if it did).
 
 <li><strong>User agent</strong>: <a
@@ -412,7 +397,8 @@ Some examples:
 </div>
 
 <div class="html-example"><P>
-<PRE>
+
+<pre>
 &lt;HEAD&gt;
 &lt;STYLE type="text/css"&gt;
   #x97z { color: red }
@@ -421,7 +407,7 @@ Some examples:
 &lt;BODY&gt;
 &lt;P ID=x97z style="color: green"&gt;
 &lt;/BODY&gt;
-</PRE>
+</pre>
 
 <P>In the above example, the color of the P element would be
 green. The declaration in the "style" attribute will override the one in
@@ -436,39 +422,54 @@ defined as an "ID" in the source document's DTD.
 
 <H3>Precedence of non-CSS presentational hints</H3> 
 
-<p>If the user agent chooses to honor presentational hints from other
-sources than style sheets, these hints must be given the same weight
-as the user agent's default style sheet.
+<P>The UA may choose to honor presentational attributes in the source
+document. If so, these attributes are translated to the corresponding
+CSS rules with specificity equal to 0, and are treated as if they were
+inserted at the start of the author style sheet. They may therefore be
+overridden by subsequent style sheet rules. In a transition phase,
+this policy will make it easier for stylistic attributes to coexist
+with style sheets.
+
+<P>For HTML, any attribute that is not in the following list should be
+considered presentational: abbr, accept-charset, accept, accesskey,
+action, alt, archive, axis, charset, checked, cite, class, classid,
+code, codebase, codetype, colspan, coords, data, datetime, declare,
+defer, dir, disabled, enctype, for, headers, href, hreflang,
+http-equiv, id, ismap, label, lang, language, longdesc, maxlength,
+media, method, multiple, name, nohref, object, onblur, onchange,
+onclick, ondblclick, onfocus, onkeydown, onkeypress, onkeyup, onload,
+onload, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup,
+onreset, onselect, onsubmit, onunload, onunload, profile, prompt,
+readonly, rel, rev, rowspan, scheme, scope, selected, shape, span,
+src, standby, start, style, summary, title, type, usemap, value,
+valuetype, version.
+
+<P>For XHTML and other languages written in XML, no attribute should
+be considered presentational. The styling of elements and
+non-presentational attributes should be handled in the user agent
+stylesheet.
 
-<div class="note">
-<P><em><strong>Note.</strong>
-Non-CSS presentational hints had a higher weight in CSS2.</em>
-</div>
+<div class="example">
 
-<!-- HWL 20020423: replaced description of presentational hints -->
-<!--
-<P>The UA may choose to honor presentational hints from other sources
-than style sheets, for example the FONT element or the ALIGN
-attribute in HTML. If so, the non-CSS presentational hints must be
-translated to the corresponding CSS rules with specificity equal to
-zero. The rules are assumed to be at the start of the author style sheet
-and may be overridden by subsequent style sheet rules.
-
-<div class="note">
-<P><em><strong>Note.</strong>
-In a transition phase, this policy will make it easier for
-stylistic attributes to coexist with style sheets.
-</em>
-</div>
+<p>The following user stylesheet would override the font weight of
+'b' elements in all documents, and the color of 'font'
+elements with color attributes in XML documents. It would not affect
+the color of any 'font' elements with color attributes in HTML
+documents:
 
-<div class="note">
-<P><em><strong>Note.</strong>
-In CSS1, the non-CSS presentational hints were given a specificity
-equal to 1, not 0. The change is due to the introduction of the
-universal selector, which has a specificity of 0.
-</em>
+<pre>
+b { font-weight: normal; }
+font[color] { color: orange; }
+</pre>
+
+<P>The following, however, would override the color of font elements in all documents:
+
+<pre>
+font[color] { color: orange ! important; }
+</pre>
 </div>
--->
+
+
 
 </BODY>
 </html>
diff --git a/css2/conform.src b/css2/conform.src
@@ -1,6 +1,6 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 <html lang="en">
-<!-- $Id: conform.src,v 2.52 2002-08-02 17:37:32 bbos Exp $ -->
+<!-- $Id: conform.src,v 2.53 2002-11-17 19:33:43 bbos Exp $ -->
 <HEAD>
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 <TITLE>Conformance: requirements and recommendations</TITLE>
@@ -66,7 +66,7 @@ property name, or property value is one that is not valid.
 <dt><strong><span class="index-def" title="source document">Source
 document</span></strong>
 
-<dd>The document to which one or more style sheets refer. This is
+<dd>The document to which one or more style sheets apply. This is
 encoded in some language that represents the document as a tree of <a
 href="#element">elements</a>. Each element consists of a name that
 identifies the type of element, optionally a number of <a
@@ -112,8 +112,9 @@ associated (textual) value.
 <dt><strong><span class="index-def" title="content"><a
 name="content">Content</a></span></strong>
 
-<dd>The content associated with an element in the source document; not
-all elements have content in which case they are called <strong><span
+<dd>The content associated with an element in the
+source document.  Some elements have no content, in which case they are
+called <strong><span
 class="index-def" title="empty">empty</span></strong>. The content of
 an element may include text, and it may include a number of
 sub-elements, in which case the element is called the <strong><span
diff --git a/css2/intro.src b/css2/intro.src
@@ -1,6 +1,6 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 <html lang="en">
-<!-- $Id: intro.src,v 2.42 2002-09-17 11:43:37 bbos Exp $ -->
+<!-- $Id: intro.src,v 2.43 2002-11-17 19:32:21 bbos Exp $ -->
 <HEAD>
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 <TITLE>Introduction to CSS&nbsp;2.1</TITLE>
@@ -29,22 +29,23 @@ style sheets. For this tutorial, you will need to know a little HTML
 &lt;/HTML&gt;
 </PRE>
 
-<P>To set the text color of the H1 elements to blue, you can write the
-following CSS rule:</P>
+<P>To set the text color of the H1 elements to red, you can write the
+following CSS rules:</P>
 
 <PRE class="example">
-  h1 { color: blue }
+  h1 { color: red }
 </PRE>
 
 <P>A CSS rule consists of two main parts: <a
-href="selector.html">selector</a> ('h1') and declaration ('color:
-blue'). In HTML, element names are case-insensitive so 'h1' works just
-as well as 'H1'. The declaration has two parts: property ('color') and
-value ('blue'). While the example above tries to influence only one of
-the properties needed for rendering an HTML document, it qualifies as
-a style sheet on its own. Combined with other style sheets (one
-fundamental feature of CSS is that style sheets are combined) it will
-determine the final presentation of the document.
+href="selector.html">selector</a> ('h1') and declaration
+('color:&nbsp;red'). In HTML, element names are case-insensitive so
+'h1' works just as well as 'H1'. The declaration has two parts:
+property ('color') and value ('red'). While the example above tries to
+influence only one of the properties needed for rendering an HTML
+document, it qualifies as a style sheet on its own. Combined with
+other style sheets (one fundamental feature of CSS is that style
+sheets are combined) it will determine the final presentation of the
+document.
 
 <P> The HTML 4.0 specification defines how style sheet rules may be
 specified for HTML documents: either within the HTML document, or via
@@ -57,7 +58,7 @@ the STYLE element:</p>
   &lt;HEAD&gt;
   &lt;TITLE&gt;Bach's home page&lt;/TITLE&gt;
   &lt;STYLE type="text/css"&gt;
-    h1 { color: blue }
+    h1 { color: red }
   &lt;/STYLE&gt;
   &lt;/HEAD&gt;
   &lt;BODY&gt;
@@ -105,8 +106,8 @@ tutorial. Let's add more colors:
   &lt;HEAD&gt;
   &lt;TITLE&gt;Bach's home page&lt;/TITLE&gt;
   &lt;STYLE type="text/css"&gt;
-    body { color: red }
-    h1 { color: blue }
+    body { color: black; background: white }
+    h1 { color: red; background: white }
   &lt;/STYLE&gt;
   &lt;/HEAD&gt;
   &lt;BODY&gt;
@@ -116,16 +117,17 @@ tutorial. Let's add more colors:
 &lt;/HTML&gt;
 </PRE>
 
-<P>The style sheet now contains two rules: the first one sets the
-color of the BODY element to 'red', while the second one sets the
-color of the H1 element to 'blue'. Since no color value has been
-specified for the P element, it will inherit the color from its parent
-element, namely BODY. The H1 element is also a child element of BODY
-but the second rule overrides the inherited value. In CSS there are
-often such conflicts between different values, and this specification
-describes how to resolve them. 
-
-<P>CSS&nbsp;2.1 has more than 90 different properties, including <span
+<P>The style sheet now contains four rules: the first two set the
+color and background of the BODY element (it's a good idea to set the
+text color and background color together), while the last two
+set the color and the background of the H1 element. Since no color
+has been specified for the P element, it will inherit the color
+from its parent element, namely BODY. The H1 element is also a child
+element of BODY but the second rule overrides the inherited value. In
+CSS there are often such conflicts between different values, and this
+specification describes how to resolve them.
+
+<P>CSS&nbsp;2.1 has more than 90 properties, including <span
 class="propinst-color">'color'</span>. Let's look at some of the
 others:
 
