929368 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

Web標準にアプローチ 〔まいまいのお宿。〕

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! --/--
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
2006/09/13
XML
テーマ:Web標準(117)
カテゴリ:CSSメモ
知~らなんだ。知~らなんだ!

そりゃそーだわな!と思いながらも実感してなくって知~らなんだ!
CSSで body { background:gray; } とかして
それが記述してある外部CSSファイルにリンクするのに
「<link href="cmn.css" rel="sty ・・・・・略・・・・」って書くよね。
属性に media="all" ってのは良く書いていて、それも何気になので気づかなかった。

知人に「このサイトはどうして背景が印刷されないの?」って聞かれて
「スタイルシートの設定がどうのこうのなってると思う」と答えたのは数ヶ月前だったかな?

嘘っぱちでもないのだけど、犯人さんは media="screen" なんだよね。
これだけだと、印刷時には背景がない状態になっちゃうんだよね。
どのスタイルも適用されないってことか。
いくらCSSに body { background:gray; } って書いてあっても
グレーの背景は印刷されないわけです。ふむふむ。

全部同じスタイルでよければ media="all" でいいわけだけど
そうじゃなかったら、表示用、印刷用のスタイルシートを準備して
それぞれのファイルへのリンクと、指定をしてあげればヨシってことです♪

実際に試してみたのは今日が初めてでした(笑) 
■全部共通の時の指定
<link href="all.css" rel="stylesheet" type="text/css" media="all" />

■表示用の指定

<link href="csrn.css" rel="stylesheet" type="text/css" media="screen" />

■印刷用の指定
<link href="prnt.css" rel="stylesheet" type="text/css" media="print" />
台風の影響で雨降ってます。
遠くにいても、台風は侮れないんですってぇ~
湿った空気が流れ込んで秋雨前線が活発になって局所的に大雨になったりして。

ジメジメは梅雨シーズンだけでたくさんよ~
そんな時はこの可愛いお顔を。

  はんなり豆腐

めっちゃ、いいわ~
グッズも売ってるんだよ。
こちらにて ⇒ はんなり豆腐のウェブサイト
お目当てはこの子達 ⇒ はんなり豆腐のストラップ

・・・・・つづく


Web標準にアプローチ(サイト版) || 東京23区中心・駅近ホテルズ





お気に入りの記事を「いいね!」で応援しよう

最終更新日  2006/09/13 05:06:53 PM
コメント(4) | コメントを書く



© Rakuten Group, Inc.