Home > P.109

P.109

  • Last Modified: 2008年11月24日 16:52

このページは、株式会社技術評論社より刊行されている実践 Web Standards Design に記載しているソースコードのサンプルを呈示しています。 書籍該当部分と照合しやすいように前後の解説文も掲載していますが、あくまで照合用のため、適宜前後を省いたり内容を省略したりしています。 書籍を読みながら実際にサンプルを表示する際の補助資料として活用してください。

また、 XHTML ソースと CSS ソース、関連画像を含めた全サンプルの ZIP アーカイブ (3,104,743 Bytes) もダウンロードできます。 ( ZIP アーカイブには解説文は含まれていません。)

解説 (1)

この XHTML 文書には固定スタイルシートとして fixed.css が適用されます。

その内容が次のようなものとします。

CSS(1)

@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  line-height: 1.6;
  color: #00a;
  font-size: 100%;
  font-family: "Times New Roman" , Verdana , sans-serif;
}

Download(1)

解説 (2)

さらに、優先スタイルシートとして適用される basic.css は次のようなものとします。

この例のような場合、まず固定スタイルシートである fixed.css の内容が読み込まれ、そして優先スタイルシートの basic.css の内容が読み込まれてスタイルの指定が行われます。 全体の文字の色は fixed.css のスタイルから、見出しの文字サイズは basic.css のスタイルから指定が行われています。

CSS(2)

@charset "UTF-8";
h1 {
  margin: 1em;
  font-size: 3em;
}

h2 {
  margin: 1.5em;
  font-size: 1.5em;
}

h3 {
  margin: 1.8em;
  font-size: 1.2em;
}

p,
dl {
  margin: 3em;
}

Download(2)

Comments:0

Comment Form

コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。

Trackbacks:0

TrackBack URL for this entry
http://lh3.jp/files/system/mtos/mt-tb.cgi/45
Listed below are links to weblogs that reference
P.109 from lh3.jp

Home > P.109

Tag Cloud
Categories
Archives
Search
Feeds
  • Feed by feedburner.jp

Return to page top