新書推薦:
《
量子网络的构建与应用
》
售價:HK$
109.8
《
拍电影的热知识:126部影片里的创作技巧(全彩插图版)
》
售價:HK$
109.8
《
大唐名城:长安风华冠天下
》
售價:HK$
87.4
《
情绪传染(当代西方社会心理学名著译丛)
》
售價:HK$
88.5
《
中国年画 1950-1990 THE NEW CHINA: NEW YEAR PICTURE 英文版
》
售價:HK$
236.0
《
革命与反革命:社会文化视野下的民国政治(近世中国丛书)
》
售價:HK$
93.2
《
画楼:《北洋画报》忆旧(年轮丛书)
》
售價:HK$
337.5
《
大国脊梁:漫画版
》
售價:HK$
80.2
編輯推薦:
资深Web技术专家、Web开放标准布道者撰写,系统讲解最新CSS3标准中的各种功能和特性,Web前端工程师必备
注重实战,每个知识点都辅之以设计精巧的案例,可操作性极强
內容簡介:
全书共8章:第1章简单介绍了CSS3的重要更新、现代Web设计的理念以及常用的CSS3特性;第2章讲解了如何利用HTML5和JavaScript构建坚实的跨浏览器模板;第3章详细介绍了CSS3中新增的字体、文本、排版方面的特性;第4章讲解了CSS3新增的各种与盒子相关的特性;第5章和第6章分别讲解了CSS3的动画特性以及如何利用CSS3生成图标;第7章则介绍了CSS3中新增的与排版和布局相关的特性,以及如何利用CSS3进行排版和布局;第8章以迭代的方式完成了贯穿全书的一个完整案例,介绍了媒介查询、viewport、自适应图片和视频技术等内容,旨在帮助读者将理论知识贯穿于实践中,迅速成为新一代Web开发技术中的弄潮儿。
關於作者:
Chris
Mills 资深Web开发工程师、开放Web标准的布道者,从事Web开发多年,对各种Web开发技术都有非常深入的研究,尤其是HTML5与CSS3,经验极其丰富。目前就职于Opera公司,是Opera网络标准课程的创立者,同时也是W3C网络教育社区组的联职主席。他还为dev.opera.com、.net
magazine、A List Apart等网站编写开放标准,并在高校和全球行业会议上发表相关演讲。
目錄 :
译者序
CSS3欢迎你
致 谢
第1章 CSS3和现代Web设计
1.1 为什么要使用CSS3
1.2 现代Web设计理念
1.2.1 可访问性第一
1.2.2 可用性其次
1.2.3 优雅降级和渐进增强
1.3 对内容的思考过程
1.4 本书中的CSS3模块
1.5 常用CSS3特性
1.5.1 厂商前缀
1.5.2 CSS3颜色
1.5.3 用rem调整文本大小
1.5.4 CSS3选择器
小结
第2章 利用HTML5与JavaScript构建坚实的跨浏览器模板
2.1 从HTML5语义开始
2.1.1 为什么用HTML5
2.1.2 HTML5错误处理
2.2 建立模板
2.2.1 HTML5的DOCTYPE
2.2.2 语言和基本文档纲要
2.2.3 定义文档字符集
2.2.4 XHTML5和代码风格
2.2.5 为HTML5语义元素添加跨浏览器支持性
2.3 校验HTML5
2.4 探索HTML5元素
2.4.1 与
2.4.2 与
2.4.3 与
2.4.4
2.4.5
2.4.6
2.4.7 与
2.4.8
2.4.9
2.4.10 HTML5表单元素
2.4.11
2.5 CSS重置和normalize.css
2.6 JavaScript库综述
2.6.1 css3-mediaqueries-js
2.6.2 CSS3PIE
2.6.3 Modernizr
2.6.4 Selectivizr
2.7 IE条件注释
小结
第3章 让字体和文本变得有趣
3.1 蟒蛇来啦
3.2 使用Web字体
3.2.1 给示例使用Web字体
3.2.2 Web-Font问题
3.2.3 Windows渲染问题
3.2.4 商用字体服务
3.3 CSS3文本争执
3.3.1 文本阴影
3.3.2 控制文本溢出
3.3.3 word-wrap打破长单词
3.3.4 控制断字
3.4 CSS3排版
3.4.1 基于Web的连写和文本渲染优化
3.4.2 启用Web高级的字体特性font-feature-settings
3.4.3 连写和自由连写
3.4.4 数字、分数和序数
3.4.5 小型大写字母和小号大写字母
3.4.6 字距调整
3.4.7 样式集和其他组合效果
3.4.8 font-feature用途的小贴士
小结
第4章 CSS3修饰的增强盒子
4.1 CSS3修饰的光明前景
4.2 border-radius:圆角的福音
4.3 使用box-shadow添加立体效果
4.4 用CSS渐变来修饰
4.4.1 线性渐变
4.4.2 径向渐变
4.4.3 为旧版IE提供渐变支持
4.5 多重背景
4.6 构思巧妙的盒子:border-image
4.7 box-decoration-break
4.8 给横幅广告添加修饰
4.8.1 构建基础
4.8.2 添加CSS3火花
4.8.3 支持旧版浏览器
4.8.4 改进广告
小结
第5章 用CSS3制作动画效果
5.1 CSS动画
5.2 变形
5.2.1 2D变形
5.2.2 3D变形
5.3 过渡
5.3.1 选择过渡的元素
5.3.2 选择过渡持续时间
5.3.3 过渡延迟时间
5.3.4 过渡的速率变化
5.3.5 过渡简写及多重过渡
5.4 动画
5.4.1 建立基本动画
5.4.2 给元素应用动画
5.4.3 设置动画持续时间
5.4.4 调整动画的速率
5.4.5 增加延迟时间
5.4.6 选择animation-direction:back还是forth
5.4.7 animation-fill-mode
5.4.8 简写和多重动画
5.5 用动画提升横幅广告
5.6 用Modernizr提供备选方案
5.6.1 给页面添加Modernizr
5.6.2 提供替换样式
5.6.3 动画和脚本
小结
第6章 使用CSS生成图标
6.1 翻滚吧,图标
6.2 在页面上使用图标
6.3 何时使用图标
6.4 生成图标的基础
6.4.1 内容生成图标
6.4.2 CSS Sprite图
6.4.3 更“防弹式”的图标
6.4.4 多背景图片的修饰图标
6.5 Web字体作为图标
6.6 独特的纯CSS图标
小结
第7章 CSS3布局排版
7.1 CSS3布局模块简介
7.2 多栏布局
7.2.1 设置分栏的数量
7.2.2 根据宽度分栏而非数量
7.2.3 定义分栏空隙
7.2.4 定义分栏内容的填充方式
7.2.5 内容的跨栏目布置
7.2.6 控制栏目的划分
7.2.7 实战多栏布局
7.2.8 多栏布局的问题
7.3 使用Flexbox
7.3.1 控制Flexbox的子项伸缩流的方向
7.3.2 自定义子元素的显示顺序
7.3.3 对齐Flexbox子项
7.3.4 弹性的Flexbox
7.3.5 用Modernizr实现跨浏览器Flexbox
7.4 探索网格
7.4.1 定义网格结构
7.4.2 将内容嵌套在网格上
7.4.3 一个真实的网格例子
7.4.4 网格问题
7.5 值得一提的其他布局模块
7.5.1 区域
7.5.2 排除
7.5.3 GCPM
小结
第8章 响应式和自适应设计
8.1 网络浏览器简史
8.2 响应式设计策略
8.2.1 不做任何特殊处理
8.2.2 不同的设备提供不同的内容
8.2.3 为不同浏览器设备优化网站
8.3 弹性布局技术
8.3.1 可伸缩的容器
8.3.2 响应式媒体布局
8.4 媒介查询
8.4.1 一些媒介查询的例子
8.4.2 移动设备优先
8.5 媒介查询补丁
8.6 提供响应式图片
8.7 移动浏览器是个骗子
8.8 高保真设备
8.9 一个响应式的重金属横幅广告
8.9.1 第一种选择:800px或者更小
8.9.2 第二种选择:480px或者更小
小结
內容試閱 :
译 者 序
本书英文版书名《Practical CSS3:Develop and
Design》,作者Chris
Mills是一名杰出的Web技术专家、Web开放标准的布道者和Web教育变革者。他创立了Opera网络标准课程,是W3C网络教育社区组的联职主席。贯穿本书的一个核心就是Pratical,也就是我们说的“实战”。毕竟技术不是艺术作品,不能停留在纸面上,投入实际工作才是技术的最佳归宿。
CSS3是近两年在Web开发技术领域最热门的关键词之一,另一个当然就是HTML5了。CSS3带来的种种新特性与惊喜想必相当多的读者已经耳熟能详了,但就其实用化来说,我相信相当多的Web开发者选择了保留态度。大量的文章常常将CSS3与HTML5放在一起作为未来Web开发技术发展的方向,这也许给人们造成了错觉,但没有任何资料表明CSS3是一定要与HTML5配合运用或者CSS3就是针对HTML5的,事实上CSS3早在1999年就开始制订,而HTML5的前身草案直至2004年才提出。译者认为CSS3最有意思的改变不是引入了哪些强大的特性,而是它通过模块化的方式解决了与过去版本、未来版本的关系问题。例如CSS2上的特性被归为CSS二级模块,而CSS3基于这些特性发展出来的新特性则称为三级模块。模块的构建是可以跨级别的,对于未来的CSS来说,一些模块可以直接从二级模块上发展而来,成为四级模块,因此,未来很可能不会存在一个称为CSS4的独立模块,以后谈到的CSS4将指的是CSS四级模块的集合。正是由于模块化的管理方式,浏览器可以以模块为单位逐步完成对CSS3的支持。对于Web开发者来说,也鼓励我们采用新的CSS模块。我们完全有理由从现在起就以拥抱的姿态去迎接CSS3,而不是像电影《艺术家》中的默片大师那样在有声电影时代面前输给技术的进步、输给自己的骄傲、输给时代的车轮。
由于“实战”是本书的核心与目的,书中以大量的单独例子和一些贯穿全书的实例来让读者亲身实战CSS3。作者Chris
Mills对谈及的每个模块的用途、用法、发展状况都做出了翔实的阐述,对支持性不足的模块还介绍了各种实用的后备方案和优雅降级,甚至引入了像CSS3PIE这样神奇的解决方案来让那些旧版浏览器在一定程度上支持CSS3的新特性。读完本书,相信你对CSS3的实用化会有全新的认识,作者贯穿全书的开发思想也一定能让读者在其他领域受益匪浅。
本书的翻译工作主要由韦剑宾和我两名译者完成,第6章由蔡述雄翻译。
感谢林小志和本书编辑团队中的秦健,没有你们,我们将与此书失之交臂。
感谢腾讯ISUX部门的前端同事们(特别是飞鱼)以及各位产品经理群的朋友们,谢谢你们教会我们很多知识。感谢于海洋,谢谢你在百忙之中为本书贡献了一份力!
感谢背后神秘人——翁彦骏,没有你的支持,我可能会胆怯不敢接下此翻译工作;也感谢你帮忙负责整理译稿的早期格式和符号校正工作。
最后将由衷的谢意献给亲爱的家人。因为我们将陪伴家人的时间抽出来贡献给翻译工作而忽略你们!我们深爱着你们!
林雪玉