CSS+XHTMLホームページ作成テクニカルガイド
|
■■■ 目次 ■■■
Part1 スタイルシートの基礎
1-1 CSSとは
1-2 HTML文書におけるCSSの利用方法
1-3 CSSによるスタイルの設定
1-4 セレクタの種類
1-5 継承のルール
1-6 スタイルシートの切り替え
1-7 @規則
Part2 スタイルシートリファレンス
2-1 全体で使用する値の指定方法
2-1-1 長さを指定する単位
2-1-2 色を指定する方法
2-1-3 URLを指定する方法
2-2 ボックス
2-2-1 ボックス
2-2-2 ボーダーの線種
2-2-3 ボーダーの太さ
2-2-4 ボーダーの色
2-2-5 ボーダー線種・太さ・色の一括指定
2-2-6 マージン
2-2-7 パディング
2-2-8 幅と高さ
2-2-9 幅と高さの制限
2-3 配置
2-3-1 左右の配置と回り込み
2-3-2 配置方法と配置位置
2-3-3 要素の重なり順序
2-3-4 ボックスからはみ出た場合の処理
2-3-5 表示/非表示
2-3-6 ブロックレベルとインラインレベル
2-4 テキスト
2-4-1 文字色
2-4-2 横方向の位置揃え
2-4-3 縦方向の位置揃え
2-4-4 行の高さ
2-4-5 文字の間隔
2-4-6 字下げ
2-4-7 空白文字の表示
2-4-8 文字飾り
2-4-9 大文字/小文字変換
2-4-10 内容の追加
2-5 フォント
2-5-1 フォントのスタイル
2-5-2 スモールキャップ
2-5-3 フォントの太さ
2-5-4 フォントのサイズ
2-5-5 フォントファミリー
2-5-6 フォント属性の一括指定
2-5-7 @font-face
2-6 背景
2-6-1 背景色
2-6-2 背景画像
2-6-3背景画像の繰り返し
2-6-4 背景画像の表示位置
2-6-5 背景画像の固定
2-6-6 背景属性の一括指定
2-7 テーブル
2-7-1 セルのボーダーの表示方法
2-7-2 セルのボーダーの間隔
2-7-3 空白セルのボーダーの表示/非表示
2-7-4 テーブルの表示方法
2-7-5 テーブルのキャプションの位置
2-8 リスト
2-8-1 リストマーク文字の種類
2-8-2 リストマーク画像
2-8-3 リストマークの表示位置
2-8-4 リストマークの一括指定
2-9 その他(フォーム、カーソル、スクロールバー、フィルタ、印刷、音声)
2-9-1 カーソル
2-9-2 フォーム
2-9-3 @page
2-9-4 印刷時の改ページ指定
Part3 XHTML + CSS によるWebサイト制作
3-1 XHTMLとは
3-1-1 XML化のメリット
3-1-2 XHTMLのためのルール
3-1-3 StrictとTransitional、Framesetの違い
3-1-4 XHTML 1.1の要素
3-2-1 アクセシビリティ向上のためのXHTMLの書き方
3-2-2 アクセシビリティ向上のためのCSSの書き方
3-2-3 WebアクセシビリティとSEO
3-3 CSSを使ったWebページの制作手順
3-3-1 セレクタ設計
3-3-2 XHTML文書の作成
3-3-3 スタイルシートの作成
3-3-4 XHTMLおよびCSSの検証
3-4 Goliveを使ったスタイルシートの作成
3-4-1 Webページにスタイルを設定する
3-4-2 セレクタ追加の方法
3-4-3 プロパティの設定
3-4-4 クラススタイル追加の方法
3-4-5 外部スタイルシートを作成する
3-4-6 外部スタイルシートを作成する(その2)
3-4-7 外部スタイルシートを作成する(その3)
Part4 XHTML Basic + CSS による携帯電話サイト制作
4-1 小型機器用のためのXHTML
4-1-1 XHTML BasicとXHTML Mobile Profile
4-1-2 各キャリアのXHTML仕様
4-2 小型機器用のためのCSS
4-2-1 CSS Mobile Profile
4-2-2 セレクタ
4-2-3 ボーダー
4-2-4 マージン
4-2-5 パディング
4-2-6 幅と高さ
4-2-7 配置
4-2-8 テキスト
4-2-9 フォント
4-2-10 背景
4-2-11 リストマーク
4-3 XHTML + CSS サイトの携帯電話対応