11<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
22<html lang="en">
3- <!-- $Id: intro.src,v 1.11 1997-11-21 00:06:36 ian Exp $ -->
3+ <!-- $Id: intro.src,v 1.12 1997-11-26 00:06:32 ian Exp $ -->
44<HEAD>
55<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
66<TITLE>Introduction to CSS2</TITLE>
@@ -61,7 +61,7 @@ via the LINK element:
6161
6262<ul>
6363<li> the type of link: to a "stylesheet".
64- <li> the location of the stylesheet via a URL. Hhere , the file
64+ <li> the location of the stylesheet via a URL. Here , the file
6565<samp>bach.css</samp> in the same directory as the source HTML document.
6666<li>the type of style sheet being linked: "text/css".
6767</ul>
@@ -120,8 +120,98 @@ specify the bullet style for each list item to be a PNG image named
120120</PRE>
121121
122122<!-- Add image, printing, info, positioning, fonts -->
123+
124+ <H2>The CSS2 processing model</H2>
125+
126+ <P>The following section presents one possible model of how user
127+ agents that support CSS work. This is only a conceptual model; real
128+ implementations may vary.
129+
130+ <P>In this model, a user agent processes a source document
131+ from parsing to rendering as follows:
132+
133+ <ol>
134+ <li>Parse the source document and create a <a
135+ href="convent.html#doctree">document tree</a> from the source
136+ document.</li>
137+
138+ <li>Identify the target <a href="media.html">media type</a>.
139+
140+ <li>Retrieve all style sheets associated with the document that are
141+ specified for the target <a href="media.html">media type</a>.
142+
143+ <li>Annotate every node of the document tree by assigning a single
144+ value to every <a href="syndata.html#properties">property</a> that is
145+ applicable to the target <a href="media.html">media type</a>.
146+ Properties are assigned values according to the mechanisms described
147+ in the section on <a href="cascade.html">cascading and
148+ inheritance</a>.
149+
150+ <P>Part of the calculation of values depends on the formatting
151+ algorithm appropriate for the target <a href="media.html">media
152+ type</a>. For example, if the target medium is the screen, user agents
153+ apply the <a href="flowobj.html">visual flow model</a>. If the
154+ destination medium is the printed page, user agents apply the <a
155+ href="page.html#page-model">page model</a>. If the destination medium
156+ is an aural rendering device (e.g., speech synthesizer), user agents
157+ apply the <a href="aural.html">aural rendering model</a>.
158+
159+ <li>From the annotated document tree, generate a rendering structure.
160+ The rendering structure may differ significantly from the document
161+ tree. First , the rendering structure need not be "tree-shaped" at all
162+ -- the nature of the structure depends on the implementation.
163+
164+ <P>Second the rendering structure may contain more or less information
165+ than the document tree. For instance, if an element in the document
166+ tree has a value of 'none' for the <span
167+ class="propinst-display">'display'</span> property, that element will
168+ generate nothing in the rendering structure. A list element, on the
169+ other hand, may generate more information in the rendering structure:
170+ the list element's content and list style information (e.g., a bullet
171+ image).
172+
173+ <!-- Is the next statement still true? If so, it should probably
174+ be made specific and moved to flowobj2.src -->
175+
176+ <!--
177+ <P>If an element A is an ancestor of an element D, all rendering
178+ objects generated for A must be above the rendering objects
179+ rendered for D in the tree of rendering objects. For box
180+ and page box rendering objects, this implies that, to
181+ find a containing box for a node, a user agent need only search
182+ upward in the tree of rendering objects (not left, right, or down).
183+ -->
184+
185+ <li>Transfer the rendering structure to the target medium (e.g., print
186+ the results, display them on the screen, render text as speech,
187+ etc.).
188+ </ol>
189+
190+ <P>Step 1 lies outside the scope of this specification (see, for
191+ example, <a rel="biblioentry" href="./refs.html#ref-DOM"
192+ class="informref">[DOM]</a>).
193+
194+ <P>Steps 2-5 are addressed by the bulk of this specification.
195+
196+ <P>Step 6 lies outside the scope of this specification (and may not
197+ exist in a given implementation).
198+
199+ <P>The majority of transfer issues in step 7 lie outside the scope of
200+ this specification. However, CSS2 addresses these issues:
201+
202+ <ul>
203+ <li>What can user agents do when certain system resources are
204+ not available (e.g., <a href="fonts.html">fonts</a>)?
205+ <li>How do style sheets interact
206+ with system resources (e.g., <a href="ui.html">cursors and colors</a>)?
207+ <li>How do style sheet properties assist certain devices
208+ (e.g., <a href="page.html">page orientation for a printer</a>)?
209+ </ul>
210+
123211<H2>Design principles behind CSS2</H2>
124212
213+ <P><EM>This section is under construction</EM>
214+
125215<UL>
126216<LI>backward compatibility
127217<LI>complementary to structured documents
@@ -132,7 +222,5 @@ specify the bullet style for each list item to be a PNG image named
132222<LI>network performance
133223</UL>
134224
135- <P><EM>This section will be expanded</EM>
136-
137225</BODY>
138226</HTML>
0 commit comments