展开全部

主编推荐语

CSS3领域的标准性著作,由资深Web前端工程师根据CSS 3的最新技术标准撰写。

内容简介

本书内容极为全面、丰富和翔实,由浅入深地讲解了CSS3新特性的语法、功能和使用技巧,涵盖选择器、边框、背景、文本、颜色、UI、动画、新型盒模型、媒体查询、响应式设计等各种模块;写作方式创新,有趣且易懂,用图解的方式来描述CSS3的每一个特性甚至每一个步骤都配有实战效果图;包含大量案例,实战性强,每个特性都有作者从实践中精心归纳和挑选出来的案例辅助讲解,同时还包含一个综合性的大案例。无论你是完全没有经验的准前端工程师,还是已

目录

  • 版权信息
  • 前言
  • 为什么要写这本书
  • 本书面向的读者
  • 本书的特色
  • 本书的内容
  • 如何阅读本书
  • 本书中使用的约定
  • 勘误和支持
  • 致谢
  • 第1章 揭开CSS3的面纱
  • 1.1 什么是CSS3
  • 1.1.1 CSS3的新特性
  • 1.1.2 CSS3的发展状况
  • 1.1.3 现在能使用CSS3吗
  • 1.1.4 使用CSS3有什么好处
  • 1.2 浏览器对CSS3的支持状况
  • 1.2.1 经典回顾:图说浏览器大战
  • 1.2.2 浏览器的市场份额
  • 1.2.3 主流浏览器对CSS3支持状况
  • 1.3 渐进增强
  • 1.3.1 渐进增强与优雅降级
  • 1.3.2 渐进增强的优点
  • 1.4 CSS3的现状及未来
  • 1.4.1 谁在使用CSS3
  • 1.4.2 CSS3的未来
  • 1.5 本章小结
  • 第2章 CSS3选择器
  • 2.1 认识CSS选择器
  • 2.1.1 CSS3选择器的优势
  • 2.1.2 CSS3选择器分类
  • 2.2 基本选择器
  • 2.2.1 基本选择器语法
  • 2.2.2 浏览器兼容性
  • 2.2.3 实战体验:使用基本选择器
  • 2.2.4 通配选择器
  • 2.2.5 元素选择器
  • 2.2.6 ID选择器
  • 2.2.7 类选择器
  • 2.2.8 群组选择器
  • 2.3 层次选择器
  • 2.3.1 层次选择器语法
  • 2.3.2 浏览器兼容性
  • 2.3.3 实战体验:使用层次选择器选择元素
  • 2.3.4 后代选择器
  • 2.3.5 子选择器
  • 2.3.6 相邻兄弟选择器
  • 2.3.7 通用兄弟选择器
  • 2.4 动态伪类选择器
  • 2.4.1 动态伪类选择器语法
  • 2.4.2 浏览器兼容性
  • 2.4.3 实战体验:美化按钮
  • 2.5 目标伪类选择器
  • 2.5.1 目标伪类选择器语法
  • 2.5.2 浏览器兼容性
  • 2.5.3 实战体验:制作手风琴效果
  • 2.6 语言伪类选择器
  • 2.6.1 语言伪类选择器语法
  • 2.6.2 浏览器兼容性
  • 2.6.3 实战体验:定制不同语言版本引文风格
  • 2.7 UI元素状态伪类选择器
  • 2.7.1 UI元素状态伪类选择器语法
  • 2.7.2 浏览器兼容性
  • 2.7.3 实战体验:Bootstrap的表单元素UI状态
  • 2.8 结构伪类选择器
  • 2.8.1 重温HTML的DOM树
  • 2.8.2 结构伪类选择器语法
  • 2.8.3 浏览器兼容性
  • 2.8.4 结构伪类选择器中的n是什么
  • 2.8.5 结构伪类选择器的使用方法详解
  • 2.8.6 实战体验:CSS3美化表格
  • 2.9 否定伪类选择器
  • 2.9.1 否定伪类选择器语法
  • 2.9.2 浏览器兼容性
  • 2.9.3 实战体验:改变图片效果
  • 2.10 伪元素
  • 2.10.1 伪元素::first-letter
  • 2.10.2 伪元素::first-line
  • 2.10.3 伪元素::before和::after
  • 2.10.4 伪元素::selection
  • 2.11 属性选择器
  • 2.11.1 属性选择器语法
  • 2.11.2 浏览器兼容性
  • 2.11.3 属性选择器的使用方法详解
  • 2.11.4 实战体验:创建个性化链接样式
  • 2.12 本章小结
  • 第3章 CSS3边框
  • 3.1 CSS3边框简介
  • 3.1.1 边框的基本属性
  • 3.1.2 边框的类型
  • 3.1.3 谁在使用CSS3边框
  • 3.2 CSS3边框颜色属性
  • 3.2.1 border-color属性的语法及参数
  • 3.2.2 浏览器兼容性
  • 3.2.3 border-color属性的优势
  • 3.2.4 实战体验:立体渐变边框效果
  • 3.3 CSS3图片边框属性
  • 3.3.1 border-image属性的语法及参数
  • 3.3.2 border-image属性使用方法
  • 3.3.3 浏览器兼容性
  • 3.3.4 border-image属性的优势
  • 3.3.5 实战体验:按钮圆角阴影效果
  • 3.4 CSS3圆角边框属性
  • 3.4.1 border-radius属性的语法及参数
  • 3.4.2 border-radius属性使用方法
  • 3.4.3 浏览器兼容性
  • 3.4.4 border-radius属性的优势
  • 3.4.5 实战体验:制作特殊图形
  • 3.5 CSS3盒子阴影属性
  • 3.5.1 box-shadow属性的语法及参数
  • 3.5.2 box-shadow属性使用方法
  • 3.5.3 浏览器兼容性
  • 3.5.4 box-shadow属性的优势
  • 3.5.5 实战体验:制作3D搜索表单
  • 3.6 本章小结
  • 第4章 CSS3背景
  • 4.1 CSS3背景属性简介
  • 4.1.1 背景的基本属性
  • 4.1.2 与背景相关的新增属性
  • 4.2 CSS3背景原点属性
  • 4.2.1 background-origin属性的语法及参数
  • 4.2.2 background-origin属性使用方法
  • 4.2.3 浏览器兼容性
  • 4.3 CSS3背景裁切属性
  • 4.3.1 background-clip属性的语法及参数
  • 4.3.2 background-clip属性使用方法
  • 4.3.3 浏览器兼容性
  • 4.4 CSS3背景尺寸属性
  • 4.4.1 background-size属性的语法及参数
  • 4.4.2 background-size属性使用方法
  • 4.4.3 浏览器兼容性
  • 4.4.4 实战体验:制作全屏背景
  • 4.5 内联元素背景图像平铺循环方式
  • 4.6 CSS3多背景属性
  • 4.6.1 CSS3多背景语法及参数
  • 4.6.2 CSS3多背景的优势
  • 4.6.3 浏览器兼容性
  • 4.6.4 实战体验:制作花边框
  • 4.7 本章小结
  • 第5章 CSS3文本
  • 5.1 CSS3文本简介
  • 5.2 CSS3文本阴影属性
  • 5.2.1 text-shadow属性的语法及参数
  • 5.2.2 浏览器兼容性
  • 5.2.3 实战体验:制作立体文本
  • 5.3 CSS3溢出文本属性
  • 5.3.1 text-overflow属性的语法及参数
  • 5.3.2 浏览器兼容性
  • 5.3.3 text-overflow属性使用方法
  • 5.3.4 实战体验:制作固定区域的博客列表
  • 5.4 CSS3文本换行
  • 5.4.1 word-wrap属性
  • 5.4.2 word-break属性
  • 5.4.3 white-space属性
  • 5.4.4 文本换行技巧
  • 5.4.5 文本换行技术对比
  • 5.5 本章小结
  • 第6章 CSS3颜色特性
  • 6.1 网页中的色彩特性
  • 6.1.1 网页色彩的表现原理
  • 6.1.2 Web页面的安全色
  • 6.1.3 色彩模式
  • 6.2 CSS3透明属性
  • 6.2.1 opacity属性的语法及参数
  • 6.2.2 opacity浏览器兼容性
  • 6.2.3 实战体验:制作透明过渡色块
  • 6.3 CSS3颜色模式
  • 6.3.1 RGBA颜色模式
  • 6.3.2 HSL颜色模式
  • 6.3.3 HSLA颜色模式
  • 6.3.4 RGBA和HSLA颜色模式之间的选择
  • 6.3.5 RGBA/HSLA的IE兼容方案
  • 6.3.6 RGBA/HSLA滤镜格式
  • 6.4 本章小结
  • 第7章 CSS3盒模型
  • 7.1 CSS盒模型简介
  • 7.1.1 什么是盒模型
  • 7.1.2 重置盒模型解析模式
  • 7.2 CSS3盒模型属性
  • 7.2.1 box-sizing属性的语法及参数
  • 7.2.2 浏览器兼容性
  • 7.2.3 实战体验:box-sizing拯救了布局
  • 7.3 CSS3内容溢出属性
  • 7.3.1 overflow-x和overflow-y属性的语法及参数
  • 7.3.2 浏览器兼容性
  • 7.4 CSS3自由缩放属性
  • 7.4.1 resize属性的语法及参数
  • 7.4.2 浏览器兼容性
  • 7.4.3 实战体验:修改文本域随意调整大小的功能
  • 7.5 CSS3外轮廓属性
  • 7.5.1 outline属性的语法及参数
  • 7.5.2 浏览器兼容性
  • 7.5.3 outline和border的对比
  • 7.5.4 实战体验:模仿边框效果
  • 7.6 本章小结
  • 第8章 CSS3伸缩布局盒模型
  • 8.1 Flexbox模型基础知识
  • 8.1.1 CSS中的布局模式
  • 8.1.2 Flexbox模型的功能
  • 8.1.3 Flexbox模型中的术语
  • 8.1.4 Flexbox模型规范状态
  • 8.1.5 Flexbox模型浏览器兼容性
  • 8.1.6 Flexbox模型语法变更
  • 8.2 旧版本Flexbox模型的基本使用
  • 8.2.1 伸缩容器设置display
  • 8.2.2 伸缩流方向box-orient
  • 8.2.3 布局顺序box-direction
  • 8.2.4 伸缩换行box-lines
  • 8.2.5 主轴对齐box-pack
  • 8.2.6 侧轴对齐box-align
  • 8.2.7 伸缩性box-flex
  • 8.2.8 显示顺序box-ordinal-group
  • 8.2.9 实战体验:box制作自适应的三列等高布局
  • 8.3 混合版本Flexbox模型的基本使用
  • 8.3.1 伸缩容器设置display
  • 8.3.2 伸缩流方向flex-direction
  • 8.3.3 伸缩换行flex-wrap
  • 8.3.4 伸缩流方向与换行flex-flow
  • 8.3.5 主轴对齐flex-pack
  • 8.3.6 侧轴对齐flex-align
  • 8.3.7 堆栈伸缩行flex-line-pack
  • 8.3.8 伸缩性flex
  • 8.3.9 显示顺序flex-order
  • 8.4 新版本Flexbox模型的基本使用
  • 8.4.1 伸缩容器display
  • 8.4.2 伸缩流方向flex-direction
  • 8.4.3 伸缩换行flex-wrap
  • 8.4.4 伸缩流方向与换行flex-flow
  • 8.4.5 主轴对齐justify-content
  • 8.4.6 侧轴对齐align-items和align-self
  • 8.4.7 堆栈伸缩行align-content
  • 8.4.8 伸缩性flex
  • 8.4.9 显示顺序order
  • 8.5 综合案例:跨浏览器的三列布局
  • 8.6 本章小结
  • 第9章 CSS3多列布局
  • 9.1 CSS3多列布局简介
  • 9.1.1 浏览器兼容性
  • 9.1.2 CSS3多列布局的属性
  • 9.2 CSS3多列布局基本属性
  • 9.2.1 columns属性的语法及参数
  • 9.2.2 浏览器兼容性
  • 9.2.3 实战体验:Web页面的多列布局
  • 9.3 CSS3多列布局列宽属性
  • 9.3.1 column-width属性的语法及参数
  • 9.3.2 实战体验:浏览器根据窗口宽度变化调整列数
  • 9.4 CSS3多列布局列数属性
  • 9.4.1 column-count属性的语法及参数
  • 9.4.2 实战体验:显示固定列数
  • 9.5 CSS3多列布局列间距属性
  • 9.5.1 column-gap属性的语法及参数
  • 9.5.2 实战体验:设置列间距
  • 9.6 CSS3多列布局列边框样式属性
  • 9.6.1 column-rule属性的语法及参数
  • 9.6.2 实战体验:设置列边框
  • 9.7 CSS3多列布局跨列属性
  • 9.7.1 column-span属性的语法及参数
  • 9.7.2 实战体验:文章标题跨列显示
  • 9.8 CSS3多列布局列高度属性
  • 9.9 本章小结
  • 第10章 CSS3渐变
  • 10.1 CSS3渐变简介
  • 10.1.1 什么是色标
  • 10.1.2 浏览器兼容性
  • 10.2 CSS3线性渐变
  • 10.2.1 CSS3线性渐变语法与参数
  • 10.2.2 CSS3线性渐变的基本用法
  • 10.2.3 自定义CSS3线性渐变
  • 10.2.4 实战体验:CSS3制作渐变按钮
  • 10.3 CSS3径向渐变
  • 10.3.1 CSS3径向渐变语法
  • 10.3.2 CSS3径向渐变的属性参数
  • 10.3.3 CSS3径向渐变的基本用法
  • 10.3.4 实战体验:CSS3径向渐变制作圆形图标按钮
  • 10.4 CSS3重复渐变
  • 10.4.1 CSS3重复线性渐变
  • 10.4.2 CSS3重复径向渐变
  • 10.4.3 实战体验:制作记事本纸张效果
  • 10.5 综合案例:CSS3渐变制作纹理背景
  • 10.6 本章小结
  • 第11章 CSS3变形
  • 11.1 CSS3变形简介
  • 11.1.1 CSS变形属性及函数
  • 11.1.2 浏览器兼容性
  • 11.2 CSS变形属性详解
  • 11.2.1 transform属性
  • 11.2.2 transform-origin属性
  • 11.2.3 transform-style属性
  • 11.2.4 perspective属性
  • 11.2.5 perspective-origin属性
  • 11.2.6 backface-visibility属性
  • 11.3 CSS3 2D变形
  • 11.3.1 2D位移
  • 11.3.2 2D缩放
  • 11.3.3 2D旋转
  • 11.3.4 2D倾斜
  • 11.3.5 2D矩阵
  • 11.4 CSS3 3D变形
  • 11.4.1 3D位移
  • 11.4.2 3D缩放
  • 11.4.3 3D旋转
  • 11.4.4 3D矩阵
  • 11.5 多重变形
  • 11.5.1 2D多重变形制作立方体
  • 11.5.2 3D多重变形制作立方体
  • 11.6 综合案例:3D变形制作产品信息展示
  • 11.7 本章小结
  • 第12章 CSS3过渡
  • 12.1 CSS3过渡简介
  • 12.1.1 如何创建简单的过渡
  • 12.1.2 浏览器兼容性
  • 12.1.3 CSS3过渡属性
  • 12.2 CSS3过渡子属性详解
  • 12.2.1 指定过渡属性transition-property
  • 12.2.2 指定过渡所需时间transition-duration
  • 12.2.3 指定过渡函数transition-timing-function
  • 12.2.4 指定过渡延迟时间transition-delay
  • 12.2.5 多个CSS3过渡效果
  • 12.3 CSS3触发过渡
  • 12.3.1 伪元素触发
  • 12.3.2 媒体查询触发
  • 12.3.3 JavaScript触发
  • 12.4 CSS3过渡技巧
  • 12.4.1 一个完整的过渡
  • 12.4.2 可过渡的属性
  • 12.4.3 优先的过渡属性
  • 12.4.4 过渡的开始和结束为auto
  • 12.4.5 隐式过渡
  • 12.4.6 开关状态的不同过渡方式
  • 12.4.7 几乎无限延迟的过渡
  • 12.4.8 通过硬件加速过渡更加流畅
  • 12.4.9 过渡和伪元素
  • 12.5 综合案例:纯CSS3制作CSS Dock导航效果
  • 12.6 本章小结
  • 第13章 CSS3动画
  • 13.1 CSS3动画简介
  • 13.1.1 浏览器兼容性
  • 13.1.2 CSS3动画属性
  • 13.2 关键帧
  • 13.2.1 @keyframes的作用
  • 13.2.2 @keyframes的语法
  • 13.2.3 浏览器兼容性
  • 13.3 CSS中为元素应用动画
  • 13.3.1 使用@keyframes声明动画
  • 13.3.2 调用@keyframes声明的动画
  • 13.4 CSS3动画子属性详解
  • 13.4.1 调用动画animation-name
  • 13.4.2 设置动画播放时间animation-duration
  • 13.4.3 设置动画播放方式animation-timing-function
  • 13.4.4 设置动画开始播放的时间animation-delay
  • 13.4.5 设置动画播放次数animation-iteration-count
  • 13.4.6 设置动画播放方向animation-direction
  • 13.4.7 设置动画的播放状态animation-play-state
  • 13.4.8 设置动画时间外属性animation-fill-mode
  • 13.5 综合案例:全屏Slidershow效果
  • 13.6 本章小结
  • 第14章 媒体特性与Responsive设计
  • 14.1 媒体类型
  • 14.1.1 Media Type设备类型
  • 14.1.2 媒体类型引用方法
  • 14.2 媒体特性
  • 14.2.1 Media Query和CSS属性集合
  • 14.2.2 常用Media Query设备特性
  • 14.2.3 浏览器兼容性
  • 14.2.4 Media Query使用方法
  • 14.3 Responsive布局概念
  • 14.3.1 Responsive设计特点
  • 14.3.2 Responsive中的术语
  • 14.3.3 Responsive布局技巧
  • 14.3.4 meta标签
  • 14.4 本章小结
  • 第15章 嵌入Web字体
  • 15.1 @font-face模块介绍
  • 15.1.1 浏览器兼容性
  • 15.1.2 @font-face语法
  • 15.1.3 使用字体图标的优势
  • 15.2 实现@font-face
  • 15.2.1 使用@font-face自定义字体
  • 15.2.2 声明字体来源
  • 15.2.3 创建各种字体
  • 15.2.4 调用字体
  • 15.3 综合案例:将图标转换成Web字体
  • 15.3.1 创建一个图标字体
  • 15.3.2 准备插图
  • 15.3.3 导入到IcoMoon
  • 15.3.4 从IcoMoon中导出字体
  • 15.3.5 下载字体文件
  • 15.3.6 调用字体
  • 15.4 本章小结
展开全部

评分及书评

评分不足
1个评分

出版方

机械工业出版社有限公司

机械工业出版社是全国优秀出版社,自1952年成立以来,坚持为科技、为教育服务,以向行业、向学校提供优质、权威的精神产品为宗旨,以“服务社会和人民群众需求,传播社会主义先进文化”为己任,产业结构不断完善,已由传统的图书出版向着图书、期刊、电子出版物、音像制品、电子商务一体化延伸,现已发展为多领域、多学科的大型综合性出版社,涉及机械、电工电子、汽车、计算机、经济管理、建筑、ELT、科普以及教材、教辅等领域。