科技
类型
6.7
豆瓣评分
可以朗读
语音朗读
435千字
字数
2014-07-01
发行日期
展开全部
主编推荐语
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 本章小结
展开全部
出版方
机械工业出版社有限公司
机械工业出版社是全国优秀出版社,自1952年成立以来,坚持为科技、为教育服务,以向行业、向学校提供优质、权威的精神产品为宗旨,以“服务社会和人民群众需求,传播社会主义先进文化”为己任,产业结构不断完善,已由传统的图书出版向着图书、期刊、电子出版物、音像制品、电子商务一体化延伸,现已发展为多领域、多学科的大型综合性出版社,涉及机械、电工电子、汽车、计算机、经济管理、建筑、ELT、科普以及教材、教辅等领域。