HTML/XHTML＋CSS 例解スタイル辞典

第１章　基本編

• 基本的なWebページ（XHTML1.0 Strict）
• 基本的なWebページ（HTML4.01 Strict）
• ヘッダー部分とボディ部分の記述
• ページタイトルの指定
• コンテンツのマークアップ
• スタイルシートでデザインを指定
• IDに対してスタイルを指定する
• IDとCLASSに対してスタイルを適用する
• ソース中にコメントを記述する
• スタイルシート内にコメントを記述する

第２章　ページ設定

• 使用した言語を指定する
• 関連ページの情報を埋め込む
• RSSとAtomを指定する
• ページの背景色と文字の基本色を指定する
• 見出しバーを画面の横幅いっぱいに表示する

第３章　テキスト

• 文章の横幅を指定する
• 複数の見出しを付ける
• 著作情報を表示する
• 引用したコンテンツを表示する
• グループごとに枠で囲む
• 相対値で文字サイズを指定する
• 文字の色を指定する
• フォントを指定する
• 文字の太さをアレンジする
• 見出しを斜体で表示する
• 文章に下線を引く
• 見出しや文章の文字の間隔を広くする
• 単語の間隔を調節してタイトルをデザインする
• 見出しの高さや行の間隔を調節する
• 右揃えでデザインする
• 段落の１行目を字下げして表示する
• 改行を利用したデザイン
• ソースを画面に表示する
• 改行を表示に反映させる

第４章　文字のマークアップ

• 文字を強調するデザイン
• 削除／追加した部分をデザインする
• 上付き・下付き文字のデザイン
• 注釈を記述する
• 引用部分のデザインを指定する
• 引用したコンテンツの引用元の情報を示す
• 用語解説を行う
• プログラムコードを記述する
• 文字をグループ化する
• ふりがなを使ったデザイン

第５章　レイアウトの基本

• 余白や間隔を調節する
• 見出しや文章を枠の中にレイアウトする
• コンテンツを点線で囲んで表示する
• コンテンツを罫線で区切る
• 画像に枠をつける
• 見出しマークと画像に枠をつける
• コンテンツを枠で囲む
• コンテンツの横幅
• 区切り線でコンテンツを区切る

第６章　表示とレイアウト

• ２段組でレイアウトする
• 見出しの位置で回り込みを解除する
• コンテンツの配置を自由に指定する
• タイトルやメニューを常に画面に表示する
• コンテンツを限られたスペースに表示する
• リンク部分をボタンの形にデザインする

第７章　リスト

• 文章をリスト形式で表示する
• 用語解説をデザインする
• リストでメニューを作成する

第８章　リンク

• 下線を削除してリンク部分をデザインする

第９章　画像／オブジェクト

• 画像にリンクを設定したときのデザイン

第10章　背景

• コンテンツ全体を枠で囲んで表示する
• 背景画像を使ってデザインする
• 背景画像を使ってマークをつける

第11章　テーブル

• テーブルをデザインする
• テーブルのグループに対してデザインを指定する

第12章　フォーム

• フォームのマークアップとデザイン
• フォームをデザインする
• ボタンのデザインを指定する
• グループ化したフォームをデザインする

第13章　コンテンツの挿入

• 自動挿入したコンテンツをデザインする
• カウンターをデザインする

第14章　スタイルシートの記述形式とメディア

• インラインスタイルシートで設定を上書きする