注册    登录
最新消息: 本以为花钱买了那个amh的板面可以让网站更稳定,结果搞得整 个网站运行出错,真是赔了夫人又折兵,对不起大家了。最新版jquery-2.1.1下载  ,在线的 jquery API使用手册, 稳定版jquery.mobile-1.3.2下载

华章程序员书库:CSS3实战•开发与设计

jQuery插件 fishcity 567浏览

    本书英文版书名《Practical CSS3:Developand 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。作者ChrisMills对谈及的每个模块的用途、用法、发展状况都做出了翔实的阐述,对支持性不足的模块还介绍了各种实用的后备方案和优雅降级,甚至引入了像CSS3PIE这样神奇的解决方案来让那些旧版浏览器在一定程度上支持CSS3的新特性。读完本书,相信你对CSS3的实用化会有全新的认识,作者贯穿全书的开发思想也一定能让读者在其他领域受益匪浅。

    全书共8章:第1章简单介绍了CSS3的重要更新、现代Web设计的理念以及常用的CSS3特性;第2章讲解了如何利用HTML5和JavaScript构建坚实的跨浏览器模板;第3章详细介绍了CSS3中新增的字体、文本、排版方面的特性;第4章讲解了CSS3新增的各种与盒子相关的特性;第5章和第6章分别讲解了CSS3的动画特性以及如何利用CSS3生成图标;第7章则介绍了CSS3中新增的与排版和布局相关的特性,以及如何利用CSS3进行排版和布局;第8章以迭代的方式完成了贯穿全书的一个完整案例,介绍了媒介查询、viewport、自适应图片和视频技术等内容,旨在帮助读者将理论知识贯穿于实践中,迅速成为新一代Web开发技术中的弄潮儿。

目录

第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或者更小 

转载请注明:jQ酷 » 华章程序员书库:CSS3实战•开发与设计

下载说明:
☉如果您发现本文件已经失效不能下载,请联系站长修正!
☉如果您下载的文件出现解压不了或文件受损等情况,请选择其他下载点重新下载。
☉下载本站资源,如果服务器暂不能下载请过一段时间重试!
☉有小部分资源需要解压密码,请输入:jqcool.net。
☉本站提供的所有资源仅供学习研究与参考,请勿用于商业用途。