CSS 3实战

CSS 3实战
分享
扫描下方二维码分享到微信
打开微信,点击右上角”+“,
使用”扫一扫“即可将网页分享到朋友圈。
作者:
2011-05
版次: 1
ISBN: 9787111341550
定价: 69.00
装帧: 平装
开本: 16开
纸张: 胶版纸
页数: 312页
25人买过
  •   《CSS 3实战》:国内首本CSS 3专著,全面而深入讲解CSS 3的最新特性和布局之道

      《CSS 3实战》:实战性强,全书囊括近百个精心设计的实战案例,理论与实践完美结合

      《CSS 3实战》:资深Web前端工程师多年实践经验的结晶,3大社区联袂推荐
      成林,资深Web前端工程师,从事Web前端工作多年,精通CSS、HTML、JavaScript、jQuery和Ajax等Web前端技术,在实践中积累了大量的经验。推崇Web技术标准,曾经在多所高等院校和一些线下技术沙龙主讲Web标准和规范相关的课程,曾经还参与过W3C组织的标准化文档的中文编译工作。近两年来,集中精力研究和实践CSS 3和 HTML 5前沿技术,是国内该领域的先驱者之一,已经有较为深入的认识和丰富的实践经验。 前言

    第1章 预览激动人心的CSS3

    1.1 CSS3发展概述

    1.2 CSS3模块化简介

    1.3 CSS3新特性概览

    1.4 主流浏览器对CSS3的支持

    1.5 CSS3的未来和思考
    第2章 CSS3新增的选择器

    2.1 属性选择器

    实战体验:文档共享的友善之举

    2.2 结构伪类选择器

    实战体验1:设计优雅的数据表格

    实战体验2:CSS大战保龄球

    实战体验3:让枯燥的列表更有趣

    实战体验4:清理圆角边框中的垃圾标签

    2.3 UI元素状态伪类选择器

    实战体验1:设计可用的表单

    实战体验2:设计友好、易用的表单

    2.4 其他新增选择器

    实战体验1:设计层序化的数据表格

    实战体验2:改善页内导航的视觉体验
    第3章 增强的文本和颜色功能

    3.1 文本阴影-text-shadow属性?

    实战体验:设计超酷的黑猫警长首页

    3.2 溢出文本省略-text-overflow属性

    实战体验:设计固定区域的新闻列表

    3.3 文本换行显示-word-wrop属性

    实战体验:防止表格标题行换行

    3.4 CSS3文本模块解析

    3.5 CSS3不同版本之间的文本规范的差异

    3.6 HSL色彩模式

    实战体验:网页配色解决方案表

    3.7 HSLA色彩模式

    实战体验:模拟渐变色条

    3.8 RGBA色彩模式

    实战体验:设计带阴影边框的表单

    3.9 不透明度-opacity属性

    实战体验:设计灯箱广告背景布
    第4章 新增的弹性盒模型

    4.1 定义盒子的布局取向-box-orient属性

    实战体验:设计多栏布局

    4.2 定义盒子的布局顺序-box-direction属性

    实战体验:反向布局网页

    4.3 定义盒子布局位置-box-ordinal-group属性

    实战体验:垂直网页布局

    4.4 定义盒子的弹性空间-box-flex属性

    实战体验:自适应栏目宽度设计

    4.5 管理盒子的空间-box-pack和box-align属性

    实战体验:自适应布局居中设计

    4.6 空间溢出管理-box-lines属性

    实战体验:让子元素分行显示

    4.7 弹性布局综合实战-打造新技术含量的博客

    4.7.1 构建博客页的基本结构

    4.7.2 完善博客页的结构

    4.7.3 弹性布局设计
    第5章 完善的盒模型和UI设计

    5.1 定义多色边框-border-color属性

    实战体验:设计立体边框

    5.2 定义边框背景图-border-image属性

    实战体验:设计各种精巧的边框

    5.3 设计圆角-border-radius属性

    5.4 设计块阴影-box-shadow属性

    5.5 CSS3边框和背景样式综合实战

    5.6 设计多重背景图象-background属性

    实战体验:背景图像合成

    5.7 定义背景坐标原点-background-origin属性

    实战体验:设计信纸背景效果

    5.8 定义背景裁剪区域-background-clip属性

    实战体验1:设计内容区背景

    实战体验2:设计按钮效果

    5.9 定义背景图像大小-background-size属性

    实战体验:设计自适应模块大小的背景图像

    5.10 溢出内容处理-overflow-x和overflow-y属性

    5.11 定义盒模型解析模式-box-sizing属性

    5.12 自由缩放-resize属性

    实战体验:设计能随意调整大小的壁画

    5.13 义外轮廓线-outline属性

    实战体验:设计醒目激活和焦点提示框

    5.14 定义外轮廓线宽度-outline-width属性

    5.15 定义外轮廓线样式-outline-style属性

    5.16 定义外轮廓线颜色-outline-color属性

    5.17 定义外轮廓线位移-outline-offset属性

    实战体验:放大激活和焦点提示框

    5.18 定义导航序列号-nav-index属性

    实战体验:调整表单输入框的键盘激活顺序

    5.19 定义方向键控制顺序

    实战体验:正确定义键盘控制键顺序

    5.20 为元素添加内容-content属性
    第6章 CSS3多列布局

    6.1 定义多列布局-columns属性

    实战体验:设计文章多栏显示

    6.2 定义列宽度-column-width属性

    实战体验:设计固定宽度的栏目版面

    6.3 定义列数-column-count属性

    实战体验:设计固定列数的版面

    6.4 定义列间距-column-gap属性

    实战体验:设计疏朗的文档版面

    6.5 定义列边框样式-column-rule属性

    实战体验:为多列布局版面设计边框效果

    6.6 定义跨列显示-column-span属性

    实战体验:设计文章标题跨列显示

    6.7 定义栏目高度-column-fill属性

    实战体验:设计不等高的多列布局效果

    6.8 分列打印

    6.9 结合案例实战-设计精美的多列网页版式
    第7章 CSS3渐变设计

    7.1 Webkit引擎的CSS渐变实现方法

    7.1.1 基本语法

    7.1.2 直线渐变的基本用法

    7.1.3 渐变的其他应用

    7.2 Gecko引擎的CSS渐变实现方法

    7.2.1 直线渐变基本语法

    7.2.2 直线渐变的基本用法

    7.2.3 径向渐变基本语法

    7.2.4 径向渐变的基本用法

    7.2.5 渐变的应用

    7.3 IE浏览器引擎的CSS渐变实现方法

    7.3.1 基本语法

    7.3.2 IE渐变滤镜实战应用

    7.4 W3C标准化的CSS渐变实现方法

    7.5 CSS3渐变实战

    7.5.1 CSS渐变下拉菜单

    7.5.2 CSS渐变按钮
    第8章 CSS3动画设计

    8.1 CSS变形(Transformation)

    8.1.1 变形基础-transform属性

    实战体验:设计一个简单的鼠标动画

    8.1.2 旋转动画-rotate()函数

    8.1.3 缩放动画-scale()函数

    8.1.4 移动动画-translate()函数

    8.1.5 倾斜动画-skew()函数

    8.1.6 矩阵变形动画-matrix()函数

    8.1.7 CSS3实战体验:设计图片墙

    8.2 CSS变形原点-transform-origin属性

    CSS3实战体验:定义图片旋转的原点

    8.3 CSS过渡-transition属性

    8.3.1 设置过渡的CSS属性-transition-property属性

    8.3.2 设置过渡的时间-transition-duration属性

    8.3.3 设置过渡延迟时间-transition-delay属性

    8.3.4 设置过渡效果-transition-timing-function属性

    CSS3实战体验:设计OSXDock(OS系统的导航码头)

    8.4 CSS动画-animation属性

    8.4.1 设置CSS动画名称-animation-name属性

    8.4.2 设置CSS动画时间-animation-duration属性

    8.4.3 设置CSS动画播放方式-animation-timing-function属性

    8.4.4 设置CSS动画开始播放的时间-animation-delay属性

    8.4.5 设置CSS动画播放次数-animation-iteration-count属性

    8.4.6 设置CSS动画播放方向-animation-direction属性

    CSS3实战体验:设计自动翻转的图片效果

    8.5 CSS3动画综合实战

    8.5.1 设计动态立体盒子

    8.5.2 设计CSS3手风琴式折叠面板

    8.5.3 设计能够旋转背景的易拉罐

    8.5.4 设计旋转出仓的光盘动画效果
    第9章 CSS3新增的其他功能

    9.1 引用外部字体类型规则

    9.1.1 @font-face规则的用法

    实战体验:设计艺术字体

    9.1.2 关于开放字体格式

    9.2 定义CSS设备类型-MediaQueries

    9.2.1 @media规则的用法

    实战体验:为不同设备设计不同的盒子框样式

    9.2.2 使用MediaQueries链接外部CSS文件

    9.2.3 测试MediaQueries

    9.3 定义投影-CSSReflections

    CSS实战体验:应用CSSReflections

    9.4 定义语音样式-CSS3Speech

    实战体验:体验CSS3Speech应用
  • 内容简介:
      《CSS 3实战》:国内首本CSS 3专著,全面而深入讲解CSS 3的最新特性和布局之道

      《CSS 3实战》:实战性强,全书囊括近百个精心设计的实战案例,理论与实践完美结合

      《CSS 3实战》:资深Web前端工程师多年实践经验的结晶,3大社区联袂推荐
  • 作者简介:
      成林,资深Web前端工程师,从事Web前端工作多年,精通CSS、HTML、JavaScript、jQuery和Ajax等Web前端技术,在实践中积累了大量的经验。推崇Web技术标准,曾经在多所高等院校和一些线下技术沙龙主讲Web标准和规范相关的课程,曾经还参与过W3C组织的标准化文档的中文编译工作。近两年来,集中精力研究和实践CSS 3和 HTML 5前沿技术,是国内该领域的先驱者之一,已经有较为深入的认识和丰富的实践经验。
  • 目录:
    前言

    第1章 预览激动人心的CSS3

    1.1 CSS3发展概述

    1.2 CSS3模块化简介

    1.3 CSS3新特性概览

    1.4 主流浏览器对CSS3的支持

    1.5 CSS3的未来和思考
    第2章 CSS3新增的选择器

    2.1 属性选择器

    实战体验:文档共享的友善之举

    2.2 结构伪类选择器

    实战体验1:设计优雅的数据表格

    实战体验2:CSS大战保龄球

    实战体验3:让枯燥的列表更有趣

    实战体验4:清理圆角边框中的垃圾标签

    2.3 UI元素状态伪类选择器

    实战体验1:设计可用的表单

    实战体验2:设计友好、易用的表单

    2.4 其他新增选择器

    实战体验1:设计层序化的数据表格

    实战体验2:改善页内导航的视觉体验
    第3章 增强的文本和颜色功能

    3.1 文本阴影-text-shadow属性?

    实战体验:设计超酷的黑猫警长首页

    3.2 溢出文本省略-text-overflow属性

    实战体验:设计固定区域的新闻列表

    3.3 文本换行显示-word-wrop属性

    实战体验:防止表格标题行换行

    3.4 CSS3文本模块解析

    3.5 CSS3不同版本之间的文本规范的差异

    3.6 HSL色彩模式

    实战体验:网页配色解决方案表

    3.7 HSLA色彩模式

    实战体验:模拟渐变色条

    3.8 RGBA色彩模式

    实战体验:设计带阴影边框的表单

    3.9 不透明度-opacity属性

    实战体验:设计灯箱广告背景布
    第4章 新增的弹性盒模型

    4.1 定义盒子的布局取向-box-orient属性

    实战体验:设计多栏布局

    4.2 定义盒子的布局顺序-box-direction属性

    实战体验:反向布局网页

    4.3 定义盒子布局位置-box-ordinal-group属性

    实战体验:垂直网页布局

    4.4 定义盒子的弹性空间-box-flex属性

    实战体验:自适应栏目宽度设计

    4.5 管理盒子的空间-box-pack和box-align属性

    实战体验:自适应布局居中设计

    4.6 空间溢出管理-box-lines属性

    实战体验:让子元素分行显示

    4.7 弹性布局综合实战-打造新技术含量的博客

    4.7.1 构建博客页的基本结构

    4.7.2 完善博客页的结构

    4.7.3 弹性布局设计
    第5章 完善的盒模型和UI设计

    5.1 定义多色边框-border-color属性

    实战体验:设计立体边框

    5.2 定义边框背景图-border-image属性

    实战体验:设计各种精巧的边框

    5.3 设计圆角-border-radius属性

    5.4 设计块阴影-box-shadow属性

    5.5 CSS3边框和背景样式综合实战

    5.6 设计多重背景图象-background属性

    实战体验:背景图像合成

    5.7 定义背景坐标原点-background-origin属性

    实战体验:设计信纸背景效果

    5.8 定义背景裁剪区域-background-clip属性

    实战体验1:设计内容区背景

    实战体验2:设计按钮效果

    5.9 定义背景图像大小-background-size属性

    实战体验:设计自适应模块大小的背景图像

    5.10 溢出内容处理-overflow-x和overflow-y属性

    5.11 定义盒模型解析模式-box-sizing属性

    5.12 自由缩放-resize属性

    实战体验:设计能随意调整大小的壁画

    5.13 义外轮廓线-outline属性

    实战体验:设计醒目激活和焦点提示框

    5.14 定义外轮廓线宽度-outline-width属性

    5.15 定义外轮廓线样式-outline-style属性

    5.16 定义外轮廓线颜色-outline-color属性

    5.17 定义外轮廓线位移-outline-offset属性

    实战体验:放大激活和焦点提示框

    5.18 定义导航序列号-nav-index属性

    实战体验:调整表单输入框的键盘激活顺序

    5.19 定义方向键控制顺序

    实战体验:正确定义键盘控制键顺序

    5.20 为元素添加内容-content属性
    第6章 CSS3多列布局

    6.1 定义多列布局-columns属性

    实战体验:设计文章多栏显示

    6.2 定义列宽度-column-width属性

    实战体验:设计固定宽度的栏目版面

    6.3 定义列数-column-count属性

    实战体验:设计固定列数的版面

    6.4 定义列间距-column-gap属性

    实战体验:设计疏朗的文档版面

    6.5 定义列边框样式-column-rule属性

    实战体验:为多列布局版面设计边框效果

    6.6 定义跨列显示-column-span属性

    实战体验:设计文章标题跨列显示

    6.7 定义栏目高度-column-fill属性

    实战体验:设计不等高的多列布局效果

    6.8 分列打印

    6.9 结合案例实战-设计精美的多列网页版式
    第7章 CSS3渐变设计

    7.1 Webkit引擎的CSS渐变实现方法

    7.1.1 基本语法

    7.1.2 直线渐变的基本用法

    7.1.3 渐变的其他应用

    7.2 Gecko引擎的CSS渐变实现方法

    7.2.1 直线渐变基本语法

    7.2.2 直线渐变的基本用法

    7.2.3 径向渐变基本语法

    7.2.4 径向渐变的基本用法

    7.2.5 渐变的应用

    7.3 IE浏览器引擎的CSS渐变实现方法

    7.3.1 基本语法

    7.3.2 IE渐变滤镜实战应用

    7.4 W3C标准化的CSS渐变实现方法

    7.5 CSS3渐变实战

    7.5.1 CSS渐变下拉菜单

    7.5.2 CSS渐变按钮
    第8章 CSS3动画设计

    8.1 CSS变形(Transformation)

    8.1.1 变形基础-transform属性

    实战体验:设计一个简单的鼠标动画

    8.1.2 旋转动画-rotate()函数

    8.1.3 缩放动画-scale()函数

    8.1.4 移动动画-translate()函数

    8.1.5 倾斜动画-skew()函数

    8.1.6 矩阵变形动画-matrix()函数

    8.1.7 CSS3实战体验:设计图片墙

    8.2 CSS变形原点-transform-origin属性

    CSS3实战体验:定义图片旋转的原点

    8.3 CSS过渡-transition属性

    8.3.1 设置过渡的CSS属性-transition-property属性

    8.3.2 设置过渡的时间-transition-duration属性

    8.3.3 设置过渡延迟时间-transition-delay属性

    8.3.4 设置过渡效果-transition-timing-function属性

    CSS3实战体验:设计OSXDock(OS系统的导航码头)

    8.4 CSS动画-animation属性

    8.4.1 设置CSS动画名称-animation-name属性

    8.4.2 设置CSS动画时间-animation-duration属性

    8.4.3 设置CSS动画播放方式-animation-timing-function属性

    8.4.4 设置CSS动画开始播放的时间-animation-delay属性

    8.4.5 设置CSS动画播放次数-animation-iteration-count属性

    8.4.6 设置CSS动画播放方向-animation-direction属性

    CSS3实战体验:设计自动翻转的图片效果

    8.5 CSS3动画综合实战

    8.5.1 设计动态立体盒子

    8.5.2 设计CSS3手风琴式折叠面板

    8.5.3 设计能够旋转背景的易拉罐

    8.5.4 设计旋转出仓的光盘动画效果
    第9章 CSS3新增的其他功能

    9.1 引用外部字体类型规则

    9.1.1 @font-face规则的用法

    实战体验:设计艺术字体

    9.1.2 关于开放字体格式

    9.2 定义CSS设备类型-MediaQueries

    9.2.1 @media规则的用法

    实战体验:为不同设备设计不同的盒子框样式

    9.2.2 使用MediaQueries链接外部CSS文件

    9.2.3 测试MediaQueries

    9.3 定义投影-CSSReflections

    CSS实战体验:应用CSSReflections

    9.4 定义语音样式-CSS3Speech

    实战体验:体验CSS3Speech应用
查看详情
您可能感兴趣 / 更多
CSS 3实战
英语同步练习册(选择性必修第四册)
成林 编
CSS 3实战
离湘
成林 著
CSS 3实战
南京历代经典散文
成林 著;曹路宝 编;程章灿
CSS 3实战
新自由论
成林 著
CSS 3实战
Bootstrap实战
成林 著
CSS 3实战
编写高质量代码:改善JavaScript程序的188个建议
成林 著
CSS 3实战
三国乱弹
成林 著
CSS 3实战
毛泽东的智源(图文版)
成林 编