全て
| カテゴリ未分類
| 雑学
| PC&Web
| お取り寄せ
| CSSメモ
| Web標準対応 - レイアウト実践
| Web標準
| オオイヌノフグリ成長記録
| デュランタ(タカラヅカ)の成長記録
| Web標準 -2007-
| PHP
| XOOPS
テーマ:Web標準(117)
カテゴリ:CSSメモ
詳解HTML & XHTML & CSS辞典改訂版 Designing with Web standards Web標準の教科書 スタイルシートスキルアップ・デザインブック(1) スタイルシートスキルアップ・デザインブック(2) そりゃそーだわな!と思いながらも実感してなくって知~らなんだ! 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区中心・駅近ホテルズ お気に入りの記事を「いいね!」で応援しよう
[CSSメモ] カテゴリの最新記事
|