大小:53.82M
更新时间:23-08-13
系统:Pc
版本:v
CSS高效开发实战是一本绝无仅有的css高效开发实战书,由web工程师谢郁编著。全书写作的目的是要确保CSS不会成为开发过程或网站性能的瓶颈,确保读者可以运用一些工具、框架、预处理来提升开发效率和节约人力成本,确保所讲解的内容读者都能活学活用。通过阅读本书,读者能知道如何应对和避免跨浏览器陷阱,如何创建一个优雅、高效、易于维护的响应式网站、如何面对形形色色的设备和大大小小的分辨率。CSS高效开发实战包含大量的实战案例和开发技巧,总结了CSS开发中实践会遇到的问题并给出了解决方案,是学习css3最好的实用教材。
想象一下,一个网页只有HTML,没有CSS,那就是素颜和上妆的区别。而一个网页只有CSS,没用CSS 3,那就是马车和汽车的区别!汽车代表的是高效、美观,CSS 3的意图也是如此。移动设备的流行导致了响应式设计的流行,而CSS 3正是实现这种设计的精髓。本书围绕的就是如何跨浏览器、跨设备进行高效率的CSS开发。
《CSS高效开发实战 CSS 3、LESS、SASS、Bootstrap、Foundation》分为3部分:第1部分是HTML/CSS基础和CSS 3新特性演示,涵盖盒子模型、浮动布局、属性前缀、选择器、字体、边框、背景、颜色、变换、动画、弹性盒子、媒介查询和响应式设计等多个方面;第2部分介绍Bootstrap、Foundation、Pure等当前流行的CSS框架及LESS、SASS等生产力工具;第3部分是实战案例,包括DIV+CSS案例、HTML 5+CSS 3案例、Bootstrap案例和Foundation案例。
第一篇 揭开CSS 3的面纱 第1章 CSS 3与现代Web标准 1.1 未来Web标准的发展 1.1.1 "去Adobe"化 1.1.2 基础功能集成 1.1.3 客户端执行更多的逻辑和 渲染任务 1.1.4 适应移动设备的发展 1.2 什么是CSS 3 1.3 CSS 3的特性 1.3.1 圆角 1.3.2 阴影 1.3.3 渐变 1.3.4 变换 1.3.5 动画 1.3.6 媒介查询 1.4 检测浏览器是否支持CSS 3 1.4.1 使用Modernizr检测 支持CSS 3 1.4.2 支持CSS 3的浏览器 1.5 用CSS 3实现的优秀网页 1.6 小结 第2章 温故知新――HTML、 CSS基础 2.1 W3C标准、HTML语言和CSS 2.1.1 W3C组织与W3C标准 2.1.2 什么是HTML 2.1.3 什么是CSS 2.1.4 HTML+CSS之最佳拍档 2.2 不可不知的CSS盒子模型 2.3 跨浏览器的CSS 2.4 理解浏览器的属性前缀 2.4.1 常用的属性前缀 2.4.2 属性前缀的排序 2.5 揭开浮动布局的秘密 2.5.1 浮动导致的布局变动 2.5.2 清除浮动 2.6 看穿CSS的定位技术 2.6.1 相对定位技术与实战 2.6.2 绝对定位技术与实战 2.7 小结 第3章 使用CSS选择器让样式 表更健壮 3.1 基础选择器 3.1.1 标签选择器 3.1.2 类选择器 3.1.3 id选择器 3.1.4 通配符选择器 3.1.5 子元素选择器 3.1.6 后代元素选择器 3.1.7 相邻元素选择器 3.1.8 属性选择器 3.1.9 组选择器 3.1.10 复合选择器 3.2 伪类选择器 3.2.1 结构化伪类 3.2.2 目标伪类:target 3.2.3 状态伪类 3.2.4 否定伪类:not(S) 3.3 实战演练――选择器 3.3.1 伪类选择器的实战―― 新闻聚合类网页 3.3.2 基础选择器的组合实 战――新闻聚合类网页 3.4 小结 第4章 设计更炫目的字体 4.1 添加和使用自定义字体 4.1.1 传统的字体定义 4.1.2 个性化的字体定义 4.1.3 个性化的字体图标 4.2 使用反射让文字倒映 4.2.1 反射的基本语法 4.2.2 变幻多端的反射效果实例 4.3 字体阴影――光晕、浮雕、投影 效果 4.4 字体描边 4.5 字体分栏――让网页像报纸一样 分栏排版 4.6 实战演练――处理字体溢出和破字 4.7 小结 第5章 背景和颜色 5.1 设定背景图的大小 5.2 利用图层叠加实现多背景 5.3 使用图片背景的origin和clip属性 5.3.1 background-origin属性 5.3.2 background-clip属性 5.4 颜色模式 5.4.1 RGBA模式 5.4.2 HSLA模式 5.5 透明颜色 5.6 语法糖――currentColor属性 5.7 渐变――放弃图片的首选良方 5.7.1 线性渐变 5.7.2 放射渐变 5.8 实战演练――渐变效果 5.8.1 带有立体凸起效果的按钮 5.8.2 构造尺寸更灵活的背景 5.8.3 使用放射渐变制作光影 效果 5.9 小结 第6章 更个性的边框 6.1 圆角边框 6.1.1 圆角边框的基本用法 6.1.2 使用百分比作为单位 6.1.3 设置不同弧度的圆角 6.2 边框阴影 6.2.1 内外阴影 6.2.2 偏移量 6.2.3 阴影尺寸 6.2.4 模糊距离 6.3 图片边框――让图片环绕在元素 周围 6.4 通过resize属性来改变输入框的 大小 6.5 实战演练――CSS 3边框效果 6.5.1 边框圆角在Bootstrap和 淘宝网中的应用 6.5.2 边框阴影在苹果官网中 的应用 6.6 小结 第7章 变换和动画 7.1 CSS 3的变换类型 7.1.1 rotate旋转变换 7.1.2 skew扭曲变换 7.1.3 scale比例缩放 7.1.4 translate位移变换 7.1.5 transform小结 7.2 使用transition制作交互动画 7.3 使用@keyframes制作动画 7.3.1 @keyframes的基本语法 7.3.2 用@keyframes制作循环 动画 7.3.3 @keyframes小结 7.4 实战演练――结合变换制作3D 旋转卡片 7.5 可参考的CSS动画资源 7.5.1 Hover.css――鼠标hover 动画 7.5.2 iHover――hover动画类库 7.5.3 CSS 3和JavaScript的结合 7.6 小结 第8章 媒介查询和响应式设计 8.1 媒介类型=各种浏览终端 8.2 认识响应式网页设计 8.3 媒介查询的基本语法 8.4 设备 8.4.1 常见设备的宽度和高度 8.4.2 检测设备翻转 8.5 实战演练――应用媒介查询制作 响应式导航栏 8.6 小结 第9章 更简便的布局――弹性盒子 9.1 认识弹性盒子 9.2 弹性盒子的语法 9.3 操作元素 9.3.1 控制子元素的方向 9.3.2 控制元素对齐 9.3.3 控制元素显示顺序 9.4 实战演练――用弹性盒子设计 阅读APP 9.5 小结 第10章 CSS常用工具 10.1 使用Prefix free处理CSS 跨浏览器兼容 10.2 应用Normalize统一不同浏览 器下的样式 10.3 应用Grunt进行CSS压缩 10.4 小结 第二篇 使用CSS 3框架进行高效开发 第11章 流行的CSS布局设计 11.1 固定布局 11.1.1 960的秘密 11.1.2 定义列宽 11.1.3 运用CSS实现固定列宽 的栅格 11.1.4 实战演练――运用960gs实 现固定布局的新闻页面 11.2 流式布局 11.2.1 计算列百分比 11.2.2 使图片更加灵活 11.2.3 定义最大/最小宽度 11.2.4 实战演练――实现一个 流式布局的新闻页面 11.3 响应式布局 11.3.1 使用媒介查询 11.3.2 实战演练――实现一个 响应式布局的新闻页面 11.4 小结 第12章 Bootstrap框架实战 12.1 认识Bootstrap 12.1.1 初识Bootstrap 12.1.2 Bootstrap为何如此流行 12.1.3 Bootstrap的版本发展 12.2 Bootstrap入门 12.2.1 在自己的项目中引入 Bootstrap 12.2.2 添加Bootstrap的class 实现基本样式 12.2.3 调用Bootstrap的通用 组件 12.2.4 添加JavaScript动态效果 12.3 Bootstrap的栅格系统 12.3.1 固定布局的栅格系统 12.3.2 流式布局的栅格系统 12.3.3 响应式布局的栅格系统 12.4 使用Bootstrap的基本样式 12.4.1 字体排版 12.4.2 表格 12.4.3 表单 12.4.4 按钮 12.4.5 图片 12.4.6 响应式工具 12.4.7 工具类 12.5 使用Bootstrap的组件 12.5.1 下拉菜单 12.5.2 按钮组 12.5.3 input控件组 12.5.4 导航 12.5.5 列表组 12.5.6 分页 12.5.7 标签与Badge 12.5.8 缩略图 12.5.9 面板 12.5.10 进度条 12.6 Bootstrap中的JavaScript特效 12.6.1 模态对话框 12.6.2 标签页切换 12.6.3 Tooltip 12.6.4 弹出框 12.6.5 提示信息 12.6.6 按钮 12.6.7 折叠 12.6.8 幻灯片 12.7 定制Bootstrap 12.7.1 在官方网站进行Bootstrap 的定制 12.7.2 修改源代码定制 Bootstrap 12.8 其他Bootstrap资源 12.9 小结 第13章 Foundation框架实战 13.1 认识Foundation 13.2 Foundation的安装和使用 13.2.1 传统方式的下载安装 13.2.2 使用Compass进行 Foundation开发 13.2.3 在Rails应用中引入 Foundation 13.3 使用Foundation栅格系统 13.3.1 基本栅格系统 13.3.2 块网格(Block Grid) 13.4 Foundation基本样式 13.4.1 标题和段落 13.4.2 列表 13.4.3 按钮 13.4.4 面板 13.4.5 缩略图 13.4.6 视频 13.4.7 可见性 13.5 导航系统 13.5.1 面包屑导航 13.5.2 侧边栏导航 13.5.3 头部导航 13.5.4 子导航 13.6 Foundation中的JavaScript特效 13.6.1 幻灯片 13.6.2 Clearing lightboxes 13.6.3 弹出层显示 13.6.4 长页面滚动效果 13.6.5 其他特效 13.7 定制Foundation 13.7.1 在官方网站进行定制 13.7.2 通过配置文件进行定制 13.8 小结 第14章 LESS和SASS 14.1 CSS的缺陷 14.1.1 法定义变量 14.1.2 重复代码 14.1.3 计算问题 14.1.4 作用域和命名空间 14.1.5 CSS缺陷总结 14.2 LESS 其实更多 14.2.1 LESS介绍 14.2.2 LESS使用基础 14.2.3 使用变量和操作符 14.2.4 使用Mixin混入 14.2.5 内嵌规则 14.2.6 运算 14.2.7 LESS总结 14.3 使用SASS 14.3.1 SASS介绍 14.3.2 SASS安装和使用 14.3.3 使用变量 14.3.4 计算 14.3.5 使用@import导入 14.3.6 使用@extend继承 14.3.7 使用@mixin混入 14.3.8 使用@function定义函数 14.3.9 控制语句 14.3.10 SASS总结 14.4 使用SASS的扩展库Compass 14.4.1 CSS 3模块 14.4.2 Reset模块 14.4.3 Utilities模块 14.4.4 Helpers模块 14.4.5 Compass总结 14.5 小结 第15章 其他CSS框架简介 15.1 轻量级框架代表――Pure CSS 15.2 手机页面UI框架――Ratchet框架 15.3 优秀的国产CSS框架 15.3.1 阿里巴巴的Alice框架 15.3.2 网易的NEC 15.3.3 百度的GMU框架 15.3.4 渴切 15.3.5 用于中文排版的Typo.css 15.4 小结 第三篇 CSS实战项目 第16章 传统DIV+CSS设计的视频网站 16.1 网站的页面效果图分析 16.1.1 页面头部和页脚分析 16.1.2 首页主体内容分析 16.1.3 内页主体内容分析 16.2 网站的布局规划 16.2.1 页面布局规划 16.2.2 切割首页及导出图片 16.2.3 切割内页及导出图片 16.3 网站HTML框架的编写 16.3.1 页面HTML框架搭建 16.3.2 页面头部和页脚的HTML 16.3.3 页面公共部分的HTML 16.3.4 首页主体内容的HTML 16.3.5 内页主体内容的HTML 16.3.6 首页HTML代码总览 16.3.7 内页HTML代码总览 16.4 网站CSS样式的编写 16.4.1 页面公共部分的CSS 16.4.2 页面框架的CSS 16.4.3 页面头部和页脚的CSS 16.4.4 首页主体内容的CSS 16.4.5 内页主体内容的CSS 16.4.6 网站CSS代码总览 16.5 小结 第17章 使用HTML 5+CSS 3开发搜房网 17.1 网站前期策划 17.1.1 理解HTML 5的语义性元素 17.1.2 搜房网网站结构 17.1.3 搜房网整站预览 17.2 搜房网的首页设计 17.2.1 首页的布局 17.2.2 设计导航栏 17.2.3 设计宣传广告栏 17.2.4 CSS布局 17.3 搜房网的内容页设计 17.3.1 出售房源页面 17.3.2 购买房源页面 17.3.3 出租房源页面 17.3.4 房产过户页面 17.3.5 联系我们页面 17.4 小结 第18章 使用Bootstrap实现论坛后台管理系统 18.1 项目开始 18.2 页面布局 18.2.1 引入Bootstrap 3框架 18.2.2 编写布局代码 18.3 实现导航栏 18.3.1 构建导航的框架代码 18.3.2 填写标题和导航链接 18.3.3 添加搜索框和通知系统 18.3.4 添加管理员的登录信息 18.3.5 构建响应式导航 18.4 实现左侧边栏 18.5 实现主功能部分 18.5.1 主功能的头部 18.5.2 主功能的帖子列表 18.6 小结 第19章 使用Foundation实现论坛 首页 19.1 项目开始 19.2 页面布局 19.2.1 引入Foundation需要 的包 19.2.2 移动优先的布局 19.3 实现头部导航栏 19.4 实现响应式版块列表 19.5 实现热门帖子推荐 19.6 小结 附录A 网页制作的调试工具及使用 附录B 提升CSS的性能和效率
1、下载并解压,得出pdf文件
2、如果打不开本文件,请务必下载pdf阅读器
3、安装后,在打开解压得出的pdf文件
4、双击进行阅读
同类热门
类似软件
新手学DIV+CSS商业网站布局从入门到精通(实战案例版)314.96M141人在用新手学DIV+CSS商业网站布局从入门到精通(实战案例版)是一本讲解商业网站的布局和美化的参考教学书籍,由朱印宏编著,中国铁道出版社出版。全书基于Dreamweaver和Photoshop常用软件,作者按照由浅到深的写作思路并且结合了多个典型网站实例,使
查看精通css+div网页样式与布局pdf942K175人在用《精通css+div网页样式与布局》是一本非常实用好学的学习css网页布局入门教程,由前沿科技曾顺编著,人民邮电出版社出版,全书内容非常浅显易懂,完全是针对零基础的初学者而制作的,它系统地讲解了CSS层叠样式表的基础理论和实际运用技术,通过大量实例对CS
查看css3专业网页开发指南72.75M183人在用css3专业网页开发指南是一本介绍css3网页开发的技术型指南图书,由英国著名Web前端开发工程师Peter Gasston编著。本书主要将CSS3规范中枯燥的技术语言提炼为平实的话语,向你展示了目前使用CSS3所有主流浏览器中能实现的各种效果,并通过真
查看html5与css3权威指南第三版上册83.14M309人在用html5与css3权威指南第三版是HTML5与css3领域公认的标杆之作,被读者誉为系统学习html5与css3的著作和Web前端工程师案头必备图书之一。全书由资深专家根据HTMl5和css3最新技术标准撰写,内容系统而全面,非常详细的讲解了HTML5
查看精通CSS网页布局pdf高清版55.92M198人在用精通CSS网页布局是一本pdf高清版的电子图书,作者朱印宏,软件包中附带了pdf阅读器能够很好的帮助用户阅读。全书深入、系统地讲解了使用css进行网页布局设计的相关知识和技巧,内容包括css基础、文字和版式设计、图像控制、超链接和导航菜单设计、表格和表单
查看零基础学HTML+CSS(第3版)82.93M199人在用零基础学HTML+CSS(第3版)是一本html+css的全面学习教材,书中详细的介绍了html+css的知识点,先从简单的html语法下手,让读者对网页的信息展现有一个初步的了解,接着又引入了div+css的相关知识,让读者明白网页元素是如何布局的,最
查看热门标签
网友评论0人参与,0条评论
最新排行
ASP.NET Web API设计134.82Mpdf扫描版 ASP.NET Web API设计是一本设计面向多客户端的可演化Web API的指南,由美国程序员布洛克和西布拉奥编著,全书内容丰富,提供了及时而全面的指南,帮助人们使用ASP.NET Web API构建坚实的系统,书本以ASP.NET Web A
查看opengl es 2.0编程指南1.96Mpdf中文版opengl es 2.0编程指南是一本pdf中文版的电子图书,已经附带了pdf阅读器在软件包中,用户即下即用。OpenGL ES 2.0是本书中要讲的API,目标是讲述完整的细节(核心和扩展),给出怎么使用的例子,讨论各种优化技术,读完本书希望能你能懂
查看weblogic开发权威指南92.84Mpdf中文完整版WebLogic开发权威指南是Oracle WebLogic Server开发人员必看的一本书籍,书中主要讲解了mvc体系结构、通用java ee设计模式、web应用程序体系结构、控制器调用业务服务等众多的有关于WebLogic Server开发的实例,
查看jquery easyui开发指南47.9M王波pdf扫描版jquery easyui开发是一款非常流行的前端开发技术,主要是将软件开发中的前端部分,以不同插件的形式展示出来,以供开发人员选择。但如何才能更好的学习掌握jquery easyui呢?这里小编推荐大家阅读《jquery easyui开发指南》,这是一
查看迈向angular2:基于TypeScript的高性能SPA框架108.82Mpdf扫描版迈向angular2:基于TypeScript的高性能SPA框架是一本Angular 2快速入门书籍,由明科·基彻编著,大漠穷秋,熊三共同翻译。本书将会帮助你快速转入Angular 2的全新世界。在本书中每一步都有详细的实例代码,帮助你理解与Angula
查看笨办法学ruby第3版1.38MZed A. Shaw pdf扫描版笨办法学ruby第3版是一本Ruby平台学习书籍,由美国程序员Zed A. Shaw编著。在这本书中,你将通过完成52个精心设计的习题来学习Ruby。阅读这些习题,输入代码(不许复制和粘贴),修正你的错误,观察程序的运行。在这个过程中,你将了解软件是如何
查看asp.net4.0从入门到精通79.18M《asp.net4.0从入门到精通》这本图书有多个不同的版本,其中以张正礼,王坚宁编著,清华大学出版社出版的最受读者的欢迎,故小编在此特别提供asp.net4.0从入门到精通pdf免费下载,并且是pdf高清版本哟,用户即下即阅读。该书拥有12个使用asp
查看