このページの本文へ
ナビゲーション

サンプルダウンロード

トップページ > サンプルダウンロード > 法則68 代替スタイルシートを利用して複数のスタイルシートを切り替える

法則68 代替スタイルシートを利用して複数のスタイルシートを切り替える

XHTMLソース

<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="alternate stylesheet" href="small.css" type="text/css" title="small" />
<link rel="alternate stylesheet" href="medium.css" type="text/css" title="medium" />
<link rel="alternate stylesheet" href="large.css" type="text/css" title="large" />

固定スタイルシートの指定【1】

<link rel="stylesheet" href="style.css" type="text/css" />

優先スタイルシートの指定【2】

<link rel="stylesheet" href="medium.css" type="text/css" title="medium" />

グループ化された優先スタイルシートの指定【3】

<link rel="stylesheet" href="medium_base.css" type="text/css" title="medium" />
<link rel="stylesheet" href="medium_font.css" type="text/css" title="medium" />
<link rel="stylesheet" href="style_base.css" type="text/css" title="large" />
<link rel="stylesheet" href="style_font.css" type="text/css" title="large" />

代替スタイルシートの指定【4】

<link rel="alternate stylesheet" href="medium.css" type="text/css" title="medium" />

W3C仕様書の参照箇所

第4章 ユーザビリティを向上させるCSSデザインの法則 一覧

  1. 法則60 CSSのみでロールオーバー効果を実現する
  2. 法則61 パンくずリストは階層構造を考えて作る
  3. 法則62 文書構造が明確にわかる縦並びのメニューを作成する
  4. 法則63 CSSのみでドロップダウン型メニューを作る
  5. 法則64 クリック領域を大きくしてユーザビリティを高める
  6. 法則65 リンク先のファイルタイプを利用者に明示する
  7. 法則66 リンク先が新規ウィンドウで開くことを明示する
  8. 法則67 CSSで擬似フレームを作成する
  9. 法則68 代替スタイルシートを利用して複数のスタイルシートを切り替える
  10. 法則69 印刷に適した印刷用スタイルシートを作成する
  11. 法則70 フィードにCSSを適用してユーザビリティを向上させる

このページのトップへ


取り扱いオンラインショップ
  • インプレスダイレクト
  • Amazon
  • 楽天ブックス
  • Kinokuniya BookWeb
  • 7&Y セブンアンドワイ
  • livedoor BOOKS