从0到1:HTML5+CSS3修炼之道

图书信息

图书特色

作者根据自己多年的前后端开发经验，站在完全零基础读者的角度，详尽介绍了HTML5和CSS3的基础知识、新技术及各种高级开发技巧。 全书分为两大部分：*部分介绍HTML5的新技术，主要包括新增元素、新增属性、元素拖放、文件操作、本地存储、音频视频、离线应用等；第二部分介绍CSS3的新技术，主要包括新增选择器、CSS3变形、CSS3过渡、CSS3动画、多列布局、滤镜效果、弹性盒子模型等。 为了方便高校老师教学，本书不但配备了所有案例的源代码，还提供了配套的PPT 课件。本书适合作为前端开发人员的参考书，也可以作为大中专院校相关专业的教学参考书。

内容简介

作者根据自己多年的前后端开发经验，站在接近零基础读者的角度，详尽介绍了HTML5和CSS3的基础知识、新技术及各种不错开发技巧。

全书分为两大部分：部分介绍HTML5的新技术，主要包括新增元素、新增属性、元素拖放、文件操作、本地存储、音频视频、离线应用等；第二部分介绍CSS3的新技术，主要包括新增选择器、CSS3变形、CSS3过渡、CSS3动画、多列布局、滤镜效果、弹性盒子模型等。

为了方便高校老师教学，本书不但配备了所有案例的源代码，还提供了配套的PPT 课件。本书适合作为前端开发人员的参考书，也可以作为大中专院校相关专业的教学参考书。

目录

