导语

  

内容提要

  

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

第一部分　HTML5实战
  第1章  HTML5简介
    1.1  HTML、XHTML和HTML
      1.1.1  HTML和XHTML
      1.1.2  HTML
    1.2  学前准备
    1.3  本章练习
  第2章  新增元素
    2.1  结构元素
      2.1.1  header元素
      2.1.2  nav元素
      2.1.3  article元素
      2.1.4  aside元素
      2.1.5  section元素
      2.1.6  footer元素
    2.2  表单元素
      2.2.1  新增input元素类型
      2.2.2  新增其他表单元素
    2.3  其他新增元素
      2.3.1  address元素
      2.3.2  time元素
      2.3.3  progress元素
      2.3.4  meter元素
      2.3.5  figure和figcaption元素
      2.3.6  fieldset和legend元素
    2.4  改良后的元素
      2.4.1  a元素
      2.4.2  ol元素
      2.4.3  small元素
      2.4.4  script元素
    2.5  本章练习
  第3章  新增属性
    3.1  公共属性
      3.1.1  hidden属性
      3.1.2  draggable属性
      3.1.3  contenteditable属性
      3.1.4  data-*属性
    3.2  input元素的新增属性
      3.2.1  autocomplete属性
      3.2.2  autofocus属性
      3.2.3  placeholder属性
      3.2.4  required属性
      3.2.5  pattern属性
    3.3  form元素的新增属性
    3.4  本章练习
  第4章  元素拖放
    4.1  元素拖放简介
    4.2  dataTransfer对象
      4.2.1  dataTransfer对象简介
      4.2.2  dataTransfer对象应用
    4.3  本章练习
  第5章  文件操作
    5.1  文件操作简介
    5.2  File对象
    5.3  FileReader对象
    5.4  Blob对象
    5.5  本章练习
  第6章  本地存储
    6.1  本地存储简介
    6.2  localStorage
    6.3  sessionStorage
    6.4  indexedDB
      6.4.1  操作“数据库”
      6.4.2  操作“对象仓库”
      6.4.3  增删查改
    6.5  实战题：计数器
    6.6  本章练习
  第7章  音频视频
    7.1  视频音频简介
      7.1.1  Flash时代的逝去
      7.1.2  HTML5时代的来临
    7.2  开发视频
      7.2.1  video元素
      7.2.2  视频格式
      7.2.3  自定义视频
    7.3  开发音频
      7.3.1  audio元素
      7.3.2  音频格式
      7.3.3  自定义音频
    7.4  本章练习
  第8章  离线应用
    8.1  搭建服务器环境
    8.2  离线存储
    8.3  更新缓存
    8.4  本章练习
  第9章  多线程处理
    9.1  Web Worker简介
    9.2  Web Worker应用
    9.3  实战题：后台计算
    9.4  本章练习
  第10章  地理位置
    10.1  地理位置简介
      10.1.1  getCurrentPosition()方法
      10.1.2  watchPosition()方法
      10.1.3  clearWatch()方法
    10.2  百度地图
      10.2.1  API简介
      10.2.2  API应用
    10.3  本章练习
  第11章  桌面通知
    11.1  Notification API简介
    11.2  Notification API应用
    11.3  本章练习
  第12章  Canvas
    12.1  Canvas是什么
      12.1.1  Canvas简介
      12.1.2  Canvas与SVG
    12.2  Canvas元素
      12.2.1  Canvas元素
      12.2.2  Canvas对象
    12.3  直线
      12.3.1  Canvas坐标系
      12.3.2  直线的绘制
    12.4  矩形
      12.4.1  描边矩形
      12.4.2  填充矩形
      12.4.3  rect()方法
      12.4.4  清空矩形
    12.5  多边形
      12.5.1  Canvas绘制箭头
      12.5.2  Canvas绘制正多边形
      12.5.3  Canvas绘制五角星
    12.6  实战题：绘制调色板
    12.7  本章练习
