スラスラわかるCSSデザインのきほん

狩野祐東

作ってたしかめて、応用する力が身につく

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。

装飾からレイアウトまで、ステップバイステップで作ってたしかめてCSSデザインの基本が身につく入門書の決定版！既存ページのカスタマイズと、ゼロからのレイアウト作成を実習します。最新のCSS3で追加された便利なプロパティの使い方も紹介。Win/Mac対応。

chapter01 WebサイトとHTMLの基本
01 HTMLの基礎知識
02 新規ファイルの作成と保存
03 HTML記述のポイント
04 HTMLを書いてみよう

chapter02 CSSの基礎
01 CSSの基礎知識
02 CSSの仕組み、基本的な書式、各部の名称
03 CSSを記述する場所
04 CSSファイルを作成してHTMLファイルにリンクする
05 CSSを記述する

chapter03 カスタマイズから始めよう！テキスト周りのCSS
01 HTMLから要素を選択する「セレクタ」
02 ページ全体のフォント、テキストを調整する
03 さまざまなセレクタを使用する
04 継承とより高度なフォントの扱い

chapter04 ボックスモデルを理解しよう
01 ボックスとボックスモデル
02 背景色を変更する
03 背景に画像を使用する
04 ボックスモデルを理解しよう
05 サイドバーの表示をカスタマイズする
06 ショートハンドとauto値

chapter05 コンテンツのスタイル
01 CSSが適用される優先順位～カスケードと詳細度～
02 見出しの背景を変更する
03 ボックスの装飾とマージンの畳み込み
04 テーブルの基本的なCSSをマスターする

chapter06 フロートとポジション
01 通常のHTML配置とフロート、ポジション
02 全体のHTML構造を確認する
03 ページ全体に適用されるCSSを記述する
04 ヘッダーを作成する
05 ウィンドウ幅いっぱいに広がる背景画像を適用する
06 ヘッダーを仕上げる
07 ナビゲーションを作成する

chapter07 高度なページレイアウト
01 フロートとページレイアウト
02 キービジュアルをウィンドウの中央に配置する
03 メイン部分のレイアウトを作成する
04 フッター部分のレイアウトを作成する続きを読む