WINGS(Www INtegrated Guide on Server-architecture)
Www INtegrated Guide on Server-architecture :
本日のお薦め:
   ウェブメイトサーバーサービス
   ホーム Q&A掲示板 サーバサイド環境構築設定 つぶやき ブックマーク レンタルサーバー 総合FAQ/訂正&ダウンロード このページをはてなブックマークに登録        
  • 刊行書籍情報   [マップ
  • オンライン公開 技術記事
  • シリーズ別書籍リスト
  • 「WINGS News」登録/解除
  • WINGSプロジェクト紹介
  • WINGSプロジェクトメンバ募集



WebDeli - Spicy Tools, Delicious Sites
↑ASP.NETのツールなら



【カテゴリ】 その他


デザインサンプルで学ぶCSSによる実践スタイリング入門  

デザインサンプルで学ぶCSSによる実践スタイリング入門

WINGSプロジェクト 宮本麻矢/著
山田祥寛/監修
株式会社 翔泳社/発行
定価 1,600円(+税)
電子版・ 128ページ・ 4色
ISBN 978-4-7981-5081-9
発刊日: 2017年3月15日

[Amazon.co.jpからオンライン購入する]


   FAQ 本書訂正 アンケート ダウンロード出版社サイト

本書の特徴
Webページのデザイン方法を学ぼう

Webページをデザインする際、具体的にどのようにコーディングすれば良いのか分からない人のために、カテゴリごとに詳しく学べる構成です。
見出しやリスト、フォームなど、Webページを構成する部品のデザインサンプルを紹介し、CSSによるスタイリング方法を解説します。
本書は、CodeZine連載「CSSで作るWeb用パーツ」を書籍化したものです。
本書で紹介しているコード例は、ダウンロードサンプルで提供しています。

まとめて読んで 更にスキルアップのこんな書籍

・HTML&CSSの基礎をサクッと学べる
たった1日で基本が身に付く! HTML&CSS 超入門」(技術評論社)

  Contents


第1章 見出し
1.1 はじめに
1.2 見出しのデフォルトスタイルをリセットする
1.3 borderプロパティを使った見出しのCSSデザイン
1.4 backgroundプロパティを使った見出しのCSSデザイン
1.5 擬似要素で見出しを立体的に表現をする
1.6 まとめ

第2章 リスト
2.1 リストのデフォルトスタイルをリセットする
2.2 リストマーカーのスタイリング
2.3 リストを横並びに配置する
2.4 まとめ

第3章 テーブル(セルのボーダーの表示形式によるスタイリング)
3.1 ボーダーの表示形式
3.2 ボーダー幅1pxのシンプルなゼブラテーブル
3.3 グラデーションや角丸を使ったグラフィカルなテーブル
3.4 まとめ

第4章 テーブル(ハイライト表示/縦列のスタイリング)
4.1 テーブルの縦列をスタイリングする
4.2 行にカーソルを乗せるとハイライト表示するテーブル
4.3 行と列をハイライト表示するテーブル
4.4 まとめ

第5章 フォーム(検索ボックス)
5.1 フラットデザインの検索ボックス
5.2 立体感のある検索ボックス
5.3 フォーカス時に幅が広がる検索ボックス
5.4 まとめ

第6章 フォーム(ラジオボタン・チェックボックス・セレクトフォーム)
6.1 ラジオボタンのスタイリング
6.2 チェックボックスのスタイリング
6.3 セレクトフォームのスタイリング
6.4 まとめ

第7章 フォーム(お問い合わせフォーム)
7.1 エアメール風デザインのお問い合わせフォーム
7.2 封筒のスタイリング
7.3 フォームパーツのスタイリング
7.4 まとめ

第8章 floatプロパティによるレイアウト
8.1 floatレイアウトのポイント 1
8.2 floatレイアウトのポイント 2
8.3 floatレイアウトサンプル:テキストの回り込み
8.4 floatレイアウトサンプル:横並びの配置
8.5 まとめ

第9章 テキスト(マルチカラム)
9.1 はじめに
9.2 マルチカラムによる段組みレイアウト
9.3 マルチカラムの間隔と区切り線
9.4 マルチカラムレイアウトサンプル
9.5 まとめ
9.6 参考資料

本ページへのリンクには、このロゴをご利用ください。


著作権情報個人情報保護について広告掲載についてRSSフィードについて
出版社の方々へ会社概要スタッフ紹介サイトマップ  
お問い合わせ: mailto:yoshihiro@wings.msn.to
Copyright(c) 1998-2017,Yamada Yoshihiro.  All Right Reserved.