8000 use more markup · w3c/csswg-drafts@63bd852 · GitHub
Skip to content

Commit 63bd852

Browse files
annevkannevk
committed
use more markup
1 parent d988764 commit 63bd852

2 files changed

Lines changed: 38 additions & 23 deletions

File tree

‎css3-mediaqueries/Overview.html‎

Lines changed: 28 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -24,13 +24,13 @@
2424

2525
<h1 id=media-queries>Media Queries</h1>
2626

27-
<h2 class="no-num no-toc" id=w3c-working>Editor's Draft 7 April 2008</h2>
27+
<h2 class="no-num no-toc" id=w3c-working>Editor's Draft 9 April 2008</h2>
2828

2929
<dl>
3030
<dt>This version:
3131

3232
<dd><a
33-
href="http://www.w3.org/TR/2008/ED-css3-mediaqueries-20080407/">http://www.w3.org/TR/2008/ED-css3-mediaqueries-20080407/</a>
33+
href="http://www.w3.org/TR/2008/ED-css3-mediaqueries-20080409/">http://www.w3.org/TR/2008/ED-css3-mediaqueries-20080409/</a>
3434

3535
<dt>Latest version:
3636

@@ -88,15 +88,19 @@ <h2 class="no-num no-toc" id=abstract>Abstract</h2>
8888
<p>HTML4 and CSS2 currently support media-dependent style sheets tailored
8989
for different <em>media types</em>. For example, a document may use
9090
sans-serif fonts when displayed on a screen and serif fonts when printed.
91-
"Screen" and "print" are two media types that have been defined. <em>Media
92-
queries</em> extend the functionality of media types by allowing more
93-
precise labeling of style sheets.
91+
&lsquo;<code class=css>screen</code>&rsquo; and &lsquo;<code
92+
class=css>print</code>&rsquo; are two media types that have been defined.
93+
<em>Media queries</em> extend the functionality of media types by allowing
94+
more precise labeling of style sheets.
9495

9596
<p>A media query consists of a media type and one or more expressions to
9697
limit the scope of style sheets. Among the <em>media features</em> that
97-
can be used in media queries are "width", "height", and "color". By using
98-
media queries, presentations can be tailored to a specific range of output
99-
devices without changing the content itself.
98+
can be used in media queries are &lsquo;<code
99+
class=css>width</code>&rsquo;, &lsquo;<code
100+
class=css>height</code>&rsquo;, and &lsquo;<code
101+
class=css>color</code>&rsquo;. By using media queries, presentations can
102+
be tailored to a specific range of output devices without changing the
103+
content itself.
100104

101105
<h2 class="no-num no-toc" id=status>Status of this document</h2>
102106

@@ -301,11 +305,21 @@ <h2 id=background><span class=secno>1. </span>Background</h2>
301305
</pre>
302306
</div>
303307

304-
<p>The "print" and "screen" media types are defined in HTML4. The complete
305-
list of media types in HTML4 is: "aural", "braille", "handheld", "print",
306-
"projection", "screen", "tty", "tv". CSS2 defines the same list, removes
307-
"aural" and adds "embossed" and "speech". Also, "all" is used to indicate
308-
that the style sheet applies to all media types.
308+
<p>The &lsquo;<code class=css>print</code>&rsquo; and &lsquo;<code
309+
class=css>screen</code>&rsquo; media types are defined in HTML4. The
310+
complete list of media types in HTML4 is: &lsquo;<code
311+
class=css>aural</code>&rsquo;, &lsquo;<code
312+
class=css>braille</code>&rsquo;, &lsquo;<code
313+
class=css>handheld</code>&rsquo;, &lsquo;<code
314+
class=css>print</code>&rsquo;, &lsquo;<code
315+
class=css>projection</code>&rsquo;, &lsquo;<code
316+
class=css>screen</code>&rsquo;, &lsquo;<code class=css>tty</code>&rsquo;,
317+
&lsquo;<code class=css>tv</code>&rsquo;. CSS2 defines the same list,
318+
removes &lsquo;<code class=css>aural</code>&rsquo; and adds &lsquo;<code
319+
class=css>embossed</code>&rsquo; and &lsquo;<code
320+
class=css>speech</code>&rsquo;. Also, &lsquo;<code
321+
class=css>all</code>&rsquo; is used to indicate that the style sheet
322+
applies to all media types.
309323

310324
<p>Media-specific style sheets are supported by several user agents. The
311325
most commonly used feature is to distinguish between "screen" and "print".
7D5C
@@ -369,7 +383,7 @@ <h2 id=media0><span class=secno>2. </span>Media Queries</h2>
369383
<p>A media query consists of a media type and one or more <span class=index
370384
id=expressions>expressions</span> involving <span class=index
371385
id=media>media features</span>. If the media type is omitted it is assumed
372-
to be "all".
386+
to be &lsquo;<code class=css>all</code>&rsquo;.
373387

374388
<div class=example>
375389
<p>Here is a simple example written in HTML:</p>

‎css3-mediaqueries/Overview.src.html‎

Lines changed: 10 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -68,15 +68,15 @@ <h2 class="no-num no-toc" id="abstract">Abstract</h2>
6868
<p>HTML4 and CSS2 currently support media-dependent style sheets
6969
tailored for different <em>media types</em>. For example, a
7070
document may use sans-serif fonts when displayed on a screen and
71-
serif fonts when printed. "Screen" and "print" are two media
71+
serif fonts when printed. ''screen'' and ''print'' are two media
7272
types that have been defined. <em>Media queries</em> extend the
7373
functionality of media types by allowing more precise labeling of
7474
style sheets.</p>
7575

7676
<p>A media query consists of a media type and one or more
7777
expressions to limit the scope of style sheets. Among the <em>media
78-
features</em> that can be used in media queries are "width",
79-
"height", and "color". By using media queries, presentations can be
78+
features</em> that can be used in media queries are ''width'',
79+
''height'', and ''color''. By using media queries, presentations can be
8080
tailored to a specific range of output devices without changing the
8181
content itself.</p>
8282

@@ -180,11 +180,12 @@ <h2>Background</h2>
180180
</pre>
181181
</div>
182182

183-
<p>The "print" and "screen" media types are defined in HTML4. The
184-
complete list of media types in HTML4 is: "aural", "braille",
185-
"handheld", "print", "projection", "screen", "tty", "tv". CSS2 defines
186-
the same list, removes "aural" and adds "embossed" and "speech". Also, "all"
187-
is used to indicate that the style sheet applies to all media types.</p>
183+
<p>The ''print'' and ''screen'' media types are defined in HTML4. The
184+
complete list of media types in HTML4 is: ''aural'', ''braille'',
185+
''handheld'', ''print'', ''projection'', ''screen'', ''tty'', ''tv''. CSS2
186+
defines the same list, removes ''aural'' and adds ''embossed'' and
187+
''speech''. Also, ''all'' is used to indicate that the style sheet applies
188+
to all media types.</p>
188189

189190
<p>Media-specific style sheets are supported by several user
190191
agents. The most commonly used feature is to distinguish between
@@ -256,7 +257,7 @@ <h2 id="media0">Media Queries</h2>
256257
<p>A media query consists of a media type and one or more
257258
<span class="index">expressions</span> involving <span
258259
class="index">media features</span>. If the media type is omitted it is
259-
assumed to be "all".</p>
260+
assumed to be ''all''.</p>
260261

261262
<div class="example">
262263
<p>Here is a simple example written in HTML:</p>

0 commit comments

Comments
 (0)