學會CSS3「實用」能力 ╱ 技巧
透過實際範例讓你輕鬆掌握CSS3的設計技巧
.學會實際使用CSS3執行設計工作。
.詳細解說屬性以及選擇器的功能和用途。
.對瀏覽器的支援狀況一目瞭然。
這本書以系統化方式詳細整理了CSS3,並且透過範例介紹,從中學會該項功能,是一本活用了CSS3的書籍。
CSS3新增了許多CSS2.1沒有的功能,過去利用影像或JavaScript
才能呈現的網頁設計,現在只要利用樣式,就能輕鬆完成。
CSS3主要新增的功能如下:
.圓角
.盒陰影
.漸層
.網路字型
.彈性佈局設計、垂直網頁佈局、多欄佈局等新的版面排列手法
.直行排版
.2D/3D變形效果(旋轉/放大縮小/移動)
.轉換/動畫・角丸
這些功能都支援目前主流的瀏覽器。此外,與HTML5搭配運用以及開發智慧型手機使用的網站、網路應用程式、電子書等方面,也都是不可缺少的重要功能。
本書依照基本、布局、色彩配置及背景&格線設計、內容規劃、特殊效果、介面等項目構成各個章節,裡面整理了主要的CSS3模組以及相關資訊。
以CSS3規範內能支援主要瀏覽器的選擇器以及相關設定當作主要說明內容,而瀏覽器不支援的功能以及各個瀏覽器獨特的擴充功能則使用TIPS形式註解。
依照各種功能,書內記載了詳細說明以及應用範例。此外,還記載了最新的主流瀏覽器(Firefox、Safari、Chrome、Opera、 Internet Explorer)以及智慧型手機(iOS 的Mobile Safari、Android標準瀏覽器)的支援狀況。
透過本書可以有條理地掌握CSS3,瞭解此時「就該使用這項功能」,是網頁製作者/設計者手邊必備的一本書。
目錄
Charpter 1 基本概念
Selectors 選擇器 / Syntax 語法 / Media Queries 媒體查詢 / Paged Media 頁式媒體
Charpter 2 排版
Basic Box Model 方塊模型 / Flexible Box Layout 彈性排版 / Grid Layout 網格排版
Multi-column 多欄位排版 / Positioning 定位
Charpter 3 色彩配置與背景、框線的設計
Color 顏色 / Backgrounds and Borders 背景與框線
Image Values and Replaced Content 影像
Charpter 4 內容設計
Fonts 字型 / Text 文字 / Line Layout 行的排版 / Writing Modes 文字方向 / Ruby 注音標示 / Lists 清單 / Generated and Replaced Content 插入與置換內容 / Tables 表格
Charpter 5 特殊效果
2D Transformations 2D 變形效果 / 3D Transformations 3D 變形效果
Transitions 轉換 / Animation 動畫
Charpter 6 介面
Basic User Interface 使用者介面
Appendix
屬性&瀏覽器支援狀況一覽表
索引
Charpter 1 基本概念
Selectors 選擇器 / Syntax 語法 / Media Queries 媒體查詢 / Paged Media 頁式媒體
Charpter 2 排版
Basic Box Model 方塊模型 / Flexible Box Layout 彈性排版 / Grid Layout 網格排版
Multi-column 多欄位排版 / Positioning 定位
Charpter 3 色彩配置與背景、框線的設計
Color 顏色 / Backgrounds and Borders 背景與框線
Image Values and Replaced Content 影像
Charpter 4 內容設計
Fonts 字型 / Text 文字 / Line Layout 行的排版 / Writing Modes 文字方向 / Ruby 注音標示 / Lists 清單 / ...