1. 从0到1:HTML5+CSS3修炼之道 目录
2. 第 一部分　HTML5实战第 1章　HTML5简介 31.1　HTML、XHTML和HTML5 31.1.1　HTML和XHTML 31.1.2　HTML5 41.2　学前准备 71.3　本章练习 8第 2章　新增元素 92.1　结构元素 92.1.1　header元素 92.1.2　nav元素 122.1.3　article元素 132.1.4　aside元素 142.1.5　section元素 142.1.6　footer元素 142.2　表单元素 152.2.1　新增input元素类型 152.2.2　新增其他表单元素 262.3　其他新增元素 292.3.1　address元素 292.3.2　time元素 312.3.3　progress元素 322.3.4　meter元素 342.3.5　figure和figcaption元素 342.3.6　fieldset和legend元素 352.4　改良后的元素 362.4.1　a元素 362.4.2　ol元素 372.4.3　small元素 382.4.4　script元素 392.5　本章练习 40第3章　新增属性 423.1　公共属性 423.1.1　hidden属性 423.1.2　draggable属性 433.1.3　contenteditable属性 443.1.4　data-*属性 453.2　input元素的新增属性 473.2.1　autocomplete属性 473.2.2　autofocus属性 483.2.3　placeholder属性 493.2.4　required属性 503.2.5　pattern属性 513.3　form元素的新增属性 523.4　本章练习 54第4章　元素拖放 564.1　元素拖放简介 564.2　dataTransfer对象 584.2.1　dataTransfer对象简介 584.2.2　dataTransfer对象应用 594.3　本章练习 62第5章　文件操作 635.1　文件操作简介 635.2　File对象 685.3　FileReader对象 705.4　Blob对象 775.5　本章练习 81第6章　本地存储 836.1　本地存储简介 836.2　localStorage 846.3　sessionStorage 886.4　indexedDB 906.4.1　操作“数据库” 916.4.2　操作“对象仓库” 946.4.3　增删查改 976.5　实战题：计数器 1076.6　本章练习 108第7章　音频视频 1097.1　视频音频简介 1097.1.1　Flash时代的逝去 1097.1.2　HTML5时代的来临 1107.2　开发视频 1107.2.1　video元素 1107.2.2　视频格式 1127.2.3　自定义视频 1137.3　开发音频 1227.3.1　audio元素 1227.3.2　音频格式 1237.3.3　自定义音频 1247.4　本章练习 125第8章　离线应用 1268.1　搭建服务器环境 1268.2　离线存储 1288.3　更新缓存 1318.4　本章练习 132第9章　多线程处理 1339.1　Web Worker简介 1339.2　Web Worker应用 1359.3　实战题：后台计算 1379.4　本章练习 138第 10章　地理位置 13910.1　地理位置简介 13910.1.1　getCurrentPosition()方法 13910.1.2　watchPosition()方法 14310.1.3　clearWatch()方法 14510.2　百度地图 14710.2.1　API简介 14710.2.2　API应用 15110.3　本章练习 152第 11章　桌面通知 15311.1　Notification API简介 15311.2　Notification API应用 15511.3　本章练习 157第 12章　Canvas 15812.1　Canvas是什么 15812.1.1　Canvas简介 15812.1.2　Canvas与SVG 16012.2　Canvas元素 16012.2.1　Canvas元素 16112.2.2　Canvas对象 16212.3　直线 16412.3.1　Canvas坐标系 16412.3.2　直线的绘制 16512.4　矩形 17012.4.1　描边矩形 17012.4.2　填充矩形 17312.4.3　rect()方法 17612.4.4　清空矩形 17812.5　多边形 18012.5.1　Canvas绘制箭头 18112.5.2　Canvas绘制正多边形 18212.5.3　Canvas绘制五角星 18412.6　实战题：绘制调色板 18612.7　本章练习 188第二部分　CSS3实战第 13章　CSS3简介 19113.1　CSS3简介 19113.2　浏览器私有前缀 19213.3　一个酷炫的CSS3效果 19413.4　本章练习 197第 14章　新增选择器 19814.1　CSS3选择器简介 19814.2　属性选择器 19914.3　子元素伪类选择器 20114.3.1:first-child、:last-child、:nth-child(n)、:only-child 20114.3.2:first-of-type、:last-of-type、:nth-of-type(n)、:only-of-type 20414.4　UI伪类选择器 20514.4.1　:focus 20514.4.2　::selection 20614.4.3　:checked 20914.4.4　:enabled和:disabled 21014.4.5　:read-write和:read-only 21114.5　其他伪类选择器 21214.5.1　:root 21214.5.2　:empty 21314.5.3　:target 21414.5.4　:not() 21714.6　本章练习 218第 15章　文本样式 22015.1　文本样式简介 22015.2　文本阴影：text-shadow 22015.2.1　W3C坐标系 22015.2.2　text-shadow属性简介 22115.2.3　定义多个阴影 22415.3　文本描边：text-stroke 22415.4　文本溢出：text-overflow 22615.5　强制换行：word-wrap、word-break 22815.6　嵌入字体：@font-face 23015.7　实战题：火焰字 23215.8　本章练习 233第 16章　颜色样式 23416.1　颜色样式简介 23416.2　opacity透明度 23416.3　RGBA颜色 23516.4　CSS3渐变 23916.4.1　线性渐变 24016.4.2　径向渐变 24216.5　实战题：渐变按钮 24816.6　实战题：鸡蛋圆 24916.7　本章练习 250第 17章　边框样式 25117.1　边框样式简介 25117.2　圆角效果：border-radius 25117.2.1　border-radius实现圆角 25217.2.2　border-radius实现半圆和圆 25617.2.3　border-radius实现椭圆 25817.2.4　border-radius的派生子属性 26017.3　边框阴影：box-shadow 26017.3.1　box-shadow属性简介 26017.3.2　4个方向阴影独立样式 26517.4　多色边框：border-colors 26617.5　边框背景：border-image 26917.5.1　border-image属性简介 26917.5.2　border-image的派生子属性 27217.6　实战题：3D卡通头像 27317.7　本章练习 276第 18章　背景样式 27918.1　背景样式简介 27918.2　背景大小：background-size 27918.3　背景位置：background-origin 28218.4　背景剪切：background-clip 28518.5　多背景图片 28818.6　本章练习 290第 19章　CSS3变形 29119.1　CSS3变形简介 29119.2　平移：translate() 29219.3　缩放：scale() 29619.4　倾斜：skew() 30019.5　旋转：rotate() 30419.6　中心原点：transform-origin 30519.7　实战题：个性照片墙 30719.8　本章练习 309第 20章　CSS3过渡 31020.1　CSS3过渡简介 31020.2　过渡属性：transition-property 31220.3　过渡时间：transition-duration 31320.4　过渡方式：transition-timing-function 31520.5　延迟时间：transition-delay 31720.6　深入了解transition属性 31820.6.1　transition-property取值为all 31820.6.2　transition-delay的省略 32020.6.3　transition属性的位置 32020.7　实战题：鼠标指针移上去显示内容 32120.8　实战题：图片文字介绍滑动效果 32320.9　实战题：白光闪过效果 32620.10　实战题：脉动效果 32720.11　实战题：手风琴效果 32820.12　本章练习 330第 21章　CSS3动画 33121.1　CSS3动画简介 33121.2　@keyframes 33321.3　动画名称：animation-name 33521.4　持续时间：animation-duration 33821.5　动画方式：animation-timing-function 34021.6　延迟时间：animation-delay 34221.7　播放次数：animation-iteration-count 34321.8　播放方向：animation-direction 34521.9　播放状态：animation-play-state 34721.10　实战题：脉冲动画 34821.11　实战题：loading效果 35021.12　本章练习 352第 22章　多列布局 35322.1　多列布局 35322.2　列数：column-count 35422.3　列宽：column-width 35622.4　间距：column-gap 35822.5　边框：column-rule 36022.6　跨列：column-span 36222.7　实战题：瀑布流布局 36422.8　本章练习 366第 23章　滤镜效果 36723.1　滤镜效果简介 36723.2　亮度：brightness() 36823.3　灰度：grayscale() 36923.4　复古：sepia() 37023.5　反色：invert() 37123.6　旋转：hue-rotate() 37223.7　阴影：drop-shadow() 37323.8　透明度：opacity() 37423.9　模糊度：blur() 37523.10　对比度：contrast() 37623.11　饱和度：saturate() 37723.12　多种滤镜 37823.13　实战题：鬼屋 37923.14　本章练习 381第 24章　弹性盒子模型 38224.1　弹性盒子模型简介 38224.2　放大比例：flex-grow 38524.3　缩小比例：flex-shrink 38724.4　元素宽度：flex-basis 38924.5　复合属性：flex 39124.6　排列方向：flex-direction 39224.7　多行显示：flex-wrap 39424.8　复合属性：flex-flow 39624.9　排列顺序：order 39724.10　水平对齐：justify-content 39924.11　垂直对齐：align-items 40124.12　实战题：水平居中和垂直居中 40424.13　实战题：伸缩菜单 40524.14　本章练习 407第 25章　其他样式 40825.1　outline属性 40825.2　initial取值 40925.3　calc()函数 41025.4　overflow-x和overflow-y 41325.5　pointer-events属性 41725.6　本章练习 418附录A　HTML5新增元素 420附录B　HTML5新增属性 422附录C　CSS3新增选择器 423附录D　CSS3新增属性 425
3. 展开全部