<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>screen | Web活メモ帳</title>
	<atom:link href="https://blog.verygoodtown.com/tag/screen/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.verygoodtown.com</link>
	<description>WEB開発者が使える世界の情報を発信します</description>
	<lastBuildDate>Sat, 27 Feb 2010 17:08:42 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.9.10</generator>
<site xmlns="com-wordpress:feed-additions:1">122803348</site>	<item>
		<title>一つのCSSでWEB用と印刷用を使い分ける方法</title>
		<link>https://blog.verygoodtown.com/2010/02/css-using-single-web-and-print/</link>
					<comments>https://blog.verygoodtown.com/2010/02/css-using-single-web-and-print/#respond</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Thu, 25 Feb 2010 23:27:26 +0000</pubDate>
				<category><![CDATA[WEB製作全般]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[media]]></category>
		<category><![CDATA[print]]></category>
		<category><![CDATA[screen]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=2802</guid>

					<description><![CDATA[<p>CSSは印刷用に別途用意する場合が多いのですが、一つのファイルにまとめてhttpアクセスを少なくし高速化を目指す「CSS efficiency tip: use a single stylesheet file for  [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2010/02/css-using-single-web-and-print/">一つのCSSでWEB用と印刷用を使い分ける方法</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100226-01.jpg" alt="20100226-01" title="20100226-01" width="501" height="121" class="alignnone size-full wp-image-2810" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100226-01.jpg 501w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100226-01-300x72.jpg 300w" sizes="(max-width: 501px) 100vw, 501px" /><br />
CSSは印刷用に別途用意する場合が多いのですが、一つのファイルにまとめてhttpアクセスを少なくし高速化を目指す「<a href="http://www.456bereastreet.com/archive/201002/css_efficiency_tip_use_a_single_stylesheet_file_for_multiple_media/" target="_blank">CSS efficiency tip: use a single stylesheet file for multiple media</a>」というエントリーのご紹介。</p>
<p>微妙な違いですが、少しでもチューニングしたい場合に使えるかもしれません。</p>
<p>詳しくは以下<br />
<span id="more-2802"></span></p>
<h3>CSS内に@media属性を追加する</h3>
<p>一つのCSSでメディアタイプを指定するには<strong class="important">@media</strong>属性を使用します。<br />
すべてのメディアに指定する場合は@mediaの外側に記述します。</p>
<p>以下のようなサンプルで動作するようです。</p>
<pre class="brush:css;">
body {
	color:#ffff00;
	background-color:#fff;
}

@media screen, projection {
	body { background-image:url(background.png); }
}
@media print {
	body { color:#000; }
}
@media handheld {
	body { color:#0f6517; }
}
</pre>
<p>複数のファイルを保守しなくても良い分、作業の効率化にもつながるのではないでしょうか。<br />
ただしMac IEで動作しないとの事なので、注意です。<br />
興味のある方はぜひ使ってみてください！</p>The post <a href="https://blog.verygoodtown.com/2010/02/css-using-single-web-and-print/">一つのCSSでWEB用と印刷用を使い分ける方法</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2010/02/css-using-single-web-and-print/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2802</post-id>	</item>
	</channel>
</rss>
