您现在的位置：图书 > CSS3实用指南

CSS3实用指南

作　　者：(美) 吉伦瓦特(Gillenwater，Z.M.) 著

出版社：人民邮电出版社

丛书：图灵程序设计丛书

出版时间：2012年02月

定　　价：49.00

I S B N ：9787115273789

所属分类：专业科技 > 计算机/网络 > 制图、图形与多媒体

购买这本书可以去

价格报错

标　　签：计算机与互联网网页制作

TOP内容简介

　　《CSS3实用指南》是一本传播很广的关于CSS3 应用方面的图书。它介绍了如何应用CSS3 才能比传统方法更加高效、灵活地实现一些常见而优美的网页设计效果。本书通过一系列务实而创新的项目，在实践中为读者讲解CSS3 应用的前沿技巧。另外本书还整理了每一项CSS3 属性、选择器和值的使用方法，为读者提供了示例之外的实用性极强的实践指导。
　　本书适合网站开发人员与网页设计师阅读。

TOP目录

第1章　 CSS3的来龙去脉
1.1 　什么是CSS3
1.1.1 　新特性概览
1.1.2　 CSS3的当前进展
1.1.3　现在就开始使用CSS3
1.2　浏览器的支持状况
1.2.1　浏览器市场份额
1.2.2　主流浏览器支持状况
1.3　渐进增强
1.3.1　优点
1.3.2　 “让我来打个比方……”
1.4　 CSS3的好处
1.4.1　减少开发和维护的耗时
1.4.2　提升页面性能
1.5　更好的搜索引擎优化
1.5.1　提高可用性和可达性
1.5.2　与时俱进
1.6　案例学习：公路安全研究中心
1.6.1　使用CSS3之前
1.6.2　使用CSS3之后
1.7　明智地使用CSS3
1.7.1 　浏览器前缀
1.7.2　处理不支持的浏览器
1.7.3　使用条件表达式过滤IE
1.8　搞定不予支持的客户或老板
1.8.1 　有些事不必说
1.8.2　提前教给他们渐进增强的思想
1.8.3　控制客户因设计稿而生的过度期望
第2章　气泡对话框
2.1　基础页面
2.2　包裹长文本
2.3　无图的图形效果
2.3.1 　圆角的实现
2.3.2　增加气泡的尾巴
2.3.3　利用RGBA或HSLA实现半透明背景
2.3.4　无图实现色彩渐变
2.3.5　无图实现盒状阴影
2.3.6　无图实现文字阴影
2.4　头像的变形效果
2.4.1 　什么是“变形”
2.4.2　旋转头像图片
2.5　大功告成
第3章　纸质笔记
3.1　基础页面
3.2　高级背景图片技术
3.2.1 　背景图片缩放
3.2.2　单一容器上的复合背景图片
3.2.3　添加图片边框
3.2.4　添加阴影
3.3　嵌入字体
3.3.1 　@font-face是什么
3.3.2　选择可用字体
3.3.3　浏览器支持度
3.3.4　字体格式转换
3.3.5　使用@font-face
3.4　大功告成
第4章　根据类型为图片和链接定义样式
4.1　基础页面
4.2　什么是属性选择器
4.3　用动态添加的图标指示文件类型
4.3.1 　除图标之外的备选方案
4.3.2　修正IE 6的问题
4.4　区别处理全幅图和缩略图的样式
4.4.1 　使用类可能遇到的问题
4.4.2　使用属性选择器按类型定位元素
4.5　大功告成
第5章　使用伪类来提高效率
5.1　不使用ID和类来定位特定元素
5.1.1 　新的结构伪类
5.1.2　回归气泡对话框：颜色交替
5.1.3　回归照片：随机旋转
5.2　动态高亮显示页面的区域
5.2.1 　:target伪类
5.2.2　增加目录
5.2.3　更改聚焦区块的背景色
5.2.4　用纯CSS实现动画
第6章　不同的屏幕尺寸，不同的设计
6.1　基础页面
6.2　媒体查询是什么
6.3　针对宽屏来改变布局
6.3.1 　由横向导航条变为纵向目录
6.3.2　多列文本
6.4　针对窄屏来改变布局
6.5　针对移动设备来改变布局
6.5.1 　什么是设备宽度
6.5.2　第三次媒体查询
6.5.3　针对高清显示屏来改进界面
6.5.4　可视区域的meta标签
6.6　针对其他浏览器的兼容方案
6.7　大功告成
第7章　布局秀
7.1　重大改变
7.2　无需浮动或绝对定位，创建多列布局
7.2.1 　子元素自适应
7.2.2　增加栏目
7.2.3　重定栏目顺序
7.2.4　多栏等高
7.2.5　水平和垂直居中
7.3　实际情况：现实可用部分
7.3.1 　弹性表单布局
7.3.2　底部区域黏附
7.4　弹性布局模型的替代品
7.4.1 　box-sizing属性
7.4.2　未来的布局系统
附录　浏览器支持度
贡献　　 239

