MdN Web Mook ああしたい、こう変えたいが手にとるようにわかる CSS基礎
エムディエヌコーポレーション / 2015年07月17日 / 全226ページ
【「わからない」とは絶対言わせない!】
本書はCSSの仕組みや書き方、考え方をていねいに解説した入門書です。Webサイト(ホームページ)作成の初心者の方がCSSを書くときに、一番難しい点のひとつが「どこを変えるか」を見つけることです。そのため本書の解説では、CSSの書き方や使い方だけではなく、「変えたい場所の探し方」を理解し、身につけることに重点を置いています。なお、本書のサンプルデータ(ダウンロード提供)は、完成ファイルをお手本に、練習ファイルを作成していく形式です。Webサイトやブログのデザインをカスタマイズしたい方、CSSをゼロからしっかり学びたい方に最適な内容となっています。
本書はCSSの仕組みや書き方、考え方をていねいに解説した入門書です。Webサイト(ホームページ)作成の初心者の方がCSSを書くときに、一番難しい点のひとつが「どこを変えるか」を見つけることです。そのため本書の解説では、CSSの書き方や使い方だけではなく、「変えたい場所の探し方」を理解し、身につけることに重点を置いています。なお、本書のサンプルデータ(ダウンロード提供)は、完成ファイルをお手本に、練習ファイルを作成していく形式です。Webサイトやブログのデザインをカスタマイズしたい方、CSSをゼロからしっかり学びたい方に最適な内容となっています。
目次
- 扉
- クレジット
- はじめに
- 目次
- 本書の使い方
- 本書のダウンロードデータについて
- ■CHAPTER 1 HTMLとCSS
- 01 Webページは何でできている?
- 02 HTMLの役割
- 03 CSSの役割
- 04 Webページを構成する要素
- 05 基本的なHTMLタグ
- ■CHAPTER 2 CSSの基本
- 01 CSSの基本構造
- 02 セレクタの基本
- 03 CSSを記述する場所
- 04 Webページで使われる単位
- 05 CSSで使われる色
- 06 CSSの基本概念
- ■CHAPTER 3 Webをデザインする準備
- 扉
- クレジット
- はじめに
- 目次
- 本書の使い方
- 本書のダウンロードデータについて
- ■CHAPTER 1 HTMLとCSS
- 01 Webページは何でできている?
- 02 HTMLの役割
- 03 CSSの役割
- 04 Webページを構成する要素
- 05 基本的なHTMLタグ
- ■CHAPTER 2 CSSの基本
- 01 CSSの基本構造
- 02 セレクタの基本
- 03 CSSを記述する場所
- 04 Webページで使われる単位
- 05 CSSで使われる色
- 06 CSSの基本概念
- ■CHAPTER 3 Webをデザインする準備
- 01 Web制作に必要な環境を整えよう
- 02 Webサイトの作成に使うWebブラウザ
- 03 Web制作に使用するテキストエディタ
- 04 Bracketsの基本的な使い方
- 05 画像編集のアプリケーション
- ■CHAPTER 4 文字(テキスト)
- 01 Webページのテキスト
- 02 Webサイト全体の文字のサイズを変える
- 03 Webページ全体の文字色を変える
- 04 フォントの種類を変更する
- 05 文字を太くする
- 06 文字を斜体にする
- 07 行の高さを調整する
- 08 文字の字間を調整する
- 09 水平方向の位置を指定する
- 10 テキストリンクの色を変更する
- 11 文字に線をつける
- 12 文章の一部だけスタイルを変更する
- 13 文字の字下げを表現する
- ■CHAPTER 5 色(カラー)
- 01 Webサイトと色
- 02 背景の色を変える
- 03 見出しや段落の背景色を変える
- 04 背景の画像を指定する
- 05 テキストの一部に効果をつける
- 06 表見出しの背景色を変える
- 07 表のデータ行の背景色を変える
- ■CHAPTER 6 装飾
- 01 枠線をつける
- 02 表に枠線をつける
- 03 縦の項目を線で区切る
- 04 ボックスに影をつける
- 05 文字に影をつける
- 06 リストマークを変える
- 07 角を丸くする
- ■CHAPTER 7 レイアウト
- 01 CSSのレイアウトの基本
- 02 内側の余白を調整する
- 03 外側の間隔を調整する
- 04 横幅を指定する
- 05 高さを指定する
- 06 文章を画像に回り込ませる
- 07 画像を装飾する
- 08 左右2段組にレイアウトする
- 09 スクロールバーつきのボックスをつくる
- 10 項目を領域ごと非表示にする
- 11 項目を非表示にする
- ■CHAPTER 8 見出しを装飾する
- 01 見出しに背景色をつける
- 02 見出しにアンダーラインを引く
- 03 見出しの始まりに装飾を入れる
- 04 見出しを枠線で囲む
- 05 装飾を組み合わせる
- ■CHAPTER 9 CSSを適用する
- 01 CSSの指定箇所を探すには
- 02 強制的にCSSを適用させる方法
- ■CHAPTER 10 Webサイトの装飾を変える
- 01 Webサイトの装飾を変えてみよう[初級編]
- 02 Webサイトの装飾を変えてみよう[中級編]
- 03 Webサイトの装飾を変えてみよう[上級編]
- ■CHAPTER 11 ブログのCSSを変える
- 01 WebサービスにCSSを適用する[アメブロ編]
- 02 WebサービスにCSSを適用する[Jimdo編]
- 用語索引
- 執筆者プロフィール
- 奥付
- カバー
※このデジタル雑誌には目次に記載されているコンテンツが含まれています。それ以外のコンテンツは、本誌のコンテンツであっても含まれていません のでご注意ください。
※電子版では、紙の雑誌と内容が一部異なる場合や、掲載されないページがある場合があります。