http://wbex.ru/index.php?action=history&feed=atom&title=HTML%2FCSS%2FStyle_Basics%2Fmedia
HTML/CSS/Style Basics/media - История изменений
2026-04-04T07:25:12Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=HTML/CSS/Style_Basics/media&diff=5934&oldid=prev
в 09:21, 26 мая 2010
2010-05-26T09:21:00Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 09:21, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
http://wbex.ru/index.php?title=HTML/CSS/Style_Basics/media&diff=5935&oldid=prev
Admin: 1 версия
2010-05-26T08:17:24Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>==insert a page break before an element by using page-break-before:always==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title></title><br />
<style type="text/css" media="print"><br />
* .page-break-before {<br />
page-break-before: always;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div class="page-break-before">Page break before this element.</div> <br />
</body><br />
</html> <br />
</source><br />
<br />
<br />
<br />
<br />
==insert a page break in the document for printing purposes.==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title></title><br />
<style type="text/css" media="print"><br />
* .page-break-before {<br />
page-break-before: always;<br />
}<br />
* .page-break-after {<br />
page-break-after: always;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div class="page-break-after">Page break after this element. </div> <br />
<div class="page-break-after">Page break after this element. </div> <br />
<div class="page-break-before">Page break before this element.</div> <br />
</body><br />
</html> <br />
</source><br />
<br />
<br />
<br />
<br />
==Language ISO subcode==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
Language ISO Subcode<br />
Danish for Denmark da_DK<br />
German for Austria de_AT<br />
German for Switzerland de_CH<br />
German for Germany de_DE<br />
English for Canada en_CA<br />
English for Denmark en_DK<br />
English for Great Britain en_GB<br />
English for Ireland en_IE<br />
English for the US en_US<br />
French for Canada fr_CA<br />
Hungarian for Hungary hu_HU<br />
Italian for Italy it_IT<br />
Japanese for Japan ja_JP<br />
Greenlandic for Greenland kl_GL<br />
Lithuanian for Lithuania lt_LT<br />
Latvian for Latvia lv_LV<br />
Dutch for the Netherlands nl_NL<br />
Polish for Poland pl_PL<br />
Portuguese for Portugal pt_PT <br />
</source><br />
<br />
<br />
<br />
<br />
==Link two style files, one for screen, one for print==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title>Linked Style Sample</title><br />
<link rel="stylesheet" type="text/css" media="screen" href="style.css" /><br />
<link rel="stylesheet" type="text/css" media="print" href="print.css" /><br />
</head><br />
<body><br />
<h1>Welcome!</h1><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==media="all"==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title>Combination Style Sheet Example</title><br />
<style type="text/css" media="all"><br />
h1 {<br />
font: .85em Verdana;<br />
color: blue;<br />
)<br />
p {<br />
font: .95em Verdana;<br />
}<br />
</style><br />
</head><br />
<body><br />
<h1 style="font-family: Times; font-size: .95em;"><br />
Aftermath</h1><br />
<p><em>this is a test. </em></p><br />
<p>this is a test. ,<br /><br />
this is a test. </p><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==media="Screen"==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title></title><br />
<style type="text/css" media="Screen"><br />
#internal {<br />
width: 200px;<br />
height: 100px;<br />
background: #999999;<br />
overflow: auto;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div id="internal"><br />
<p>this is a test. this is a test. this is a test. this is a test. <br />
this is a test. this is a test. this is a test. this is a test. <br />
this is a test. this is a test. this is a test. this is a test. <br />
this is a test. this is a test. this is a test. this is a test. </p><br />
</div><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==The media attribute lets you control what styles are applied to whichmedia.==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><br />
<head><br />
<title>media</title><br />
<style rel="stylesheet" type="text/css" media="all"><br />
p {<br />
font: 12px sans-serif;<br />
background: yellow;<br />
padding: 10px;<br />
}<br />
@media screen {<br />
p#print {<br />
display: none;<br />
}<br />
p#screen {<br />
border: 10px solid gold;<br />
}<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<p id="screen"><br />
this is a test. this is a test. <br />
<br />
</p><br />
</body><br />
</html><br />
</source><br />
<br />
<br />
<br />
<br />
==these rules will only apply when printing==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title>Print Styles</title><br />
<style type="text/css" media="print"><br />
body { <br />
font-family: "Times New Roman", serif; <br />
font-size: 12pt; <br />
} <br />
<br />
#nav, #sidebar, #search { <br />
display: none; <br />
} <br />
<br />
a:link, a:visited { <br />
color: blue; <br />
text-decoration: underline; <br />
} <br />
<br />
#content a:link:after, #content a:visited:after { <br />
content: " (" attr(href) ") "; <br />
} <br />
<br />
</style><br />
</head><br />
<body><br />
<h1>Print Styles</h1><br />
<ul id="nav"><br />
<li><a href="#">Nav Item 1</a></li><br />
<li><a href="#">Nav Item 2</a></li><br />
<li><a href="#">Nav Item 3</a></li><br />
</ul><br />
<form id="search"><br />
<input type="text" /><br />
<input type="submit" value="Search" /><br />
</form><br />
<div id="content"><br />
<p>This is a test. <a href="http://www.s.ru">This is a test. </a>. </p><br />
<br />
<p><code>This is a test. </code>.</p><br />
</div><br />
<div id="sidebar"><br />
<p>This is a test. .</p><br />
</div><br />
</body><br />
</html><br />
</source></div>
Admin