TOP书摘

第一章　CSS3的来龙去脉
　　在使用CSS3之前，你应该对它的来龙去脉有个基本了解。在这一章中，你将知晓CSS3与CSS2.1的区别，以及当前浏览器对CSS3的支持情况。对于那些尚未完全支持CSS3的浏览器，我们会介绍一些临时兼容的方案和模拟实现的方法。你也会了解到即刻在项目中使用CSS3所带来的各种实际好处，包括可以用来说服多疑的客户或老板的一系列理由（这可是实际的好处，别认为它们仅仅只是些理论观点）。最后，我们还会介绍如何使用CSS3才能符合渐进增强的设计原则，并讲解一些最佳实践，让应用了CSS3的项目尽可能地健壮且与时俱进。
　　1.1　什么是CSS3
　　CSS3是CSS2.1的扩展，它在CSS2.1的基础上增加了很多强大的新功能，但是它已不再像CSS2.1那样是单一的规范。CSS3被划分成几个模块，每个模块都是CSS的某个子集的独立规范，比如选择器、文本或者背景。每个模块都有各自独立的创作者和时间表。这样做的好处是整个CSS3规范的发布不再需要停下来等待某个难产的小条目——这个模块或许尚需等待，但其他模块的流程却能够继续向前推进。
　　在www.w3.org/Style/CSS/current-work这个网页里，你可以看到一份包含了所有模块的列表，以及它们目前的进度离最终发布还有多远。稍后我们将在本章讨论这些模块的当前进度，现在先来看看CSS3中激动人心的新特性吧！
　　1.1.1　新特性概览
　　理所当然，大部分的CSS3规范都重复了CSS2.1的内容，但也在它的基础上进行了很多增补和修订。下面列出来的变更并不全面——全部列出也不太现实，因此我们只罗列了从CSS2.1到CSS3中那些支持度较好、更流行且更实用的变更。
　　不依赖图片的视觉效果。CSS3包含了大量新特性，可以用来创建一些以前只能通过图片（或脚本）才实现的视觉效果，比如圆角、阴影、半透明背景、渐变以及图片边框等。在这些新特性之中，多数是属于“背景和边框”（Backgrounds and Borders）模块的，其余的则属于“色彩和图像”（Colors and Image Values）模块。我们将在第2章中介绍这些特效，并在之后的章节里多次应用它们。
　　盒容器变形。CSS3中还有一类视觉效果，让我们可以在2D或者3D空间里操作盒容器的位置和形状，比如旋转、缩放或者移动。这些特效称为变形，在“2D变形”（2D Transforms）和“3D变形”（3D Transforms）模块中都有涉及。你将在第2章中了解变形特效。
　　独一无二的字体。“字体”（Font）模块引入了@font-face规则，让你能够引入一个存放于服务器的字体文件，并使用该字体来显示页面中的文本，这就突破了以往只能使用用户机器上的字体的限制，也使得页面能呈现出更漂亮的页面。你将在第3章详细了解@font-face。
　　强大的选择器。CSS3新增了十多个选择器，大部分是伪类和属性选择器。你可用它们选取HTML结构中的特定片段而无需增加特定的ID或类，从而精简代码并使之更加不易出错。这些选择器都描述在“选择器”（Selectors）模块里，在第4章和第5章我会详细地介绍它们。
　　过渡与动画。CSS3的过渡（transition）在其同名的模块里描述。它是一种简单的动画特效，可以平缓地呈现一个元素的样式变化。例如，当用户将鼠标悬停于按钮之上时渐进且平滑地改变其颜色。更复杂的CSS3“动画”（animation）特性也在其同名的模块里有相应描述，它能够实现更复杂的样式变化和元素位移，而不需要用到Flash或JavaScript。我们会在第5章讨论过渡与动画。
　　……