第二部分　CSS3实战
  第13章  CSS3简介
    13.1  CSS3简介
    13.2  浏览器私有前缀
    13.3  一个酷炫的CSS3效果
    13.4  本章练习
  第14章  新增选择器
    14.1  CSS3选择器简介
    14.2  属性选择器
    14.3  子元素伪类选择器
      14.3.1  ：first-child、：last-child、：nth-child(n)、：only-child
      14.3.2  ：first-of-type、：last-of-type、：nth-of-type(n)、：only-of-type
    14.4  UI伪类选择器
      14.4.1  ：focus
      14.4.2  ：：selection
      14.4.3  ：checked
      14.4.4  ：enabled和：disabled
      14.4.5  ：read-write和：read-only
    14.5  其他伪类选择器
      14.5.1  ：root
      14.5.2  ：empty
      14.5.3  ：target
      14.5.4  ：not()
    14.6  本章练习
  第15章  文本样式
    15.1  文本样式简介
    15.2  文本阴影：text-shadow
      15.2.1  W3C坐标系
      15.2.2  text-shadow属性简介
      15.2.3  定义多个阴影
    15.3  文本描边：text-stroke
    15.4  文本溢出：text-overflow
    15.5  强制换行：word-wrap、word-break
    15.6  嵌入字体：@font-face
    15.7  实战题：火焰字
    15.8  本章练习
  第16章  颜色样式
    16.1  颜色样式简介
    16.2  opacity透明度
    16.3  RGBA颜色
    16.4  CSS3渐变
      16.4.1  线性渐变
      16.4.2  径向渐变
    16.5  实战题：渐变按钮
    16.6  实战题：鸡蛋圆
    16.7  本章练习
  第17章  边框样式
    17.1  边框样式简介
    17.2  圆角效果：border-radius
      17.2.1  border-radius实现圆角
      17.2.2  border-radius实现半圆和圆
      17.2.3  border-radius实现椭圆
      17.2.4  border-radius的派生子属性
    17.3  边框阴影：box-shadow
      17.3.1  box-shadow属性简介
      17.3.2  4个方向阴影独立样式
    17.4  多色边框：border-colors
    17.5  边框背景：border-image
      17.5.1  border-image属性简介
      17.5.2  border-image的派生子属性
    17.6  实战题：3D卡通头像
    17.7  本章练习
  第18章  背景样式
    18.1  背景样式简介
    18.2  背景大小：background-size
    18.3  背景位置：background-origin
    18.4  背景剪切：background-clip
    18.5  多背景图片
    18.6  本章练习
  第19章  CSS3变形
    19.1  CSS3变形简介
    19.2  平移：translate()
    19.3  缩放：scale()
    19.4  倾斜：skew()
    19.5  旋转：rotate()
    19.6  中心原点：transform-origin
    19.7  实战题：个性照片墙
    19.8  本章练习
  第20章  CSS3过渡
    20.1  CSS3过渡简介
    20.2  过渡属性：transition-property
    20.3  过渡时间：transition-duration
    20.4  过渡方式：transition-timing-function
    20.5  延迟时间：transition-delay
    20.6  深入了解transition属性
      20.6.1  transition-property取值为all
      20.6.2  transition-delay的省略
      20.6.3  transition属性的位置
    20.7  实战题：鼠标指针移上去显示内容
    20.8  实战题：图片文字介绍滑动效果
    20.9  实战题：白光闪过效果
    20.10  实战题：脉动效果
    20.11  实战题：手风琴效果
    20.12  本章练习
  第21章  CSS3动画
    21.1  CSS3动画简介
    21.2  @keyframes
    21.3  动画名称：animation-name
    21.4  持续时间：animation-duration
    21.5  动画方式：animation-timing-function
    21.6  延迟时间：animation-delay
    21.7  播放次数：animation-
  iteration-count
    21.8  播放方向：animation-direction
    21.9  播放状态：animation-play-state
    21.10  实战题：脉冲动画
    21.11  实战题：loading效果
    21.12  本章练习
  第22章  多列布局
    22.1  多列布局
    22.2  列数：column-count
    22.3  列宽：column-width
    22.4  间距：column-gap
    22.5  边框：column-rule
    22.6  跨列：column-span
    22.7  实战题：瀑布流布局
    22.8  本章练习
  第23章  滤镜效果
    23.1  滤镜效果简介
    23.2  亮度：brightness()
    23.3  灰度：grayscale()
    23.4  复古：sepia()
    23.5  反色：invert()
    23.6  旋转：hue-rotate()
    23.7  阴影：drop-shadow()
    23.8  透明度：opacity()
    23.9  模糊度：blur()
    23.10  对比度：contrast()
    23.11  饱和度：saturate()
    23.12  多种滤镜
    23.13  实战题：鬼屋
    23.14  本章练习
  第24章  弹性盒子模型
    24.1  弹性盒子模型简介
    24.2  放大比例：flex-grow
    24.3  缩小比例：flex-shrink
    24.4  元素宽度：flex-basis
    24.5  复合属性：flex
    24.6  排列方向：flex-direction
    24.7  多行显示：flex-wrap
    24.8  复合属性：flex-flow
    24.9  排列顺序：order
    24.10  水平对齐：justify-content
    24.11  垂直对齐：align-items
    24.12  实战题：水平居中和垂直居中
    24.13  实战题：伸缩菜单
    24.14  本章练习
  第25章  其他样式
    25.1  outline属性
    25.2  initial取值
    25.3  calc()函数
    25.4  overflow-x和overflow-y
    25.5  pointer-events属性
    25.6  本章练习
附录A　HTML5新增元素
附录B　HTML5新增属性
附录C　CSS3新增选择器
附录D　CSS3新增属性